From 61718fa867e0ea5116e32c9ace93564097500447 Mon Sep 17 00:00:00 2001
From: boban <boban.blaskovic@gmail.com>
Date: Sat, 16 May 2026 07:59:42 +0200
Subject: [PATCH] feat(ui): links index page with search, filter, delete;
 workspace route group

Add Links Livewire page (Index component + blade view) with live search,
status filter, paginated table, and delete action using DeleteLink for
cache invalidation. Register workspace-scoped route group under
w/{workspace} with ResolveWorkspace middleware. Add stub Livewire pages
for QrCodes, Bio, Analytics, Domains, Settings, and Billing with a shared
coming-soon view.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/Livewire/Pages/Analytics/Index.php        | 14 ++++
 app/Livewire/Pages/Billing/Index.php          | 14 ++++
 app/Livewire/Pages/Bio/Index.php              | 14 ++++
 app/Livewire/Pages/Domains/Index.php          | 14 ++++
 app/Livewire/Pages/Links/Index.php            | 56 ++++++++++++++++
 app/Livewire/Pages/QrCodes/Index.php          | 14 ++++
 app/Livewire/Pages/Settings/Index.php         | 14 ++++
 .../livewire/pages/coming-soon.blade.php      |  1 +
 .../livewire/pages/links/index.blade.php      | 66 +++++++++++++++++++
 routes/web.php                                | 14 ++++
 10 files changed, 221 insertions(+)
 create mode 100644 app/Livewire/Pages/Analytics/Index.php
 create mode 100644 app/Livewire/Pages/Billing/Index.php
 create mode 100644 app/Livewire/Pages/Bio/Index.php
 create mode 100644 app/Livewire/Pages/Domains/Index.php
 create mode 100644 app/Livewire/Pages/Links/Index.php
 create mode 100644 app/Livewire/Pages/QrCodes/Index.php
 create mode 100644 app/Livewire/Pages/Settings/Index.php
 create mode 100644 resources/views/livewire/pages/coming-soon.blade.php
 create mode 100644 resources/views/livewire/pages/links/index.blade.php

diff --git a/app/Livewire/Pages/Analytics/Index.php b/app/Livewire/Pages/Analytics/Index.php
new file mode 100644
index 0000000..959cd60
--- /dev/null
+++ b/app/Livewire/Pages/Analytics/Index.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages\Analytics;
+
+use Livewire\Component;
+
+class Index extends Component
+{
+    public function render(): \Illuminate\View\View
+    {
+        return view('livewire.pages.coming-soon')
+            ->layout('layouts.nimuli-app', ['title' => 'Analytics']);
+    }
+}
diff --git a/app/Livewire/Pages/Billing/Index.php b/app/Livewire/Pages/Billing/Index.php
new file mode 100644
index 0000000..868f11e
--- /dev/null
+++ b/app/Livewire/Pages/Billing/Index.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages\Billing;
+
+use Livewire\Component;
+
+class Index extends Component
+{
+    public function render(): \Illuminate\View\View
+    {
+        return view('livewire.pages.coming-soon')
+            ->layout('layouts.nimuli-app', ['title' => 'Billing']);
+    }
+}
diff --git a/app/Livewire/Pages/Bio/Index.php b/app/Livewire/Pages/Bio/Index.php
new file mode 100644
index 0000000..f1f3a78
--- /dev/null
+++ b/app/Livewire/Pages/Bio/Index.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages\Bio;
+
+use Livewire\Component;
+
+class Index extends Component
+{
+    public function render(): \Illuminate\View\View
+    {
+        return view('livewire.pages.coming-soon')
+            ->layout('layouts.nimuli-app', ['title' => 'Bio Pages']);
+    }
+}
diff --git a/app/Livewire/Pages/Domains/Index.php b/app/Livewire/Pages/Domains/Index.php
new file mode 100644
index 0000000..e0e7c80
--- /dev/null
+++ b/app/Livewire/Pages/Domains/Index.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages\Domains;
+
+use Livewire\Component;
+
+class Index extends Component
+{
+    public function render(): \Illuminate\View\View
+    {
+        return view('livewire.pages.coming-soon')
+            ->layout('layouts.nimuli-app', ['title' => 'Domains']);
+    }
+}
diff --git a/app/Livewire/Pages/Links/Index.php b/app/Livewire/Pages/Links/Index.php
new file mode 100644
index 0000000..63ac65c
--- /dev/null
+++ b/app/Livewire/Pages/Links/Index.php
@@ -0,0 +1,56 @@
+<?php
+
+namespace App\Livewire\Pages\Links;
+
+use App\Domains\Link\Actions\DeleteLink;
+use App\Domains\Link\Models\Link;
+use Livewire\Component;
+use Livewire\WithPagination;
+
+class Index extends Component
+{
+    use WithPagination;
+
+    public string $search = '';
+    public string $statusFilter = '';
+
+    public function updatingSearch(): void
+    {
+        $this->resetPage();
+    }
+
+    public function updatingStatusFilter(): void
+    {
+        $this->resetPage();
+    }
+
+    public function deleteLink(int $id, DeleteLink $action): void
+    {
+        $workspace = app('current_workspace');
+        $link = Link::where('id', $id)
+            ->where('workspace_id', $workspace->id)
+            ->firstOrFail();
+
+        $this->authorize('update', $workspace);
+        $action->handle($link);
+        $this->resetPage();
+    }
+
+    public function render(): \Illuminate\View\View
+    {
+        $workspace = app('current_workspace');
+
+        $links = Link::where('workspace_id', $workspace->id)
+            ->when($this->search, fn($q) => $q->where(function ($q) {
+                $q->where('title', 'like', "%{$this->search}%")
+                  ->orWhere('slug', 'like', "%{$this->search}%")
+                  ->orWhere('target_url', 'like', "%{$this->search}%");
+            }))
+            ->when($this->statusFilter, fn($q) => $q->where('status', $this->statusFilter))
+            ->latest()
+            ->paginate(20);
+
+        return view('livewire.pages.links.index', compact('links'))
+            ->layout('layouts.nimuli-app', ['title' => 'Links']);
+    }
+}
diff --git a/app/Livewire/Pages/QrCodes/Index.php b/app/Livewire/Pages/QrCodes/Index.php
new file mode 100644
index 0000000..9440f04
--- /dev/null
+++ b/app/Livewire/Pages/QrCodes/Index.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages\QrCodes;
+
+use Livewire\Component;
+
+class Index extends Component
+{
+    public function render(): \Illuminate\View\View
+    {
+        return view('livewire.pages.coming-soon')
+            ->layout('layouts.nimuli-app', ['title' => 'QR Codes']);
+    }
+}
diff --git a/app/Livewire/Pages/Settings/Index.php b/app/Livewire/Pages/Settings/Index.php
new file mode 100644
index 0000000..022a7d7
--- /dev/null
+++ b/app/Livewire/Pages/Settings/Index.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages\Settings;
+
+use Livewire\Component;
+
+class Index extends Component
+{
+    public function render(): \Illuminate\View\View
+    {
+        return view('livewire.pages.coming-soon')
+            ->layout('layouts.nimuli-app', ['title' => 'Settings']);
+    }
+}
diff --git a/resources/views/livewire/pages/coming-soon.blade.php b/resources/views/livewire/pages/coming-soon.blade.php
new file mode 100644
index 0000000..aab4a8a
--- /dev/null
+++ b/resources/views/livewire/pages/coming-soon.blade.php
@@ -0,0 +1 @@
+<div class="text-center py-20 text-gray-500">Coming soon...</div>
diff --git a/resources/views/livewire/pages/links/index.blade.php b/resources/views/livewire/pages/links/index.blade.php
new file mode 100644
index 0000000..51bbee1
--- /dev/null
+++ b/resources/views/livewire/pages/links/index.blade.php
@@ -0,0 +1,66 @@
+<div>
+    <div class="flex items-center justify-between mb-6">
+        <h1 class="text-2xl font-bold">Links</h1>
+        <a href="#" class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">
+            + New Link
+        </a>
+    </div>
+
+    <div class="flex gap-3 mb-4">
+        <input wire:model.live.debounce.300ms="search"
+               type="text" placeholder="Search links..."
+               class="flex-1 px-3 py-2 rounded-lg bg-gray-800 border border-gray-700 text-gray-100 text-sm focus:outline-none focus:border-blue-500" />
+        <select wire:model.live="statusFilter"
+                class="px-3 py-2 rounded-lg bg-gray-800 border border-gray-700 text-gray-100 text-sm focus:outline-none">
+            <option value="">All status</option>
+            <option value="active">Active</option>
+            <option value="disabled">Disabled</option>
+            <option value="expired">Expired</option>
+        </select>
+    </div>
+
+    <div class="bg-gray-900 rounded-xl border border-gray-800 overflow-hidden">
+        <table class="w-full text-sm">
+            <thead class="border-b border-gray-800">
+                <tr class="text-gray-500 text-xs uppercase tracking-wider">
+                    <th class="px-4 py-3 text-left">Link</th>
+                    <th class="px-4 py-3 text-left">Target</th>
+                    <th class="px-4 py-3 text-right">Clicks</th>
+                    <th class="px-4 py-3 text-center">Status</th>
+                    <th class="px-4 py-3"></th>
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-gray-800">
+                @forelse($links as $link)
+                <tr class="hover:bg-gray-800/50 transition-colors">
+                    <td class="px-4 py-3">
+                        <div class="font-mono text-blue-400 text-sm">{{ $link->slug }}</div>
+                        @if($link->title)
+                        <div class="text-gray-500 text-xs mt-0.5">{{ $link->title }}</div>
+                        @endif
+                    </td>
+                    <td class="px-4 py-3 text-gray-400 truncate max-w-xs">{{ $link->target_url }}</td>
+                    <td class="px-4 py-3 text-right font-mono text-gray-100">0</td>
+                    <td class="px-4 py-3 text-center">
+                        <span class="px-2 py-0.5 rounded-full text-xs font-medium
+                            {{ $link->status === 'active' ? 'bg-green-500/10 text-green-400' : 'bg-gray-700 text-gray-400' }}">
+                            {{ $link->status }}
+                        </span>
+                    </td>
+                    <td class="px-4 py-3 text-right">
+                        <button wire:click="deleteLink({{ $link->id }})"
+                                wire:confirm="Delete this link?"
+                                class="text-red-400 text-xs hover:opacity-80">Delete</button>
+                    </td>
+                </tr>
+                @empty
+                <tr>
+                    <td colspan="5" class="px-4 py-12 text-center text-gray-500">No links yet. Create your first link.</td>
+                </tr>
+                @endforelse
+            </tbody>
+        </table>
+    </div>
+
+    <div class="mt-4">{{ $links->links() }}</div>
+</div>
diff --git a/routes/web.php b/routes/web.php
index 70f0a4d..7b7d696 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -16,6 +16,20 @@ Route::view('profile', 'profile')
     ->middleware(['auth'])
     ->name('profile');
 
+// Workspace-scoped routes — placed before slug catch-all
+Route::middleware(['auth', 'verified', \App\Http\Middleware\ResolveWorkspace::class])
+    ->prefix('w/{workspace}')
+    ->name('w.')
+    ->group(function () {
+        Route::get('/links', \App\Livewire\Pages\Links\Index::class)->name('links.index');
+        Route::get('/qr', \App\Livewire\Pages\QrCodes\Index::class)->name('qr.index');
+        Route::get('/bio', \App\Livewire\Pages\Bio\Index::class)->name('bio.index');
+        Route::get('/analytics', \App\Livewire\Pages\Analytics\Index::class)->name('analytics.index');
+        Route::get('/domains', \App\Livewire\Pages\Domains\Index::class)->name('domains.index');
+        Route::get('/settings', \App\Livewire\Pages\Settings\Index::class)->name('settings.index');
+        Route::get('/billing', \App\Livewire\Pages\Billing\Index::class)->name('billing.index');
+    });
+
 // Redirect service — handles slugs on main domain and custom domains
 // Placed after all named routes so dashboard/profile etc. are not caught here
 Route::get('/{slug}', \App\Http\Controllers\RedirectController::class)