diff --git a/Modules/Helpdesk/Controllers/TicketTimeLogController.php b/Modules/Helpdesk/Controllers/TicketTimeLogController.php
deleted file mode 100644
index 1f627b2c..00000000
--- a/Modules/Helpdesk/Controllers/TicketTimeLogController.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace Modules\Helpdesk\Http\Controllers;
-
-use Illuminate\Http\RedirectResponse;
-use Illuminate\Http\Request;
-use Illuminate\Routing\Controller;
-use Modules\Helpdesk\Models\Ticket;
-
-final class TicketTimeLogController extends Controller
-{
-    /**
-     * Store a time entry against the selected helpdesk ticket.
-     */
-    public function store(Request $request, Ticket $ticket): RedirectResponse
-    {
-        $this->authorize('update', $ticket);
-
-        $validated = $request->validate([
-            'minutes' => ['required', 'integer', 'min:1', 'max:1440'],
-            'description' => ['nullable', 'string', 'max:1000'],
-        ]);
-
-        $ticket->timeLogs()->create([
-            'user_id' => $request->user()?->id,
-            'minutes' => (int) $validated['minutes'],
-            'description' => $validated['description'] ?? null,
-            'logged_at' => now(),
-        ]);
-
-        return back()->with('ticket-action-updated', 'Time logged successfully.');
-    }
-}
diff --git a/Modules/Helpdesk/Helpdesk/Http/Controllers/TicketTimeLogController.php b/Modules/Helpdesk/Helpdesk/Http/Controllers/TicketTimeLogController.php
deleted file mode 100644
index 1f627b2c..00000000
--- a/Modules/Helpdesk/Helpdesk/Http/Controllers/TicketTimeLogController.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace Modules\Helpdesk\Http\Controllers;
-
-use Illuminate\Http\RedirectResponse;
-use Illuminate\Http\Request;
-use Illuminate\Routing\Controller;
-use Modules\Helpdesk\Models\Ticket;
-
-final class TicketTimeLogController extends Controller
-{
-    /**
-     * Store a time entry against the selected helpdesk ticket.
-     */
-    public function store(Request $request, Ticket $ticket): RedirectResponse
-    {
-        $this->authorize('update', $ticket);
-
-        $validated = $request->validate([
-            'minutes' => ['required', 'integer', 'min:1', 'max:1440'],
-            'description' => ['nullable', 'string', 'max:1000'],
-        ]);
-
-        $ticket->timeLogs()->create([
-            'user_id' => $request->user()?->id,
-            'minutes' => (int) $validated['minutes'],
-            'description' => $validated['description'] ?? null,
-            'logged_at' => now(),
-        ]);
-
-        return back()->with('ticket-action-updated', 'Time logged successfully.');
-    }
-}
diff --git a/Modules/Helpdesk/Helpdesk/Models/TimeLog.php b/Modules/Helpdesk/Helpdesk/Models/TimeLog.php
deleted file mode 100644
index 9df473b3..00000000
--- a/Modules/Helpdesk/Helpdesk/Models/TimeLog.php
+++ /dev/null
@@ -1,41 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace Modules\Helpdesk\Models;
-
-use App\Models\User;
-use Illuminate\Database\Eloquent\Model;
-use Illuminate\Database\Eloquent\Relations\BelongsTo;
-
-final class TimeLog extends Model
-{
-    protected $table = 'helpdesk_time_logs';
-
-    /** @var list<string> */
-    protected $fillable = [
-        'ticket_id',
-        'user_id',
-        'minutes',
-        'description',
-        'logged_at',
-    ];
-
-    /** @var array<string, string> */
-    protected $casts = [
-        'minutes' => 'integer',
-        'logged_at' => 'datetime',
-    ];
-
-    /** @return BelongsTo<Ticket, TimeLog> */
-    public function ticket(): BelongsTo
-    {
-        return $this->belongsTo(Ticket::class, 'ticket_id');
-    }
-
-    /** @return BelongsTo<User, TimeLog> */
-    public function user(): BelongsTo
-    {
-        return $this->belongsTo(User::class, 'user_id');
-    }
-}
diff --git a/Modules/Helpdesk/Helpdesk/Tests/Feature/TicketTimeLogTest.php b/Modules/Helpdesk/Helpdesk/Tests/Feature/TicketTimeLogTest.php
deleted file mode 100644
index 6c6e3831..00000000
--- a/Modules/Helpdesk/Helpdesk/Tests/Feature/TicketTimeLogTest.php
+++ /dev/null
@@ -1,55 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace Modules\Helpdesk\Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Modules\Helpdesk\Models\Ticket;
-use Tests\TestCase;
-
-final class TicketTimeLogTest extends TestCase
-{
-    use RefreshDatabase;
-
-    /**
-     * It stores a time log for an authorized ticket user.
-     */
-    public function test_authorized_user_can_log_ticket_time(): void
-    {
-        $user = User::factory()->create();
-        $ticket = Ticket::factory()->create();
-
-        $this->actingAs($user)
-            ->post(route('helpdesk.tickets.time-logs.store', $ticket), [
-                'minutes' => 45,
-                'description' => 'Investigated the issue and updated the ticket.',
-            ])
-            ->assertRedirect();
-
-        $this->assertDatabaseHas('helpdesk_time_logs', [
-            'ticket_id' => $ticket->id,
-            'user_id' => $user->id,
-            'minutes' => 45,
-            'description' => 'Investigated the issue and updated the ticket.',
-        ]);
-    }
-
-    /**
-     * It rejects invalid logged minutes.
-     */
-    public function test_ticket_time_log_requires_valid_minutes(): void
-    {
-        $user = User::factory()->create();
-        $ticket = Ticket::factory()->create();
-
-        $this->actingAs($user)
-            ->from(route('helpdesk.tickets.show', $ticket))
-            ->post(route('helpdesk.tickets.time-logs.store', $ticket), [
-                'minutes' => 0,
-            ])
-            ->assertRedirect(route('helpdesk.tickets.show', $ticket))
-            ->assertSessionHasErrors('minutes');
-    }
-}
diff --git a/Modules/Helpdesk/Helpdesk/database/migrations/2026_06_22_000001_create_helpdesk_time_logs_table.php b/Modules/Helpdesk/Helpdesk/database/migrations/2026_06_22_000001_create_helpdesk_time_logs_table.php
deleted file mode 100644
index e1932242..00000000
--- a/Modules/Helpdesk/Helpdesk/database/migrations/2026_06_22_000001_create_helpdesk_time_logs_table.php
+++ /dev/null
@@ -1,41 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        if (Schema::hasTable('helpdesk_time_logs')) {
-            return;
-        }
-
-        Schema::create('helpdesk_time_logs', function (Blueprint $table): void {
-            $table->id();
-            $table->foreignId('ticket_id')->constrained('helpdesk_tickets')->cascadeOnDelete();
-            $table->foreignId('user_id')->constrained('users')->cascadeOnDelete();
-            $table->unsignedInteger('minutes');
-            $table->text('description')->nullable();
-            $table->timestamp('logged_at')->useCurrent();
-            $table->timestamps();
-
-            $table->index(['ticket_id', 'logged_at']);
-            $table->index(['user_id', 'logged_at']);
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('helpdesk_time_logs');
-    }
-};
diff --git a/Modules/Helpdesk/Helpdesk/resources/views/partials/time-log-form.blade.php b/Modules/Helpdesk/Helpdesk/resources/views/partials/time-log-form.blade.php
deleted file mode 100644
index 4b26baf5..00000000
--- a/Modules/Helpdesk/Helpdesk/resources/views/partials/time-log-form.blade.php
+++ /dev/null
@@ -1,42 +0,0 @@
-<form method="POST" action="{{ route('helpdesk.tickets.time-logs.store', $ticket) }}" class="mb-4 space-y-2">
-    @csrf
-
-    <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="time_minutes">
-        Log time
-    </label>
-
-    <div class="grid grid-cols-[1fr_auto] gap-2">
-        <input
-            id="time_minutes"
-            name="minutes"
-            type="number"
-            min="1"
-            max="1440"
-            value="{{ old('minutes') }}"
-            placeholder="Minutes"
-            class="block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100"
-            data-dusk="ticket-time-minutes"
-        >
-
-        <button type="submit" dusk="log-ticket-time" data-dusk="log-ticket-time" class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-400/70">
-            <i class="fa-solid fa-clock mr-2" aria-hidden="true"></i>
-            <span>Log</span>
-        </button>
-    </div>
-
-    <textarea
-        name="description"
-        rows="2"
-        placeholder="Optional work note"
-        class="block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100"
-        data-dusk="ticket-time-description"
-    >{{ old('description') }}</textarea>
-
-    @error('minutes')
-        <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-    @enderror
-
-    @error('description')
-        <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-    @enderror
-</form>
diff --git a/Modules/Helpdesk/Helpdesk/routes/time-logs.php b/Modules/Helpdesk/Helpdesk/routes/time-logs.php
deleted file mode 100644
index b463afe9..00000000
--- a/Modules/Helpdesk/Helpdesk/routes/time-logs.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-use Illuminate\Support\Facades\Route;
-use Modules\Helpdesk\Http\Controllers\TicketTimeLogController;
-
-Route::post('/tickets/{ticket}/time-logs', [TicketTimeLogController::class, 'store'])
-    ->name('tickets.time-logs.store');
diff --git a/Modules/Helpdesk/Http/Controllers/TicketTimeLogController.php b/Modules/Helpdesk/Http/Controllers/TicketTimeLogController.php
index 1f627b2c..c670f68c 100644
--- a/Modules/Helpdesk/Http/Controllers/TicketTimeLogController.php
+++ b/Modules/Helpdesk/Http/Controllers/TicketTimeLogController.php
@@ -4,6 +4,7 @@ declare(strict_types=1);
 
 namespace Modules\Helpdesk\Http\Controllers;
 
+use Illuminate\Auth\Access\AuthorizationException;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Routing\Controller;
@@ -12,24 +13,27 @@ use Modules\Helpdesk\Models\Ticket;
 final class TicketTimeLogController extends Controller
 {
     /**
-     * Store a time entry against the selected helpdesk ticket.
+     * Store logged time against the selected helpdesk ticket.
+     *
+     * @throws AuthorizationException
      */
     public function store(Request $request, Ticket $ticket): RedirectResponse
     {
-        $this->authorize('update', $ticket);
+        if ($request->user()?->cannot('update', $ticket)) {
+            throw new AuthorizationException;
+        }
 
         $validated = $request->validate([
             'minutes' => ['required', 'integer', 'min:1', 'max:1440'],
             'description' => ['nullable', 'string', 'max:1000'],
         ]);
 
-        $ticket->timeLogs()->create([
-            'user_id' => $request->user()?->id,
-            'minutes' => (int) $validated['minutes'],
-            'description' => $validated['description'] ?? null,
-            'logged_at' => now(),
+        $ticket->increment('time_spent_minutes', (int) $validated['minutes'], [
+            'last_activity_at' => now(),
         ]);
 
-        return back()->with('ticket-action-updated', 'Time logged successfully.');
+        return redirect()
+            ->route('helpdesk.tickets.show', $ticket)
+            ->with('ticket-action-updated', 'Time logged successfully.');
     }
 }
diff --git a/Modules/Helpdesk/Livewire/TicketShow.php b/Modules/Helpdesk/Livewire/TicketShow.php
index 7bfcedf6..69f7a848 100644
--- a/Modules/Helpdesk/Livewire/TicketShow.php
+++ b/Modules/Helpdesk/Livewire/TicketShow.php
@@ -5,6 +5,7 @@ declare(strict_types=1);
 namespace Modules\Helpdesk\Livewire;
 
 use App\Models\User;
+use Carbon\CarbonInterval;
 use Illuminate\Contracts\View\View;
 use Illuminate\Database\Eloquent\Collection as EloquentCollection;
 use Illuminate\Support\Collection;
@@ -316,6 +317,7 @@ final class TicketShow extends Component
         ]) ?? $ticket;
 
         $this->hydrateTicketUsers($ticket);
+
         $comments = $ticket->comments()
             ->active()
             ->when(! $this->canSeeInternalNotes(), static function ($query): void {
@@ -324,26 +326,31 @@ final class TicketShow extends Component
             ->with(['user.company', 'attachments', 'replies.user.company', 'replies.attachments'])
             ->oldest()
             ->get();
-        $ticket->setRelation('comments', $comments);
 
+        $ticket->setRelation('comments', $comments);
         $ticket->setAttribute('public_replies_count', $comments->where('is_internal', false)->count());
-        $ticket->setAttribute('time_spent_minutes', $this->sumCommentMinutes($comments));
+        $ticket->setAttribute('time_spent_minutes', (int) $ticket->getRawOriginal('time_spent_minutes'));
         $ticket->setRelation('comments', $this->buildCommentTree($comments->groupBy('parent_id')));
 
         return $ticket;
     }
 
-    private function sumCommentMinutes(Collection $comments): int
+
+    public function formattedTimeSpent(): string
     {
-        if (Schema::hasColumn('helpdesk_comments', 'time_spent_minutes')) {
-            return (int) $comments->sum('time_spent_minutes');
+        $minutes = (int) $this->ticket->time_spent_minutes;
+
+        if ($minutes < 1) {
+            return '0 minutes';
         }
 
-        if (Schema::hasColumn('helpdesk_comments', 'minutes_logged')) {
-            return (int) $comments->sum('minutes_logged');
-        }
-
-        return 0;
+        return CarbonInterval::minutes($minutes)
+            ->cascade()
+            ->forHumans([
+                'short' => false,
+                'parts' => 2,
+                'join' => true,
+            ]);
     }
 
     private function hydrateTicketUsers(Ticket $ticket): void
diff --git a/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php b/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php
index 98166641..a091a383 100644
--- a/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php
+++ b/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php
@@ -32,136 +32,12 @@
                         <i class="fa-solid fa-arrow-left mr-2" aria-hidden="true"></i>
                         Back
                     </a>
+
                     @can('update', $ticket)
-                        <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
-                            <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-indigo-700 px-4 py-4 text-white">
-                                <div class="flex items-center gap-3">
-                <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-950 text-white ring-1 ring-indigo-300/60 shadow-lg">
-                    <i class="fa-solid fa-sliders text-lg" aria-hidden="true"></i>
-                </span>
-                                    <div class="min-w-0">
-                                        <h2 class="text-lg font-black uppercase tracking-wide">Ticket controls</h2>
-                                        <p class="text-xs font-semibold text-indigo-100">Log time, assignment, status and priority</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            @if (session('ticket-action-updated'))
-                                <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs font-bold text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-100">
-                                    {{ session('ticket-action-updated') }}
-                                </div>
-                            @endif
-
-                            <form method="POST" action="{{ route('helpdesk.tickets.time-logs.store', $ticket) }}" class="mb-4 space-y-2">
-                                @csrf
-
-                                <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="ticket_time_minutes">
-                                    Log time
-                                </label>
-
-                                <div class="grid grid-cols-[1fr_auto] gap-2">
-                                    <input
-                                        id="ticket_time_minutes"
-                                        name="minutes"
-                                        type="number"
-                                        min="1"
-                                        max="1440"
-                                        placeholder="Minutes"
-                                        class="block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100"
-                                        data-dusk="ticket-time-minutes"
-                                    >
-
-                                    <button
-                                        type="submit"
-                                        dusk="log-ticket-time"
-                                        data-dusk="log-ticket-time"
-                                        class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-400/70"
-                                    >
-                                        <i class="fa-solid fa-clock mr-2" aria-hidden="true"></i>
-                                        <span>Log</span>
-                                    </button>
-                                </div>
-
-                                <textarea
-                                    name="description"
-                                    rows="2"
-                                    placeholder="Optional work note"
-                                    class="block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100"
-                                    data-dusk="ticket-time-description"
-                                ></textarea>
-
-                                @error('minutes')
-                                <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
-
-                                @error('description')
-                                <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
-                            </form>
-
-                            <form method="POST" action="{{ route('helpdesk.tickets.agent.update', $ticket) }}" class="mb-4 space-y-2">
-                                @csrf
-
-                                <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="show_agent_id">Assigned agent</label>
-                                <select id="show_agent_id" name="agent_id" class="hd-select block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-show-agent">
-                                    <option value="" @selected($agent_id === null)>Unassigned</option>
-                                    @forelse ($agents as $agent)
-                                        <option value="{{ $agent->id }}" @selected((int) $agent_id === (int) $agent->id)>{{ $agent->name }} · {{ $agent->email }}</option>
-                                    @empty
-                                        <option value="" disabled>No users available for assignment</option>
-                                    @endforelse
-                                </select>
-
-                                @error('agent_id')
-                                <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
-
-                                <button type="submit" dusk="update-agent" data-dusk="update-agent" class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-400/70">
-                                    <i class="fa-solid fa-user-check mr-2" aria-hidden="true"></i>
-                                    <span>Assign agent</span>
-                                </button>
-                            </form>
-
-                            <form method="POST" action="{{ route('helpdesk.tickets.status.update', $ticket) }}" class="mb-4 space-y-2">
-                                @csrf
-
-                                <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="show_status_id">Status</label>
-                                <select id="show_status_id" name="status_id" class="hd-select block min-h-10 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-show-status">
-                                    @foreach ($statuses as $status)
-                                        <option value="{{ $status->id }}" @selected((int) $status_id === (int) $status->id)>{{ $status->name }}</option>
-                                    @endforeach
-                                </select>
-
-                                @error('status_id')
-                                <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
-
-                                <button type="submit" dusk="update-status" class="inline-flex items-center justify-center rounded-lg bg-blue-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400/70">
-                                    <i class="fa-solid fa-circle-check mr-2" aria-hidden="true"></i>
-                                    <span>Update status</span>
-                                </button>
-                            </form>
-
-                            <form method="POST" action="{{ route('helpdesk.tickets.priority.update', $ticket) }}" class="space-y-2">
-                                @csrf
-
-                                <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="show_priority_id">Priority</label>
-                                <select id="show_priority_id" name="priority_id" class="hd-select block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-amber-500 focus:ring-amber-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-show-priority">
-                                    @foreach ($priorities as $priority)
-                                        <option value="{{ $priority->id }}" @selected((int) $priority_id === (int) $priority->id)>{{ $priority->name }}</option>
-                                    @endforeach
-                                </select>
-
-                                @error('priority_id')
-                                <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
-
-                                <button type="submit" dusk="update-priority" class="inline-flex items-center justify-center rounded-lg bg-amber-500 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-amber-600 focus:outline-none focus:ring-2 focus:ring-amber-300/70">
-                                    <i class="fa-solid fa-flag mr-2" aria-hidden="true"></i>
-                                    <span>Update priority</span>
-                                </button>
-                            </form>
-                        </div>
+                        <a href="{{ route('helpdesk.tickets.edit', $ticket) }}" wire:navigate class="inline-flex items-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-bold text-white shadow-sm hover:bg-emerald-700">
+                            <i class="fa-solid fa-pen-to-square mr-2" aria-hidden="true"></i>
+                            Edit
+                        </a>
                     @endcan
                 </div>
             </div>
@@ -445,33 +321,29 @@
                     </div>
 
                     @can('update', $ticket)
-                            <div class="rounded-xl border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-950">
-                                <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-                                    <div class="min-w-0">
-                                        <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200">
-                                            Attach files to this reply
-                                        </label>
-                                        <p class="mt-1 truncate text-xs font-semibold text-zinc-500 dark:text-zinc-400" data-helpdesk-file-label>
-                                            No files selected
-                                        </p>
-                                    </div>
-
-                                    <label data-helpdesk-file-button class="inline-flex cursor-pointer items-center justify-center rounded-lg bg-blue-600 px-3 py-2 text-xs font-bold text-white shadow-sm transition hover:bg-blue-700 focus-within:outline-none focus-within:ring-2 focus-within:ring-blue-400/70">
-                                        <i class="fa-solid fa-paperclip mr-2 text-xs" aria-hidden="true"></i>
-                                        <span>Choose files</span>
-                                        <input name="comment_attachments[]" type="file" multiple class="sr-only" data-helpdesk-file-input>
-                                    </label>
+                        <div class="rounded-xl border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-950">
+                            <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+                                <div class="min-w-0">
+                                    <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200">Attach files to this reply</label>
+                                    <p class="mt-1 truncate text-xs font-semibold text-zinc-500 dark:text-zinc-400" data-helpdesk-file-label>No files selected</p>
                                 </div>
 
-                                @error('comment_attachments')
-                                <p class="mt-2 text-xs font-semibold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
-
-                                @error('comment_attachments.*')
-                                <p class="mt-2 text-xs font-semibold text-red-600 dark:text-red-400">{{ $message }}</p>
-                                @enderror
+                                <label data-helpdesk-file-button class="inline-flex cursor-pointer items-center justify-center rounded-lg bg-blue-600 px-3 py-2 text-xs font-bold text-white shadow-sm transition hover:bg-blue-700 focus-within:outline-none focus-within:ring-2 focus-within:ring-blue-400/70">
+                                    <i class="fa-solid fa-paperclip mr-2 text-xs" aria-hidden="true"></i>
+                                    <span>Choose files</span>
+                                    <input name="comment_attachments[]" type="file" multiple class="sr-only" data-helpdesk-file-input>
+                                </label>
                             </div>
 
+                            @error('comment_attachments')
+                            <p class="mt-2 text-xs font-semibold text-red-600 dark:text-red-400">{{ $message }}</p>
+                            @enderror
+
+                            @error('comment_attachments.*')
+                            <p class="mt-2 text-xs font-semibold text-red-600 dark:text-red-400">{{ $message }}</p>
+                            @enderror
+                        </div>
+
                         @if ($canSeeInternalNotes)
                             <label class="mt-3 flex items-center gap-2 text-xs font-semibold text-zinc-700 dark:text-zinc-200">
                                 <input type="checkbox" name="internal" value="1" @checked(old('internal')) class="rounded border-zinc-300">
@@ -787,83 +659,73 @@
                 }
             </script>
         </div>
+
         <aside class="space-y-4">
             <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
                 <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-blue-700 px-4 py-4 text-white">
                     <div class="flex items-center gap-3">
-                <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-950 text-white ring-1 ring-blue-300/60 shadow-lg">
-                    <i class="fa-solid fa-file-lines text-lg" aria-hidden="true"></i>
-                </span>
+                        <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-950 text-white ring-1 ring-blue-300/60 shadow-lg">
+                            <i class="fa-solid fa-file-lines text-lg" aria-hidden="true"></i>
+                        </span>
                         <div class="min-w-0">
                             <h2 class="text-lg font-black uppercase tracking-wide">Ticket details</h2>
                             <p class="text-xs font-semibold text-blue-100">Key information about this ticket</p>
                         </div>
                     </div>
                 </div>
-
                 <dl class="space-y-2 text-xs">
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Category</dt>
-                        <dd>{{ $ticket->category?->name ?? 'None' }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Project</dt>
-                        <dd>{{ $ticket->project?->title ?? 'None' }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Product/service</dt>
-                        <dd>{{ $ticket->product?->name ?? 'None' }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Team</dt>
-                        <dd>{{ $ticket->team?->name ?? 'None' }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Created</dt>
-                        <dd>{{ $ticket->created_at->format('d M Y H:i') }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Due</dt>
-                        <dd>{{ $ticket->due_at?->format('d M Y') ?? 'No due date' }}</dd>
-                    </div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Category</dt><dd>{{ $ticket->category?->name ?? 'None' }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Project</dt><dd>{{ $ticket->project?->title ?? 'None' }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Product/service</dt><dd>{{ $ticket->product?->name ?? 'None' }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Team</dt><dd>{{ $ticket->team?->name ?? 'None' }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Created</dt><dd>{{ $ticket->created_at->format('d M Y H:i') }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Due</dt><dd>{{ $ticket->due_at?->format('d M Y') ?? 'No due date' }}</dd></div>
                 </dl>
             </div>
 
             <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
                 <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-red-700 px-4 py-4 text-white">
                     <div class="flex items-center gap-3">
-                <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-red-950 text-white ring-1 ring-red-300/60 shadow-lg">
-                    <i class="fa-solid fa-clock text-lg" aria-hidden="true"></i>
-                </span>
+                        <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-red-950 text-white ring-1 ring-red-300/60 shadow-lg">
+                            <i class="fa-solid fa-clock text-lg" aria-hidden="true"></i>
+                        </span>
                         <div class="min-w-0">
                             <h2 class="text-lg font-black uppercase tracking-wide">SLA metrics</h2>
                             <p class="text-xs font-semibold text-red-100">Service level agreement overview</p>
                         </div>
                     </div>
                 </div>
-
                 <div class="grid gap-2 text-xs">
                     <div class="rounded-lg border {{ $ticket->sla_first_response_breached ? 'border-red-300 bg-red-50 text-red-900 dark:border-red-900 dark:bg-red-950 dark:text-red-100' : 'border-emerald-200 bg-emerald-50 text-emerald-900 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-100' }} p-3">
                         <div class="text-[0.68rem] font-semibold uppercase tracking-wide">First response</div>
                         <div class="mt-1">{{ $ticket->first_response_at?->format('d M Y H:i') ?? 'Awaiting response' }}</div>
                         <div class="mt-1 text-[0.68rem] opacity-75">Due {{ $ticket->sla_first_response_due_at?->format('d M Y H:i') ?? 'Not set' }}</div>
                     </div>
-
                     <div class="rounded-lg border {{ $ticket->sla_resolution_breached ? 'border-red-300 bg-red-50 text-red-900 dark:border-red-900 dark:bg-red-950 dark:text-red-100' : 'border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-900 dark:bg-blue-950 dark:text-blue-100' }} p-3">
                         <div class="text-[0.68rem] font-semibold uppercase tracking-wide">Resolution</div>
                         <div class="mt-1">{{ $ticket->completed_at?->format('d M Y H:i') ?? 'Open' }}</div>
                         <div class="mt-1 text-[0.68rem] opacity-75">Due {{ $ticket->sla_resolution_due_at?->format('d M Y H:i') ?? 'Not set' }}</div>
                     </div>
-
-                    <div class="grid grid-cols-2 gap-2 text-center">
-                        <div class="rounded-lg border border-blue-300 bg-blue-50 p-2 text-blue-900 shadow-sm dark:border-blue-900 dark:bg-blue-950 dark:text-blue-100">
-                            <div class="text-lg font-extrabold">{{ $ticket->public_replies_count }}</div>
-                            <div class="text-[0.68rem] font-semibold text-blue-700 dark:text-blue-200">Public replies</div>
-                        </div>
+                    <div class="grid grid-cols-2 gap-2 text-center mt-2 mb-2">
+                        <div class="rounded-lg border border-blue-300 bg-blue-50 p-2 text-blue-900 shadow-sm dark:border-blue-900 dark:bg-blue-950 dark:text-blue-100"><div class="text-lg font-extrabold">{{ $ticket->public_replies_count }}</div><div class="text-[0.68rem] font-semibold text-blue-700 dark:text-blue-200">Public replies</div></div>
                         <div class="rounded-lg border border-emerald-300 bg-emerald-50 p-2 text-emerald-900 shadow-sm dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-100">
-                            <div class="text-lg font-extrabold">{{ $ticket->time_spent_minutes }}</div>
-                            <div class="text-[0.68rem] font-semibold text-emerald-700 dark:text-emerald-200">Minutes logged</div>
-                        </div>
+                            <div class="text-sm font-extrabold leading-tight">
+
+                                {{ $this->formattedTimeSpent() }}
+
+                            </div>
+
+                            <div class="mt-0.5 text-[0.6rem] font-semibold text-emerald-600 dark:text-emerald-300">
+
+                                {{ number_format((int) $ticket->time_spent_minutes) }} total minutes
+
+                            </div>
+
+                            <div class="text-[0.65rem] font-semibold text-emerald-700 dark:text-emerald-200">
+
+                                Minutes logged
+
+                            </div>
                     </div>
                 </div>
             </div>
@@ -871,31 +733,15 @@
             <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
                 <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-emerald-700 px-4 py-4 text-white">
                     <div class="flex items-center gap-3">
-                <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-emerald-950 text-white ring-1 ring-emerald-300/60 shadow-lg">
-                    <i class="fa-solid fa-user text-lg" aria-hidden="true"></i>
-                </span>
-                        <div class="min-w-0">
-                            <h2 class="text-lg font-black uppercase tracking-wide">Requester profile</h2>
-                            <p class="text-xs font-semibold text-emerald-100">Information about the requester</p>
-                        </div>
+                        <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-emerald-950 text-white ring-1 ring-emerald-300/60 shadow-lg"><i class="fa-solid fa-user text-lg" aria-hidden="true"></i></span>
+                        <div class="min-w-0"><h2 class="text-lg font-black uppercase tracking-wide">Requester profile</h2><p class="text-xs font-semibold text-emerald-100">Information about the requester</p></div>
                     </div>
                 </div>
-
                 <dl class="space-y-2 text-xs">
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Name</dt>
-                        <dd>{{ $ticket->owner?->name ?? 'Unknown' }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Email</dt>
-                        <dd class="truncate">{{ $ticket->owner?->email ?? 'None' }}</dd>
-                    </div>
-                    <div class="flex justify-between gap-3">
-                        <dt class="text-zinc-500">Company</dt>
-                        <dd>{{ $ticket->owner?->company?->name ?? 'Current company' }}</dd>
-                    </div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Name</dt><dd>{{ $ticket->owner?->name ?? 'Unknown' }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Email</dt><dd class="truncate">{{ $ticket->owner?->email ?? 'None' }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="text-zinc-500">Company</dt><dd>{{ $ticket->owner?->company?->name ?? 'Current company' }}</dd></div>
                 </dl>
-
                 @if ($ticket->tags->isNotEmpty())
                     <div class="mt-3 flex flex-wrap gap-2">
                         @foreach ($ticket->tags as $tag)
@@ -908,23 +754,15 @@
             @if ($ticket->checklistItems->isNotEmpty())
                 <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
                     @php($completedChecks = $ticket->checklistItems->where('is_completed', true)->count())
-
                     <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-amber-600 px-4 py-4 text-white">
                         <div class="flex items-center justify-between gap-3">
                             <div class="flex items-center gap-3">
-                        <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-amber-950 text-white ring-1 ring-amber-300/60 shadow-lg">
-                            <i class="fa-solid fa-list-check text-lg" aria-hidden="true"></i>
-                        </span>
-                                <div class="min-w-0">
-                                    <h2 class="text-lg font-black uppercase tracking-wide">Checklist</h2>
-                                    <p class="text-xs font-semibold text-amber-100">Completion progress</p>
-                                </div>
+                                <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-amber-950 text-white ring-1 ring-amber-300/60 shadow-lg"><i class="fa-solid fa-list-check text-lg" aria-hidden="true"></i></span>
+                                <div class="min-w-0"><h2 class="text-lg font-black uppercase tracking-wide">Checklist</h2><p class="text-xs font-semibold text-amber-100">Completion progress</p></div>
                             </div>
-
                             <flux:badge color="blue">{{ $completedChecks }}/{{ $ticket->checklistItems->count() }}</flux:badge>
                         </div>
                     </div>
-
                     <div class="space-y-2">
                         @foreach ($ticket->checklistItems as $item)
                             <label class="flex items-start gap-2 rounded-lg border border-zinc-200 p-2 text-xs dark:border-zinc-700">
@@ -939,16 +777,10 @@
             <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
                 <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-violet-700 px-4 py-4 text-white">
                     <div class="flex items-center gap-3">
-                <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-violet-950 text-white ring-1 ring-violet-300/60 shadow-lg">
-                    <i class="fa-solid fa-code-branch text-lg" aria-hidden="true"></i>
-                </span>
-                        <div class="min-w-0">
-                            <h2 class="text-lg font-black uppercase tracking-wide">Git commits</h2>
-                            <p class="text-xs font-semibold text-violet-100">Code commits linked to this ticket</p>
-                        </div>
+                        <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-violet-950 text-white ring-1 ring-violet-300/60 shadow-lg"><i class="fa-solid fa-code-branch text-lg" aria-hidden="true"></i></span>
+                        <div class="min-w-0"><h2 class="text-lg font-black uppercase tracking-wide">Git commits</h2><p class="text-xs font-semibold text-violet-100">Code commits linked to this ticket</p></div>
                     </div>
                 </div>
-
                 <div class="space-y-2">
                     @forelse ($ticket->gitCommits as $commit)
                         <a href="{{ $commit->url ?: '#' }}" target="_blank" class="block rounded-lg border border-zinc-100 p-2 dark:border-zinc-800">
@@ -956,9 +788,7 @@
                             <div class="mt-1 text-xs font-medium text-zinc-900 dark:text-zinc-100">{{ $commit->message }}</div>
                         </a>
                     @empty
-                        <div class="rounded-lg border border-dashed border-zinc-300 p-3 text-center text-xs text-zinc-500 dark:border-zinc-700">
-                            No commits linked.
-                        </div>
+                        <div class="rounded-lg border border-dashed border-zinc-300 p-3 text-center text-xs text-zinc-500 dark:border-zinc-700">No commits linked.</div>
                     @endforelse
                 </div>
             </div>
@@ -967,25 +797,29 @@
                 <div class="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
                     <div class="-mx-4 -mt-4 mb-4 rounded-t-xl bg-indigo-700 px-4 py-4 text-white">
                         <div class="flex items-center gap-3">
-                    <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-950 text-white ring-1 ring-indigo-300/60 shadow-lg">
-                        <i class="fa-solid fa-sliders text-lg" aria-hidden="true"></i>
-                    </span>
-                            <div class="min-w-0">
-                                <h2 class="text-lg font-black uppercase tracking-wide">Ticket controls</h2>
-                                <p class="text-xs font-semibold text-indigo-100">Assignment, status and priority</p>
-                            </div>
+                            <span class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-950 text-white ring-1 ring-indigo-300/60 shadow-lg"><i class="fa-solid fa-sliders text-lg" aria-hidden="true"></i></span>
+                            <div class="min-w-0"><h2 class="text-lg font-black uppercase tracking-wide">Ticket controls</h2><p class="text-xs font-semibold text-indigo-100">Log time, assignment, status and priority</p></div>
                         </div>
                     </div>
 
                     @if (session('ticket-action-updated'))
-                        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs font-bold text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-100">
-                            {{ session('ticket-action-updated') }}
-                        </div>
+                        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs font-bold text-emerald-800 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-100">{{ session('ticket-action-updated') }}</div>
                     @endif
 
+                    <form method="POST" action="{{ route('helpdesk.tickets.time-logs.store', $ticket) }}" class="mb-4 space-y-2">
+                        @csrf
+                        <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="ticket_time_minutes">Log time</label>
+                        <div class="grid grid-cols-[1fr_auto] gap-2">
+                            <input id="ticket_time_minutes" name="minutes" type="number" min="1" max="1440" placeholder="Minutes" class="block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-time-minutes">
+                            <button type="submit" dusk="log-ticket-time" data-dusk="log-ticket-time" class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-400/70"><i class="fa-solid fa-clock mr-2" aria-hidden="true"></i><span>Log</span></button>
+                        </div>
+                        <textarea name="description" rows="2" placeholder="Optional work note" class="block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-time-description"></textarea>
+                        @error('minutes')<p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
+                        @error('description')<p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
+                    </form>
+
                     <form method="POST" action="{{ route('helpdesk.tickets.agent.update', $ticket) }}" class="mb-4 space-y-2">
                         @csrf
-
                         <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="show_agent_id">Assigned agent</label>
                         <select id="show_agent_id" name="agent_id" class="hd-select block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-emerald-500 focus:ring-emerald-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-show-agent">
                             <option value="" @selected($agent_id === null)>Unassigned</option>
@@ -995,55 +829,32 @@
                                 <option value="" disabled>No users available for assignment</option>
                             @endforelse
                         </select>
-
-                        @error('agent_id')
-                        <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                        @enderror
-
-                        <button type="submit" dusk="update-agent" data-dusk="update-agent" class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-400/70">
-                            <i class="fa-solid fa-user-check mr-2" aria-hidden="true"></i>
-                            <span>Assign agent</span>
-                        </button>
+                        @error('agent_id')<p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
+                        <button type="submit" dusk="update-agent" data-dusk="update-agent" class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-400/70"><i class="fa-solid fa-user-check mr-2" aria-hidden="true"></i><span>Assign agent</span></button>
                     </form>
 
                     <form method="POST" action="{{ route('helpdesk.tickets.status.update', $ticket) }}" class="mb-4 space-y-2">
                         @csrf
-
                         <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="show_status_id">Status</label>
                         <select id="show_status_id" name="status_id" class="hd-select block min-h-10 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-show-status">
                             @foreach ($statuses as $status)
                                 <option value="{{ $status->id }}" @selected((int) $status_id === (int) $status->id)>{{ $status->name }}</option>
                             @endforeach
                         </select>
-
-                        @error('status_id')
-                        <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                        @enderror
-
-                        <button type="submit" dusk="update-status" class="inline-flex items-center justify-center rounded-lg bg-blue-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400/70">
-                            <i class="fa-solid fa-circle-check mr-2" aria-hidden="true"></i>
-                            <span>Update status</span>
-                        </button>
+                        @error('status_id')<p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
+                        <button type="submit" dusk="update-status" class="inline-flex items-center justify-center rounded-lg bg-blue-600 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400/70"><i class="fa-solid fa-circle-check mr-2" aria-hidden="true"></i><span>Update status</span></button>
                     </form>
 
                     <form method="POST" action="{{ route('helpdesk.tickets.priority.update', $ticket) }}" class="space-y-2">
                         @csrf
-
                         <label class="block text-xs font-bold text-zinc-700 dark:text-zinc-200" for="show_priority_id">Priority</label>
                         <select id="show_priority_id" name="priority_id" class="hd-select block w-full rounded-lg border border-zinc-300 bg-white p-2 text-xs font-semibold text-zinc-900 shadow-sm focus:border-amber-500 focus:ring-amber-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" data-dusk="ticket-show-priority">
                             @foreach ($priorities as $priority)
                                 <option value="{{ $priority->id }}" @selected((int) $priority_id === (int) $priority->id)>{{ $priority->name }}</option>
                             @endforeach
                         </select>
-
-                        @error('priority_id')
-                        <p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>
-                        @enderror
-
-                        <button type="submit" dusk="update-priority" class="inline-flex items-center justify-center rounded-lg bg-amber-500 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-amber-600 focus:outline-none focus:ring-2 focus:ring-amber-300/70">
-                            <i class="fa-solid fa-flag mr-2" aria-hidden="true"></i>
-                            <span>Update priority</span>
-                        </button>
+                        @error('priority_id')<p class="text-xs font-bold text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
+                        <button type="submit" dusk="update-priority" class="inline-flex items-center justify-center rounded-lg bg-amber-500 px-3 py-2 text-xs font-black text-white shadow-sm transition hover:bg-amber-600 focus:outline-none focus:ring-2 focus:ring-amber-300/70"><i class="fa-solid fa-flag mr-2" aria-hidden="true"></i><span>Update priority</span></button>
                     </form>
                 </div>
             @endcan
diff --git a/Modules/Helpdesk/old_views/layouts/app/sidebar.blade.php b/Modules/Helpdesk/old_views/layouts/app/sidebar.blade.php
deleted file mode 100644
index dfc369b9..00000000
--- a/Modules/Helpdesk/old_views/layouts/app/sidebar.blade.php
+++ /dev/null
@@ -1,1069 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-@include('partials.head')
-
-<script>
-    (function () {
-        const SIDEBAR_STATE_KEY = 'wms-sidebar-state';
-        const SIDEBAR_WIDTH_KEY = 'wms-sidebar-width';
-
-        const DEFAULT_WIDTH = 288;
-        const MIN_WIDTH = 224;
-        const MAX_WIDTH = 448;
-
-        function clamp(value, min, max) {
-            return Math.min(Math.max(value, min), max);
-        }
-
-        const savedWidth = Number.parseInt(localStorage.getItem(SIDEBAR_WIDTH_KEY) || DEFAULT_WIDTH, 10);
-        const width = clamp(Number.isFinite(savedWidth) ? savedWidth : DEFAULT_WIDTH, MIN_WIDTH, MAX_WIDTH);
-        const savedState = localStorage.getItem(SIDEBAR_STATE_KEY) || 'expanded';
-
-        document.documentElement.style.setProperty('--wms-sidebar-width', `${width}px`);
-        document.documentElement.dataset.wmsSidebar = savedState === 'collapsed' ? 'collapsed' : 'expanded';
-    })();
-</script>
-
-<body class="min-h-screen bg-white font-sans text-zinc-950 antialiased dark:bg-zinc-950 dark:text-zinc-100">
-    <div data-dusk="page-ready" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);" aria-hidden="true"></div>
-<style>
-    :root {
-        --wms-sidebar-width: 288px;
-        --wms-sidebar-min-width: 224px;
-        --wms-sidebar-max-width: 448px;
-        --wms-sidebar-collapsed-width: 76px;
-
-        --wms-active-parent-blue: #4164dc;
-        --wms-active-child-gold: #e7b72f;
-        --wms-active-child-gold-dark: #e7b72f;
-    }
-
-    .wms-app-shell {
-        display: grid;
-        grid-template-columns: var(--wms-sidebar-width) minmax(0, 1fr);
-        min-height: 100vh;
-        transition-property: none;
-    }
-
-    html[data-wms-sidebar="expanded"] .wms-app-shell {
-        grid-template-columns: var(--wms-sidebar-width) minmax(0, 1fr);
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-app-shell {
-        grid-template-columns: var(--wms-sidebar-collapsed-width) minmax(0, 1fr);
-    }
-
-    .wms-sidebar {
-        position: relative;
-        width: var(--wms-sidebar-width);
-        min-width: var(--wms-sidebar-width);
-        max-width: var(--wms-sidebar-width);
-        transition-property: none;
-    }
-
-    .wms-main-panel {
-        transition-property: none;
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-sidebar {
-        width: var(--wms-sidebar-collapsed-width);
-        min-width: var(--wms-sidebar-collapsed-width);
-        max-width: var(--wms-sidebar-collapsed-width);
-    }
-
-    .wms-sidebar-resizer {
-        position: absolute;
-        top: 0;
-        right: -4px;
-        z-index: 30;
-        width: 8px;
-        height: 100%;
-        cursor: col-resize;
-        border: 0;
-        background: transparent;
-    }
-
-    .wms-sidebar-resizer::after {
-        position: absolute;
-        top: 0;
-        right: 3px;
-        width: 1px;
-        height: 100%;
-        content: "";
-        background: rgba(148, 163, 184, 0.22);
-        transition: background 160ms ease;
-    }
-
-    .wms-sidebar-resizer:hover::after,
-    body.wms-sidebar-is-resizing .wms-sidebar-resizer::after {
-        background: rgba(59, 130, 246, 0.7);
-    }
-
-    body.wms-sidebar-is-resizing {
-        cursor: col-resize;
-        user-select: none;
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-resizer {
-        display: none;
-    }
-
-    .wms-sidebar-nav {
-        overflow-x: hidden;
-    }
-
-    .wms-sidebar-heading-button {
-        display: flex;
-        width: 100%;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 0.75rem;
-        border: 0;
-        background: transparent;
-        cursor: pointer;
-        text-align: left;
-    }
-
-    .wms-sidebar-heading-content {
-        display: inline-flex;
-        align-items: center;
-        gap: 0.7rem;
-        min-width: 0;
-    }
-
-    .wms-sidebar-heading-content > span {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .wms-sidebar-heading-chevron {
-        display: none;
-    }
-
-    .wms-sidebar-group-items {
-        display: block;
-    }
-
-    .wms-sidebar-group[data-wms-menu-open="false"] > .wms-sidebar-group-items {
-        display: block;
-    }
-
-    .wms-sidebar-group[data-wms-menu-open="true"] > .wms-sidebar-group-items {
-        display: block;
-    }
-
-    .wms-sidebar-group:not([data-wms-menu-group="platform"])[data-wms-selected="true"] > .wms-sidebar-heading-button {
-        position: relative;
-        width: calc(100% - 1.25rem);
-        min-height: 2.9rem;
-        margin: 0.25rem 0.65rem 0.35rem;
-        padding: 0.6rem 0.85rem;
-        border-radius: 1.35rem;
-        background: linear-gradient(135deg, #4667df 0%, #3f5fd2 100%);
-        color: #ffffff;
-        font-weight: 700;
-        letter-spacing: 0.035em;
-        box-shadow: 0 8px 18px rgba(65, 100, 220, 0.22);
-    }
-
-    .wms-sidebar-group:not([data-wms-menu-group="platform"])[data-wms-selected="true"] > .wms-sidebar-heading-button .wms-sidebar-icon {
-        color: #ffffff;
-    }
-
-    .wms-sidebar-link.is-active {
-        position: relative;
-        isolation: isolate;
-        width: calc(100% - 2.05rem);
-        min-height: 2.85rem;
-        margin: 0.2rem 1.25rem 0.25rem 0.8rem;
-        padding: 0.6rem 0.95rem;
-        border-radius: 1.65rem 0.75rem 0.75rem 1.65rem;
-        background: var(--wms-active-child-gold);
-        color: #ffffff;
-        font-weight: 700;
-        box-shadow: 0 8px 18px rgba(231, 183, 47, 0.24);
-    }
-
-    .wms-sidebar-link.is-active::after {
-        position: absolute;
-        top: 0;
-        right: -1.05rem;
-        z-index: -1;
-        width: 1.75rem;
-        height: 100%;
-        content: "";
-        background: var(--wms-active-child-gold);
-        clip-path: polygon(0 0, 64% 0, 100% 50%, 64% 100%, 0 100%);
-        border-radius: 0 0.9rem 0.9rem 0;
-    }
-
-    .wms-sidebar-link.is-active .wms-sidebar-icon,
-    .wms-sidebar-link.is-active i,
-    .wms-sidebar-link.is-active span {
-        position: relative;
-        z-index: 1;
-        color: #ffffff;
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-heading-chevron,
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-group-items {
-        display: none;
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-heading-button {
-        pointer-events: none;
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-group:not([data-wms-menu-group="platform"])[data-wms-selected="true"] > .wms-sidebar-heading-button,
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-link.is-active {
-        width: 2.75rem;
-        min-height: 2.75rem;
-        margin: 0.25rem auto;
-        justify-content: center;
-        border-radius: 9999px;
-        padding: 0.65rem;
-    }
-
-    html[data-wms-sidebar="collapsed"] .wms-sidebar-link.is-active::after {
-        display: none;
-    }
-
-    @media (max-width: 1023px) {
-        .wms-app-shell {
-            display: block;
-        }
-
-        .wms-sidebar,
-        html[data-wms-sidebar="collapsed"] .wms-sidebar {
-            width: min(88vw, 22rem);
-            min-width: min(88vw, 22rem);
-            max-width: min(88vw, 22rem);
-        }
-
-        .wms-sidebar-resizer {
-            display: none;
-        }
-
-        .wms-sidebar-group:not([data-wms-menu-group="platform"])[data-wms-selected="true"] > .wms-sidebar-heading-button {
-            width: calc(100% - 1.25rem);
-            min-height: 2.85rem;
-            margin: 0.25rem 0.65rem 0.35rem;
-            padding: 0.6rem 0.85rem;
-        }
-
-        .wms-sidebar-link.is-active {
-            width: calc(100% - 2.05rem);
-            min-height: 2.8rem;
-            margin: 0.2rem 1.25rem 0.25rem 0.8rem;
-            padding: 0.6rem 0.95rem;
-        }
-
-        html[data-wms-sidebar="collapsed"] .wms-sidebar-group-items,
-        html[data-wms-sidebar="collapsed"] .wms-sidebar-group[data-wms-menu-open="true"] > .wms-sidebar-group-items,
-        html[data-wms-sidebar="collapsed"] .wms-sidebar-group[data-wms-menu-open="false"] > .wms-sidebar-group-items {
-            display: block;
-        }
-
-        html[data-wms-sidebar="collapsed"] .wms-sidebar-heading-button {
-            pointer-events: auto;
-        }
-    }
-</style>
-
-<div class="wms-app-shell" data-wms-shell data-wms-mobile-shell>
-    <button type="button" class="wms-mobile-overlay" data-wms-mobile-close aria-label="{{ __('Close navigation menu') }}"></button>
-
-    <aside id="wms-main-sidebar" class="wms-sidebar" data-wms-sidebar aria-label="{{ __('Main navigation') }}">
-        <div class="wms-sidebar-header">
-            <a href="{{ auth()->user()?->isMpbaPlatformAdmin() && Route::has('platform.dashboard') ? route('platform.dashboard') : route('dashboard') }}" wire:navigate class="wms-brand" aria-label="{{ __('Warehouse Management System') }}">
-                <span class="wms-brand-mark" data-wms-brand-toggle title="{{ __('Expand sidebar') }}">
-                    <span class="wms-brand-mark-inner">W</span>
-                </span>
-
-                <span class="wms-brand-copy" data-wms-sidebar-label>
-                    <span class="wms-brand-title">{{ __('Warehouse Management System') }}</span>
-                    <span class="wms-brand-subtitle">MPBA</span>
-                </span>
-            </a>
-
-            <button type="button" class="wms-sidebar-toggle" data-wms-sidebar-toggle aria-label="{{ __('Collapse sidebar') }}" aria-expanded="true">
-                <span class="wms-toggle-expanded">‹</span>
-            </button>
-
-            <button type="button" class="wms-mobile-close" data-wms-mobile-close aria-label="{{ __('Close navigation') }}">×</button>
-        </div>
-
-        <nav class="wms-sidebar-nav" aria-label="{{ __('Main navigation') }}">
-            <div class="wms-sidebar-group" data-wms-menu-group="platform">
-                <button type="button" class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-menu-toggle data-wms-sidebar-label aria-expanded="true">
-                    <span class="wms-sidebar-heading-content">
-                        <i class="fa-solid fa-screwdriver-wrench wms-sidebar-icon" aria-hidden="true"></i>
-                        <span>{{ __('Platform') }}</span>
-                    </span>
-                </button>
-
-                <div class="wms-sidebar-group-items" data-wms-menu-items>
-                    @if(auth()->user()?->isMpbaPlatformAdmin() && Route::has('platform.dashboard'))
-                        <a href="{{ route('platform.dashboard') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.dashboard')) is-active @endif" title="{{ __('Platform') }}">
-                            <i class="fa-solid fa-screwdriver-wrench wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Platform') }}</span>
-                        </a>
-                    @elseif(Route::has('dashboard'))
-                        <a href="{{ route('dashboard') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('dashboard')) is-active @endif" title="{{ __('Dashboard') }}">
-                            <i class="fa-solid fa-gauge-high wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Dashboard') }}</span>
-                        </a>
-                    @endif
-                </div>
-            </div>
-
-            <div class="wms-sidebar-group" data-wms-menu-group="operations">
-                <button type="button" class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-menu-toggle data-wms-sidebar-label aria-expanded="true">
-                    <span class="wms-sidebar-heading-content">
-                        <i class="fa-solid fa-chart-simple wms-sidebar-icon" aria-hidden="true"></i>
-                        <span>{{ __('Operations') }}</span>
-                    </span>
-                </button>
-
-                <div class="wms-sidebar-group-items" data-wms-menu-items>
-                    @if(Route::has('analytics.index'))
-                        <a href="{{ route('analytics.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('analytics.*')) is-active @endif" title="{{ __('Analytics') }}">
-                            <i class="fa-solid fa-chart-line wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Analytics') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('inventory-management.index'))
-                        <a href="{{ route('inventory-management.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('inventory-management.*')) is-active @endif" title="{{ __('Inventory') }}">
-                            <i class="fa-solid fa-boxes-stacked wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Inventory') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('replenishment.index'))
-                        <a href="{{ route('replenishment.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('replenishment.*')) is-active @endif" title="{{ __('Replenishment') }}">
-                            <i class="fa-solid fa-arrows-rotate wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Replenishment') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('shipping.index'))
-                        <a href="{{ route('shipping.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('shipping.*')) is-active @endif" title="{{ __('Shipping') }}">
-                            <i class="fa-solid fa-truck-fast wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Shipping') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('transportation.index'))
-                        <a href="{{ route('transportation.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('transportation.*')) is-active @endif" title="{{ __('Transportation') }}">
-                            <i class="fa-solid fa-truck-ramp-box wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Transportation') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('carrier-management.index'))
-                        <a href="{{ route('carrier-management.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('carrier-management.*')) is-active @endif" title="{{ __('Carriers') }}">
-                            <i class="fa-solid fa-route wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Carriers') }}</span>
-                        </a>
-                    @endif
-                </div>
-            </div>
-
-            @php
-                $helpdeskEnabled = Route::has('helpdesk.index') || Route::has('helpdesk.tickets.index');
-
-                $helpdeskSettingsRoute = Route::has('helpdesk.settings')
-                    ? 'helpdesk.settings'
-                    : (Route::has('helpdesk.settings.index') ? 'helpdesk.settings.index' : null);
-
-                $helpdeskGitRoute = Route::has('helpdesk.git.index')
-                    ? 'helpdesk.git.index'
-                    : null;
-
-                $helpdeskWorkflowRoute = Route::has('helpdesk.workflow-templates.index')
-                    ? 'helpdesk.workflow-templates.index'
-                    : null;
-
-                $documentationEnabled = Route::has('documentation.index') || Route::has('documentation.documents.index');
-
-                $documentationRoute = Route::has('documentation.index')
-                    ? 'documentation.index'
-                    : (Route::has('documentation.documents.index') ? 'documentation.documents.index' : null);
-            @endphp
-
-            @if($helpdeskEnabled || $documentationEnabled)
-                <div class="wms-sidebar-group" data-wms-menu-group="support">
-                    <button type="button" class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-menu-toggle data-wms-sidebar-label aria-expanded="true">
-                        <span class="wms-sidebar-heading-content">
-                            <i class="fa-solid fa-headset wms-sidebar-icon" aria-hidden="true"></i>
-                            <span>{{ __('Support') }}</span>
-                        </span>
-                    </button>
-
-                    <div class="wms-sidebar-group-items" data-wms-menu-items>
-                        @if(Route::has('helpdesk.index'))
-                            <a href="{{ route('helpdesk.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('helpdesk.index')) is-active @endif" title="{{ __('Helpdesk Dashboard') }}">
-                                <i class="fa-solid fa-headset wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Dashboard') }}</span>
-                            </a>
-                        @endif
-
-                        @if($helpdeskGitRoute)
-                            <a href="{{ route($helpdeskGitRoute) }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('helpdesk.git.*')) is-active @endif" title="{{ __('Git Tracking') }}">
-                                <i class="fa-solid fa-code-commit wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Git Tracking') }}</span>
-                            </a>
-                        @endif
-
-                        @if($helpdeskWorkflowRoute)
-                            <a href="{{ route($helpdeskWorkflowRoute) }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('helpdesk.workflow-templates.*')) is-active @endif" title="{{ __('Workflow Emails') }}">
-                                <i class="fa-solid fa-envelope-circle-check wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Workflow Emails') }}</span>
-                            </a>
-                        @endif
-
-                        @if($documentationRoute)
-                            <a href="{{ route($documentationRoute) }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('documentation.*')) is-active @endif" title="{{ __('Documentation') }}">
-                                <i class="fa-solid fa-book-open wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Documentation') }}</span>
-                            </a>
-                        @endif
-
-                        @if($helpdeskSettingsRoute)
-                            <a href="{{ route($helpdeskSettingsRoute) }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('helpdesk.settings') || request()->routeIs('helpdesk.settings.index')) is-active @endif" title="{{ __('Helpdesk Settings') }}">
-                                <i class="fa-solid fa-gears wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Settings') }}</span>
-                            </a>
-                        @endif
-                    </div>
-                </div>
-            @endif
-
-            <div class="wms-sidebar-group" data-wms-menu-group="integration-reporting">
-                <button type="button" class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-menu-toggle data-wms-sidebar-label aria-expanded="true">
-                    <span class="wms-sidebar-heading-content">
-                        <i class="fa-solid fa-plug-circle-bolt wms-sidebar-icon" aria-hidden="true"></i>
-                        <span>{{ __('Integration & Reporting') }}</span>
-                    </span>
-                </button>
-
-                <div class="wms-sidebar-group-items" data-wms-menu-items>
-                    @if(Route::has('m3-integration.index'))
-                        <a href="{{ route('m3-integration.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('m3-integration.*')) is-active @endif" title="{{ __('M3 Integration') }}">
-                            <i class="fa-solid fa-plug-circle-bolt wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('M3 Integration') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('sentinel-integration.index'))
-                        <a href="{{ route('sentinel-integration.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('sentinel-integration.*')) is-active @endif" title="{{ __('Sentinel') }}">
-                            <i class="fa-solid fa-satellite-dish wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Sentinel') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('document-archive.index'))
-                        <a href="{{ route('document-archive.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('document-archive.*')) is-active @endif" title="{{ __('Documents') }}">
-                            <i class="fa-solid fa-box-archive wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Documents') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('reporting.index'))
-                        <a href="{{ route('reporting.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('reporting.*')) is-active @endif" title="{{ __('Reporting') }}">
-                            <i class="fa-solid fa-file-lines wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Reporting') }}</span>
-                        </a>
-                    @endif
-                </div>
-            </div>
-
-            <div class="wms-sidebar-group" data-wms-menu-group="administration">
-                <button type="button" class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-menu-toggle data-wms-sidebar-label aria-expanded="true">
-                    <span class="wms-sidebar-heading-content">
-                        <i class="fa-solid fa-sliders wms-sidebar-icon" aria-hidden="true"></i>
-                        <span>{{ __('Administration') }}</span>
-                    </span>
-                </button>
-
-                <div class="wms-sidebar-group-items" data-wms-menu-items>
-                    @if(Route::has('warehouses.index'))
-                        <a href="{{ route('warehouses.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('warehouses.*')) is-active @endif" title="{{ __('Warehouses') }}">
-                            <i class="fa-solid fa-warehouse wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Warehouses') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('warehouse-rules.index'))
-                        <a href="{{ route('warehouse-rules.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('warehouse-rules.*')) is-active @endif" title="{{ __('Validation Rules') }}">
-                            <i class="fa-solid fa-shield-halved wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Validation Rules') }}</span>
-                        </a>
-                    @endif
-
-                    @if(auth()->user()?->isMpbaPlatformAdmin() && Route::has('platform.prices.index'))
-                        <a href="{{ route('platform.prices.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.prices.*')) is-active @endif" title="{{ __('Prices') }}">
-                            <i class="fa-solid fa-tags wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Prices') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('configuration.index'))
-                        <a href="{{ route('configuration.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('configuration.*')) is-active @endif" title="{{ __('Configuration') }}">
-                            <i class="fa-solid fa-sliders wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Configuration') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('security.index'))
-                        <a href="{{ route('security.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('security.*')) is-active @endif" title="{{ __('Security') }}">
-                            <i class="fa-solid fa-user-shield wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Security') }}</span>
-                        </a>
-                    @endif
-
-                    @if(Route::has('audit.index'))
-                        <a href="{{ route('audit.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('audit.*')) is-active @endif" title="{{ __('Audit') }}">
-                            <i class="fa-solid fa-clipboard-check wms-sidebar-icon" aria-hidden="true"></i>
-                            <span data-wms-sidebar-label>{{ __('Audit') }}</span>
-                        </a>
-                    @endif
-                </div>
-            </div>
-
-            @if(auth()->user()?->isMpbaPlatformAdmin())
-                <div class="wms-sidebar-group" data-wms-menu-group="platform-administration">
-                    <button type="button" class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-menu-toggle data-wms-sidebar-label aria-expanded="true">
-                        <span class="wms-sidebar-heading-content">
-                            <i class="fa-solid fa-building-shield wms-sidebar-icon" aria-hidden="true"></i>
-                            <span>{{ __('Platform Administration') }}</span>
-                        </span>
-                    </button>
-
-                    <div class="wms-sidebar-group-items" data-wms-menu-items>
-                        @if(Route::has('platform.companies.index'))
-                            <a href="{{ route('platform.companies.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.companies.*')) is-active @endif" title="{{ __('Companies') }}">
-                                <i class="fa-solid fa-building wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Companies') }}</span>
-                            </a>
-                        @endif
-
-                        @if(Route::has('platform.licenses.index'))
-                            <a href="{{ route('platform.licenses.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.licenses.*')) is-active @endif" title="{{ __('Licences') }}">
-                                <i class="fa-solid fa-key wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Licences') }}</span>
-                            </a>
-                        @endif
-
-                        @if(Route::has('platform.payments.index'))
-                            <a href="{{ route('platform.payments.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.payments.*')) is-active @endif" title="{{ __('Payments') }}">
-                                <i class="fa-solid fa-credit-card wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Payments') }}</span>
-                            </a>
-                        @endif
-
-                        @if(Route::has('countries.index'))
-                            <a href="{{ route('countries.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('countries.*')) is-active @endif" title="{{ __('Countries') }}">
-                                <i class="fa-solid fa-globe wms-sidebar-icon" aria-hidden="true"></i>
-                                <span data-wms-sidebar-label>{{ __('Countries') }}</span>
-                            </a>
-                        @endif
-                    </div>
-                </div>
-            @endif
-        </nav>
-        <button
-            type="button"
-            class="wms-sidebar-resizer"
-            data-wms-sidebar-resizer
-            aria-label="{{ __('Resize sidebar') }}"
-            title="{{ __('Drag to resize sidebar') }}"
-        ></button>
-    </aside>
-
-    <div class="wms-main-panel">
-        ("layouts.partials.topbar")
-
-        <main class="wms-content">
-            {{ $slot }}
-        </main>
-    </div>
-</div>
-
-<div
-    id="wms-toast-stack"
-    class="fixed right-4 top-4 z-[9999] flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-3 font-sans"
-    aria-live="polite"
-    aria-atomic="true"
-></div>
-
-<script>
-    window.wmsToast = function (options) {
-        const stack = document.getElementById('wms-toast-stack');
-
-        if (!stack) {
-            return;
-        }
-
-        const config = {
-            type: options.type || 'info',
-            title: options.title || '',
-            message: options.message || '',
-            timeout: Number(options.timeout || 4500),
-        };
-
-        const palette = {
-            success: 'border-emerald-400/40 bg-emerald-950/95 text-emerald-50',
-            error: 'border-red-400/40 bg-red-950/95 text-red-50',
-            warning: 'border-amber-400/40 bg-amber-950/95 text-amber-50',
-            info: 'border-blue-400/40 bg-blue-950/95 text-blue-50',
-        };
-
-        const icon = {
-            success: 'fa-circle-check',
-            error: 'fa-circle-xmark',
-            warning: 'fa-triangle-exclamation',
-            info: 'fa-circle-info',
-        };
-
-        const toast = document.createElement('div');
-
-        toast.className = [
-            'wms-toast pointer-events-auto select-none rounded-2xl border px-4 py-3 font-sans shadow-2xl backdrop-blur',
-            'transition duration-200 ease-out translate-y-0 opacity-100',
-            palette[config.type] || palette.info,
-        ].join(' ');
-
-        toast.innerHTML = `
-            <div class="flex items-start gap-3">
-                <i class="fa-solid ${icon[config.type] || icon.info} mt-0.5 text-lg" aria-hidden="true"></i>
-
-                <div class="min-w-0 flex-1">
-                    ${config.title ? `<div class="text-sm font-bold">${config.title}</div>` : ''}
-                    <div class="text-sm leading-5">${config.message}</div>
-                </div>
-
-                <button type="button" class="ml-2 text-white/70 hover:text-white" aria-label="Close notification">
-                    <i class="fa-solid fa-xmark" aria-hidden="true"></i>
-                </button>
-            </div>
-        `;
-
-        const close = function () {
-            toast.classList.add('translate-y-[-0.35rem]', 'opacity-0');
-
-            window.setTimeout(function () {
-                toast.remove();
-            }, 200);
-        };
-
-        toast.querySelector('button').addEventListener('click', close);
-
-        stack.appendChild(toast);
-
-        if (config.timeout > 0) {
-            window.setTimeout(close, config.timeout);
-        }
-    };
-
-    window.addEventListener('wms:toast', function (event) {
-        window.wmsToast(event.detail || {});
-    });
-
-    function showSessionToasts() {
-        @if(session('success'))
-        window.wmsToast({
-            type: 'success',
-            title: @json(__('Success')),
-            message: @json(session('success')),
-        });
-        @endif
-
-        @if(session('error'))
-        window.wmsToast({
-            type: 'error',
-            title: @json(__('Error')),
-            message: @json(session('error')),
-        });
-        @endif
-
-        @if(session('warning'))
-        window.wmsToast({
-            type: 'warning',
-            title: @json(__('Warning')),
-            message: @json(session('warning')),
-        });
-        @endif
-
-        @if(session('info'))
-        window.wmsToast({
-            type: 'info',
-            title: @json(__('Information')),
-            message: @json(session('info')),
-        });
-        @endif
-    }
-
-    let wmsSessionToastsShown = false;
-
-    function showSessionToastsOnce() {
-        if (wmsSessionToastsShown) {
-            return;
-        }
-
-        wmsSessionToastsShown = true;
-        showSessionToasts();
-    }
-
-    document.addEventListener('DOMContentLoaded', showSessionToastsOnce);
-    document.addEventListener('livewire:navigated', showSessionToastsOnce);
-</script>
-
-@livewireScripts
-@fluxScripts
-
-<script>
-    (function () {
-        const SIDEBAR_STATE_KEY = 'wms-sidebar-state';
-        const SIDEBAR_WIDTH_KEY = 'wms-sidebar-width';
-        const PLATFORM_FIRST_OPEN_KEY = 'wms-platform-first-opened';
-
-        const DEFAULT_WIDTH = 288;
-        const MIN_WIDTH = 224;
-        const MAX_WIDTH = 448;
-
-        function clamp(value, min, max) {
-            return Math.min(Math.max(value, min), max);
-        }
-
-        function getSavedSidebarWidth() {
-            const savedWidth = Number.parseInt(localStorage.getItem(SIDEBAR_WIDTH_KEY) || DEFAULT_WIDTH, 10);
-
-            return clamp(Number.isFinite(savedWidth) ? savedWidth : DEFAULT_WIDTH, MIN_WIDTH, MAX_WIDTH);
-        }
-
-        function applySidebarWidth() {
-            const nextWidth = `${getSavedSidebarWidth()}px`;
-
-            document.documentElement.style.setProperty('--wms-sidebar-width', nextWidth);
-        }
-
-        function applySidebarState() {
-            const root = document.documentElement;
-            const saved = localStorage.getItem(SIDEBAR_STATE_KEY) || 'expanded';
-
-            root.dataset.wmsSidebar = saved === 'collapsed' ? 'collapsed' : 'expanded';
-
-            document.querySelectorAll('[data-wms-sidebar-toggle]').forEach((button) => {
-                const expanded = root.dataset.wmsSidebar !== 'collapsed';
-
-                button.setAttribute('aria-expanded', expanded ? 'true' : 'false');
-                button.setAttribute('aria-label', expanded ? '{{ __('Collapse sidebar') }}' : '{{ __('Expand sidebar') }}');
-            });
-        }
-
-        function getMenuItems(group) {
-            return Array.from(group.children).find((child) => child.matches('[data-wms-menu-items]')) || null;
-        }
-
-        function getMenuToggle(group) {
-            return Array.from(group.children).find((child) => child.matches('[data-wms-menu-toggle]')) || null;
-        }
-
-        function groupHasActiveLink(group) {
-            const items = getMenuItems(group);
-
-            return items ? items.querySelector('.wms-sidebar-link.is-active') !== null : false;
-        }
-
-        function setMenuGroupOpen(group, isOpen) {
-            group.dataset.wmsMenuOpen = isOpen ? 'true' : 'false';
-
-            const toggle = getMenuToggle(group);
-
-            if (toggle) {
-                toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-            }
-        }
-
-        function setMenuGroupSelected(group, isSelected) {
-            group.dataset.wmsSelected = isSelected ? 'true' : 'false';
-            group.dataset.wmsHasActive = isSelected ? 'true' : 'false';
-        }
-
-        function resetAllMenuGroups() {
-            document.querySelectorAll('[data-wms-menu-group]').forEach((group) => {
-                setMenuGroupOpen(group, true);
-                setMenuGroupSelected(group, false);
-                group.dataset.wmsManualActive = 'false';
-            });
-        }
-
-        function selectMenuGroup(group, openGroup = true) {
-            resetAllMenuGroups();
-            setMenuGroupSelected(group, true);
-            setMenuGroupOpen(group, openGroup);
-        }
-
-        function applyMenuState() {
-            const groups = Array.from(document.querySelectorAll('[data-wms-menu-group]'));
-            const selectedByRoute = groups.find((group) => groupHasActiveLink(group)) || null;
-            const selectedByManualClick = groups.find((group) => group.dataset.wmsManualActive === 'true') || null;
-            const selectedGroup = selectedByRoute || selectedByManualClick;
-            const shouldOpenPlatformForFirstVisit = !selectedGroup && localStorage.getItem(PLATFORM_FIRST_OPEN_KEY) !== '1';
-
-            resetAllMenuGroups();
-
-            groups.forEach((group) => setMenuGroupOpen(group, true));
-
-            if (selectedGroup) {
-                setMenuGroupSelected(selectedGroup, true);
-                setMenuGroupOpen(selectedGroup, true);
-            } else if (shouldOpenPlatformForFirstVisit) {
-                localStorage.setItem(PLATFORM_FIRST_OPEN_KEY, '1');
-            }
-        }
-
-        function bindMenuControls() {
-            document.querySelectorAll('[data-wms-menu-toggle]').forEach((button) => {
-                if (button.dataset.wmsBound === '1') {
-                    return;
-                }
-
-                button.dataset.wmsBound = '1';
-
-                button.addEventListener('click', function () {
-                    const group = button.closest('[data-wms-menu-group]');
-
-                    if (!group) {
-                        return;
-                    }
-
-                    const nextOpen = group.dataset.wmsMenuOpen !== 'true';
-
-                    if (nextOpen) {
-                        group.dataset.wmsManualActive = 'true';
-                        setMenuGroupSelected(group, true);
-                    } else {
-                        group.dataset.wmsManualActive = 'false';
-                        setMenuGroupSelected(group, false);
-                    }
-
-                    setMenuGroupOpen(group, true);
-                });
-            });
-        }
-
-        function bindSidebarResize() {
-            document.querySelectorAll('[data-wms-sidebar-resizer]').forEach((handle) => {
-                if (handle.dataset.wmsBound === '1') {
-                    return;
-                }
-
-                handle.dataset.wmsBound = '1';
-
-                let startX = 0;
-                let startWidth = DEFAULT_WIDTH;
-                let isResizing = false;
-
-                function getClientX(event) {
-                    if (event.touches && event.touches.length > 0) {
-                        return event.touches[0].clientX;
-                    }
-
-                    return event.clientX;
-                }
-
-                function startResize(event) {
-                    if (document.documentElement.dataset.wmsSidebar === 'collapsed') {
-                        return;
-                    }
-
-                    isResizing = true;
-                    startX = getClientX(event);
-
-                    const currentWidth = Number.parseInt(
-                        getComputedStyle(document.documentElement).getPropertyValue('--wms-sidebar-width'),
-                        10
-                    );
-
-                    startWidth = Number.isFinite(currentWidth) ? currentWidth : DEFAULT_WIDTH;
-
-                    document.body.classList.add('wms-sidebar-is-resizing');
-
-                    event.preventDefault();
-                }
-
-                function moveResize(event) {
-                    if (!isResizing) {
-                        return;
-                    }
-
-                    const delta = getClientX(event) - startX;
-                    const nextWidth = clamp(startWidth + delta, MIN_WIDTH, MAX_WIDTH);
-
-                    document.documentElement.style.setProperty('--wms-sidebar-width', `${nextWidth}px`);
-                    localStorage.setItem(SIDEBAR_WIDTH_KEY, String(nextWidth));
-
-                    event.preventDefault();
-                }
-
-                function stopResize() {
-                    if (!isResizing) {
-                        return;
-                    }
-
-                    isResizing = false;
-                    document.body.classList.remove('wms-sidebar-is-resizing');
-                }
-
-                handle.addEventListener('mousedown', startResize);
-                handle.addEventListener('touchstart', startResize, { passive: false });
-
-                window.addEventListener('mousemove', moveResize);
-                window.addEventListener('touchmove', moveResize, { passive: false });
-
-                window.addEventListener('mouseup', stopResize);
-                window.addEventListener('touchend', stopResize);
-                window.addEventListener('touchcancel', stopResize);
-            });
-        }
-
-        function setMobileToggleState(isOpen) {
-            document.querySelectorAll('[data-wms-mobile-open]').forEach((button) => {
-                button.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-            });
-
-            document.body.classList.toggle('wms-mobile-nav-open', isOpen);
-        }
-
-        function closeMobileSidebar() {
-            document.documentElement.dataset.wmsMobileSidebar = 'closed';
-            setMobileToggleState(false);
-        }
-
-        function openMobileSidebar() {
-            document.documentElement.dataset.wmsMobileSidebar = 'open';
-            setMobileToggleState(true);
-        }
-
-        function toggleMobileSidebar() {
-            if (document.documentElement.dataset.wmsMobileSidebar === 'open') {
-                closeMobileSidebar();
-                return;
-            }
-
-            openMobileSidebar();
-        }
-
-        function bindSidebarControls() {
-            applySidebarWidth();
-            applySidebarState();
-            applyMenuState();
-            bindMenuControls();
-            bindSidebarResize();
-
-            document.querySelectorAll('[data-wms-sidebar-toggle]').forEach((button) => {
-                if (button.dataset.wmsBound === '1') {
-                    return;
-                }
-
-                button.dataset.wmsBound = '1';
-
-                button.addEventListener('click', function () {
-                    const root = document.documentElement;
-                    const next = root.dataset.wmsSidebar === 'collapsed' ? 'expanded' : 'collapsed';
-
-                    root.dataset.wmsSidebar = next;
-                    localStorage.setItem(SIDEBAR_STATE_KEY, next);
-
-                    applySidebarState();
-                });
-            });
-
-            document.querySelectorAll('[data-wms-brand-toggle]').forEach((button) => {
-                if (button.dataset.wmsBound === '1') {
-                    return;
-                }
-
-                button.dataset.wmsBound = '1';
-
-                button.addEventListener('click', function (event) {
-                    const root = document.documentElement;
-
-                    if (root.dataset.wmsSidebar !== 'collapsed') {
-                        return;
-                    }
-
-                    event.preventDefault();
-                    event.stopPropagation();
-
-                    root.dataset.wmsSidebar = 'expanded';
-                    localStorage.setItem(SIDEBAR_STATE_KEY, 'expanded');
-
-                    applySidebarState();
-                    applyMenuState();
-                });
-            });
-
-            closeMobileSidebar();
-
-            document.querySelectorAll('[data-wms-mobile-open]').forEach((button) => {
-                if (button.dataset.wmsBound === '1') {
-                    return;
-                }
-
-                button.dataset.wmsBound = '1';
-
-                button.addEventListener('click', function (event) {
-                    event.preventDefault();
-                    toggleMobileSidebar();
-                });
-            });
-
-            document.querySelectorAll('[data-wms-mobile-close]').forEach((button) => {
-                if (button.dataset.wmsBound === '1') {
-                    return;
-                }
-
-                button.dataset.wmsBound = '1';
-                button.addEventListener('click', closeMobileSidebar);
-            });
-
-            document.querySelectorAll('.wms-sidebar-link[wire\\:navigate]').forEach((link) => {
-                if (link.dataset.wmsMobileBound === '1') {
-                    return;
-                }
-
-                link.dataset.wmsMobileBound = '1';
-
-                link.addEventListener('click', function () {
-                    document.querySelectorAll('.wms-sidebar-link.is-active').forEach((activeLink) => {
-                        activeLink.classList.remove('is-active');
-                    });
-
-                    link.classList.add('is-active');
-
-                    const selectedGroup = link.closest('[data-wms-menu-group]');
-
-                    if (selectedGroup) {
-                        selectMenuGroup(selectedGroup, true);
-                    }
-
-                    applySidebarWidth();
-                    closeMobileSidebar();
-                });
-            });
-        }
-
-        applySidebarWidth();
-        applySidebarState();
-
-        document.addEventListener('DOMContentLoaded', bindSidebarControls);
-        document.addEventListener('livewire:navigated', bindSidebarControls);
-    })();
-</script>
-</body>
-</html>
diff --git a/Modules/Helpdesk/old_views/livewire/settings-manager.blade.php b/Modules/Helpdesk/old_views/livewire/settings-manager.blade.php
deleted file mode 100644
index 1f74bc64..00000000
--- a/Modules/Helpdesk/old_views/livewire/settings-manager.blade.php
+++ /dev/null
@@ -1,634 +0,0 @@
-
-    <style>
-        .hd-helpdesk-surface .hd-btn,
-        .hd-btn {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            gap: .5rem;
-            border-radius: .85rem;
-            padding: .62rem 1.05rem;
-            font-size: .875rem;
-            line-height: 1.25rem;
-            font-weight: 800;
-            color: #ffffff !important;
-            text-decoration: none !important;
-            border: 1px solid rgba(255,255,255,.14);
-            box-shadow: 0 12px 28px rgba(0,0,0,.22);
-            transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
-        }
-        .hd-helpdesk-surface .hd-btn:hover,
-        .hd-btn:hover {
-            transform: translateY(-1px);
-            box-shadow: 0 16px 34px rgba(0,0,0,.30);
-        }
-        .hd-helpdesk-surface .hd-btn-sm,
-        .hd-btn-sm {
-            border-radius: .65rem;
-            padding: .42rem .78rem;
-            font-size: .8125rem;
-        }
-        .hd-helpdesk-surface .hd-btn-blue,
-        .hd-btn-blue { background: #2563eb !important; }
-        .hd-helpdesk-surface .hd-btn-blue:hover,
-        .hd-btn-blue:hover { background: #1d4ed8 !important; }
-        .hd-helpdesk-surface .hd-btn-green,
-        .hd-btn-green { background: #16a34a !important; }
-        .hd-helpdesk-surface .hd-btn-green:hover,
-        .hd-btn-green:hover { background: #15803d !important; }
-        .hd-helpdesk-surface .hd-btn-amber,
-        .hd-btn-amber { background: #f59e0b !important; }
-        .hd-helpdesk-surface .hd-btn-amber:hover,
-        .hd-btn-amber:hover { background: #d97706 !important; }
-        .hd-helpdesk-surface .hd-btn-red,
-        .hd-btn-red { background: #dc2626 !important; }
-        .hd-helpdesk-surface .hd-btn-red:hover,
-        .hd-btn-red:hover { background: #b91c1c !important; }
-        .hd-helpdesk-surface .hd-btn-violet,
-        .hd-btn-violet { background: #7c3aed !important; }
-        .hd-helpdesk-surface .hd-btn-violet:hover,
-        .hd-btn-violet:hover { background: #6d28d9 !important; }
-
-        .hd-helpdesk-surface button[type="submit"],
-        .hd-helpdesk-surface button[data-flux-button][type="submit"] {
-            background: #16a34a !important;
-            color: #ffffff !important;
-            border-color: rgba(255,255,255,.14) !important;
-        }
-        .hd-helpdesk-surface button[wire\:click^="reset"],
-        .hd-helpdesk-surface button[wire\:target^="reset"] {
-            background: #f59e0b !important;
-            color: #ffffff !important;
-            border-color: rgba(255,255,255,.14) !important;
-        }
-        .hd-helpdesk-surface button[wire\:click^="edit"],
-        .hd-helpdesk-surface button[wire\:target^="edit"] {
-            background: #2563eb !important;
-            color: #ffffff !important;
-            border-color: rgba(255,255,255,.14) !important;
-        }
-        .hd-helpdesk-surface button[wire\:click^="delete"],
-        .hd-helpdesk-surface button[wire\:target^="delete"] {
-            background: #dc2626 !important;
-            color: #ffffff !important;
-            border-color: rgba(255,255,255,.14) !important;
-        }
-
-        .hd-select {
-            width: 100%;
-            min-height: 3.35rem;
-            border-radius: 1rem;
-            border: 1px solid #3f3f46 !important;
-            background: #09090b !important;
-            color: #f4f4f5 !important;
-            padding: .78rem 3rem .78rem 1rem;
-            font-weight: 800;
-            outline: none;
-            box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 26px rgba(0,0,0,.24);
-        }
-        .hd-select:focus {
-            border-color: #60a5fa !important;
-            box-shadow: 0 0 0 3px rgba(96,165,250,.38), inset 0 1px 0 rgba(255,255,255,.05);
-        }
-
-        .helpdesk-ticket-form,
-        .helpdesk-ticket-form * {
-            -webkit-tap-highlight-color: transparent;
-        }
-        .helpdesk-ticket-form input,
-        .helpdesk-ticket-form textarea,
-        .helpdesk-ticket-form select,
-        .helpdesk-ticket-form .select2-container--default .select2-selection--single,
-        .helpdesk-ticket-form .select2-container--default .select2-selection--multiple,
-        .helpdesk-ticket-form .select2-container--default .select2-selection__rendered,
-        .helpdesk-ticket-form .select2-container--default .select2-selection__choice {
-            background: #09090b !important;
-            background-color: #09090b !important;
-            color: #f4f4f5 !important;
-            border-color: #3f3f46 !important;
-            caret-color: #f4f4f5 !important;
-            opacity: 1 !important;
-        }
-        .helpdesk-ticket-form input:disabled,
-        .helpdesk-ticket-form textarea:disabled,
-        .helpdesk-ticket-form select:disabled,
-        .helpdesk-ticket-form .select2-container--disabled .select2-selection--single,
-        .helpdesk-ticket-form .select2-container--disabled .select2-selection--multiple,
-        .helpdesk-ticket-form [disabled],
-        .helpdesk-ticket-form [aria-disabled="true"] {
-            background: #09090b !important;
-            background-color: #09090b !important;
-            color: #a1a1aa !important;
-            opacity: 1 !important;
-        }
-        .helpdesk-ticket-form input:-webkit-autofill,
-        .helpdesk-ticket-form input:-webkit-autofill:hover,
-        .helpdesk-ticket-form input:-webkit-autofill:focus,
-        .helpdesk-ticket-form textarea:-webkit-autofill,
-        .helpdesk-ticket-form textarea:-webkit-autofill:hover,
-        .helpdesk-ticket-form textarea:-webkit-autofill:focus,
-        .helpdesk-ticket-form select:-webkit-autofill,
-        .helpdesk-ticket-form select:-webkit-autofill:hover,
-        .helpdesk-ticket-form select:-webkit-autofill:focus {
-            -webkit-text-fill-color: #f4f4f5 !important;
-            box-shadow: 0 0 0 1000px #09090b inset !important;
-            transition: background-color 9999s ease-in-out 0s;
-        }
-    </style>
-
-@php
-    /**
-     * Keep the settings view safe during rolling module upgrades or Livewire navigate
-     * hydration where the compiled Blade view may be newer than the loaded component.
-     */
-    $companies = collect($companies ?? []);
-    $statuses = collect($statuses ?? []);
-    $priorities = collect($priorities ?? []);
-    $categories = collect($categories ?? []);
-    $teams = collect($teams ?? []);
-    $projects = collect($projects ?? []);
-    $boards = collect($boards ?? []);
-    $repositories = collect($repositories ?? []);
-    $workflowTemplates = collect($workflowTemplates ?? []);
-    $cannedResponses = collect($cannedResponses ?? []);
-    $slaPolicies = collect($slaPolicies ?? []);
-    $automationRules = collect($automationRules ?? []);
-    $checklistTemplates = collect($checklistTemplates ?? []);
-    $tags = collect($tags ?? []);
-    $products = collect($products ?? []);
-@endphp
-
-<div class="hd-helpdesk-surface space-y-6" dusk="helpdesk-settings-manager">
-    <div class="overflow-hidden rounded-3xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
-        <div class="bg-gradient-to-br from-slate-950 via-slate-900 to-blue-950 px-6 py-7 text-white">
-            <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
-                <div>
-                    <p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">Helpdesk administration</p>
-                    <h1 class="mt-2 text-3xl font-semibold tracking-tight">Support configuration</h1>
-                    <p class="mt-2 max-w-3xl text-sm text-blue-100/90">Manage lookup data, workflow messages, canned responses, SLA policies, automation rules, checklists, tags and product/service linkage.</p>
-                </div>
-
-                <div class="flex flex-wrap gap-2">
-                    <a href="{{ route('helpdesk.index') }}" wire:navigate class="hd-btn hd-btn-blue">
-                        <i class="fa-solid fa-arrow-left" aria-hidden="true"></i>
-                        <span>Helpdesk</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="grid gap-3 md:grid-cols-4 xl:grid-cols-7">
-        @foreach ([
-            'statuses' => ['label' => 'Statuses', 'count' => $statuses->count()],
-            'priorities' => ['label' => 'Priorities', 'count' => $priorities->count()],
-            'categories' => ['label' => 'Categories', 'count' => $categories->count()],
-            'teams' => ['label' => 'Teams', 'count' => $teams->count()],
-            'projects' => ['label' => 'Projects', 'count' => $projects->count()],
-            'boards' => ['label' => 'Boards', 'count' => $boards->count()],
-            'git' => ['label' => 'Git', 'count' => $repositories->count()],
-            'workflow' => ['label' => 'Workflow', 'count' => $workflowTemplates->count()],
-            'canned' => ['label' => 'Canned', 'count' => $cannedResponses->count()],
-            'sla' => ['label' => 'SLA', 'count' => $slaPolicies->count()],
-            'automation' => ['label' => 'Rules', 'count' => $automationRules->count()],
-            'checklists' => ['label' => 'Checks', 'count' => $checklistTemplates->count()],
-            'tags' => ['label' => 'Tags', 'count' => $tags->count()],
-            'products' => ['label' => 'Products', 'count' => $products->count()],
-            'defaults' => ['label' => 'Defaults', 'count' => 1],
-        ] as $key => $item)
-            @php
-                $sectionPalette = match ($key) {
-                    'statuses' => ['border' => '#38bdf8', 'bg' => 'rgba(14, 165, 233, .22)', 'active' => '#0284c7'],
-                    'priorities' => ['border' => '#f87171', 'bg' => 'rgba(239, 68, 68, .22)', 'active' => '#dc2626'],
-                    'categories' => ['border' => '#818cf8', 'bg' => 'rgba(99, 102, 241, .22)', 'active' => '#4f46e5'],
-                    'teams' => ['border' => '#60a5fa', 'bg' => 'rgba(37, 99, 235, .22)', 'active' => '#2563eb'],
-                    'projects' => ['border' => '#22d3ee', 'bg' => 'rgba(8, 145, 178, .22)', 'active' => '#0891b2'],
-                    'boards' => ['border' => '#fbbf24', 'bg' => 'rgba(245, 158, 11, .24)', 'active' => '#f59e0b'],
-                    'git' => ['border' => '#94a3b8', 'bg' => 'rgba(71, 85, 105, .28)', 'active' => '#475569'],
-                    'workflow' => ['border' => '#34d399', 'bg' => 'rgba(5, 150, 105, .22)', 'active' => '#059669'],
-                    'canned' => ['border' => '#2dd4bf', 'bg' => 'rgba(13, 148, 136, .22)', 'active' => '#0d9488'],
-                    'sla' => ['border' => '#fb923c', 'bg' => 'rgba(234, 88, 12, .22)', 'active' => '#ea580c'],
-                    'automation' => ['border' => '#c084fc', 'bg' => 'rgba(147, 51, 234, .22)', 'active' => '#9333ea'],
-                    'checklists' => ['border' => '#a3e635', 'bg' => 'rgba(101, 163, 13, .22)', 'active' => '#65a30d'],
-                    'tags' => ['border' => '#f472b6', 'bg' => 'rgba(219, 39, 119, .22)', 'active' => '#db2777'],
-                    'products' => ['border' => '#a78bfa', 'bg' => 'rgba(124, 58, 237, .22)', 'active' => '#7c3aed'],
-                    'defaults' => ['border' => '#4ade80', 'bg' => 'rgba(22, 163, 74, .22)', 'active' => '#16a34a'],
-                    default => ['border' => '#71717a', 'bg' => 'rgba(63, 63, 70, .22)', 'active' => '#3f3f46'],
-                };
-
-                $sectionStyle = $section === $key
-                    ? 'border-color: '.$sectionPalette['border'].'; background-color: '.$sectionPalette['active'].'; color: #ffffff; box-shadow: 0 16px 36px rgba(0,0,0,.32);'
-                    : 'border-color: '.$sectionPalette['border'].'; background-color: '.$sectionPalette['bg'].'; color: #ffffff; box-shadow: 0 10px 24px rgba(0,0,0,.20);';
-            @endphp
-            <a href="{{ route('helpdesk.settings', ['section' => $key]) }}" dusk="helpdesk-settings-section-{{ $key }}" class="rounded-2xl border px-4 py-3 text-left shadow-sm transition hover:-translate-y-0.5" style="{{ $sectionStyle }}">
-                <div class="text-xs font-semibold uppercase tracking-wide opacity-70">{{ $item['label'] }}</div>
-                <div class="mt-1 text-2xl font-semibold">{{ $item['count'] }}</div>
-            </a>
-        @endforeach
-    </div>
-
-
-    @if ($section === 'defaults')
-        <x-helpdesk::settings-section title="Ticket defaults" description="Choose the company default used when a new Helpdesk ticket is created. Lookup defaults are configured on the Statuses, Priorities, Categories, Teams and Projects sections.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveDefaultHelpdeskCompany" class="grid gap-4 md:grid-cols-3">
-                    <flux:select wire:model="default_helpdesk_company_id" label="Default company">
-                        <option value="">No default company</option>
-                        @foreach ($companies as $company)
-                            <option value="{{ $company->id }}">
-                                {{ $company->name }}{{ ($company->is_default_helpdesk_company ?? false) ? ' — Default' : '' }}
-                            </option>
-                        @endforeach
-                    </flux:select>
-
-                    <div class="md:col-span-3 flex gap-2">
-                        <flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save default company</flux:button>
-                    </div>
-                </form>
-            </x-slot:form>
-
-            <div class="rounded-2xl border border-zinc-200 bg-zinc-50 p-4 text-sm text-zinc-700 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200">
-                <p class="font-semibold">Lookup defaults</p>
-                <p class="mt-1">Set the default Status, Priority, Category, Team and Project from their own settings sections. Only one default per company/global scope is kept for each lookup type.</p>
-            </div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'statuses')
-        <x-helpdesk::settings-section title="Statuses" description="Control workflow stages and mark which statuses close tickets.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveStatus" class="grid gap-4 md:grid-cols-5">
-                    <flux:input wire:model="statusForm.name" label="Name" />
-                    <flux:input wire:model="statusForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="statusForm.color" label="Badge colour" />
-                    <flux:input wire:model="statusForm.sort_order" label="Sort" type="number" min="0" />
-                    <label class="flex items-end gap-2 pb-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="statusForm.is_closed" class="rounded border-zinc-300"> Closed status</label>
-                    <label class="md:col-span-5 flex items-center gap-2 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
-                        <input type="checkbox" wire:model="statusForm.is_default" class="rounded border-zinc-300 bg-zinc-950 text-blue-600 focus:ring-blue-500">
-                        Default status for new tickets
-                    </label>
-                    <div class="md:col-span-5 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save status</flux:button><flux:button type="button" wire:click="resetStatusForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <x-helpdesk::lookup-table :items="$statuses" edit="editStatus" delete="deleteStatus" />
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'priorities')
-        <x-helpdesk::settings-section title="Priorities" description="Define ticket urgency levels and display order.">
-            <x-slot:form>
-                <form wire:submit.prevent="savePriority" class="grid gap-4 md:grid-cols-4">
-                    <flux:input wire:model="priorityForm.name" label="Name" />
-                    <flux:input wire:model="priorityForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="priorityForm.color" label="Badge colour" />
-                    <flux:input wire:model="priorityForm.sort_order" label="Sort" type="number" min="0" />
-                    <label class="flex items-end gap-2 pb-2 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
-                        <input type="checkbox" wire:model="priorityForm.is_default" class="rounded border-zinc-300 bg-zinc-950 text-blue-600 focus:ring-blue-500">
-                        Default for new tickets
-                    </label>
-                    <div class="md:col-span-4 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save priority</flux:button><flux:button type="button" wire:click="resetPriorityForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <x-helpdesk::lookup-table :items="$priorities" edit="editPriority" delete="deletePriority" />
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'categories')
-        <x-helpdesk::settings-section title="Categories" description="Group tickets by support area, optionally per company.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveCategory" class="grid gap-4 md:grid-cols-4">
-                    <flux:select wire:model="categoryForm.company_id" label="Company"><option value="">Global</option>@foreach ($companies as $company)<option value="{{ $company->id }}">{{ $company->name }}</option>@endforeach</flux:select>
-                    <flux:input wire:model="categoryForm.name" label="Name" />
-                    <flux:input wire:model="categoryForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="categoryForm.color" label="Badge colour" />
-                    <div class="md:col-span-4"><flux:textarea wire:model="categoryForm.description" label="Description" rows="3" /></div>
-                    <label class="md:col-span-4 flex items-center gap-2 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
-                        <input type="checkbox" wire:model="categoryForm.is_default" class="rounded border-zinc-300 bg-zinc-950 text-blue-600 focus:ring-blue-500">
-                        Default category for new tickets
-                    </label>
-                    <div class="md:col-span-4 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save category</flux:button><flux:button type="button" wire:click="resetCategoryForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <x-helpdesk::lookup-table :items="$categories" edit="editCategory" delete="deleteCategory" />
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'teams')
-        <x-helpdesk::settings-section title="Teams" description="Create support teams under each company and assign projects to them.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveTeam" class="grid gap-4 md:grid-cols-4">
-                    <flux:select wire:model="teamForm.company_id" label="Company"><option value="">Global</option>@foreach ($companies as $company)<option value="{{ $company->id }}">{{ $company->name }}</option>@endforeach</flux:select>
-                    <flux:input wire:model="teamForm.name" label="Name" />
-                    <flux:input wire:model="teamForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="teamForm.color" label="Badge colour" />
-                    <div class="md:col-span-4"><flux:textarea wire:model="teamForm.description" label="Description" rows="3" /></div>
-                    <label class="md:col-span-4 flex items-center gap-2 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
-                        <input type="checkbox" wire:model="teamForm.is_default" class="rounded border-zinc-300 bg-zinc-950 text-blue-600 focus:ring-blue-500">
-                        Default team for new tickets
-                    </label>
-                    <div class="md:col-span-4 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save team</flux:button><flux:button type="button" wire:click="resetTeamForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <x-helpdesk::team-table :items="$teams" />
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'projects')
-        <x-helpdesk::settings-section title="Projects" description="Create company projects and optionally assign them to support teams.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveProject" class="grid gap-4 md:grid-cols-5">
-                    <flux:select wire:model="projectForm.company_id" label="Company"><option value="">Global</option>@foreach ($companies as $company)<option value="{{ $company->id }}">{{ $company->name }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="projectForm.team_id" label="Team"><option value="">No team</option>@foreach ($teams as $team)<option value="{{ $team->id }}">{{ $team->name }}</option>@endforeach</flux:select>
-                    <flux:input wire:model="projectForm.title" label="Title" />
-                    <flux:input wire:model="projectForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="projectForm.color" label="Badge colour" />
-                    <div class="md:col-span-5"><flux:textarea wire:model="projectForm.description" label="Description" rows="3" /></div>
-                    <label class="md:col-span-5 flex items-center gap-2 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
-                        <input type="checkbox" wire:model="projectForm.is_default" class="rounded border-zinc-300 bg-zinc-950 text-blue-600 focus:ring-blue-500">
-                        Default project for new tickets
-                    </label>
-                    <div class="md:col-span-5 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save project</flux:button><flux:button type="button" wire:click="resetProjectForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <x-helpdesk::project-table :items="$projects" />
-        </x-helpdesk::settings-section>
-    @endif
-
-
-    @if ($section === 'boards')
-        <x-helpdesk::settings-section title="Kanban Boards" description="Create configurable workflow boards and choose which statuses appear as draggable columns.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveBoard" class="grid gap-4 md:grid-cols-7">
-                    <flux:input wire:model="boardForm.name" label="Name" />
-                    <flux:input wire:model="boardForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="boardForm.sort_order" label="Sort" type="number" min="0" />
-                    <flux:select wire:model="boardForm.owner_id" label="Owner">
-                        <option value="">No owner</option>
-                        @foreach ($boardOwners as $owner)
-                            <option value="{{ $owner->id }}">{{ $owner->name }}</option>
-                        @endforeach
-                    </flux:select>
-                    <label class="flex items-end gap-2 pb-2 text-sm text-zinc-700 dark:text-zinc-200">
-                        <input type="checkbox" wire:model="boardForm.is_default" class="rounded border-zinc-300"> Default board
-                    </label>
-                    <div class="md:col-span-2">
-                        <flux:textarea wire:model="boardForm.description" label="Description" rows="2" />
-                    </div>
-                    <div class="md:col-span-7">
-                        <label class="mb-2 block text-sm font-medium text-zinc-700 dark:text-zinc-200">Board columns</label>
-                        <div class="grid gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6">
-                            @foreach ($statuses as $status)
-                                <label class="flex items-center gap-2 rounded-xl border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-700 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200">
-                                    <input type="checkbox" wire:model="boardForm.status_ids" value="{{ $status->id }}" class="rounded border-zinc-300">
-                                    <span class="inline-flex h-3 w-3 rounded-full" style="background-color: {{ \Modules\Helpdesk\Support\Color::css($status->color) }}"></span>
-                                    <span>{{ $status->name }}</span>
-                                </label>
-                            @endforeach
-                        </div>
-                    </div>
-                    <div class="md:col-span-7 flex gap-2">
-                        <flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save board</flux:button>
-                        <flux:button type="button" wire:click="resetBoardForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button>
-                    </div>
-                </form>
-            </x-slot:form>
-
-            <div class="overflow-hidden rounded-2xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900">
-                <table class="min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700">
-                    <thead class="bg-zinc-50 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:bg-zinc-800 dark:text-zinc-300">
-                        <tr>
-                            <th class="px-4 py-3">Board</th>
-                            <th class="px-4 py-3">Owner</th>
-                            <th class="px-4 py-3">Columns</th>
-                            <th class="px-4 py-3">Tickets</th>
-                            <th class="px-4 py-3">Default</th>
-                            <th class="px-4 py-3 text-right">Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody class="divide-y divide-zinc-100 dark:divide-zinc-800">
-                        @forelse ($boards as $boardItem)
-                            <tr>
-                                <td class="px-4 py-3">
-                                    <div class="font-medium text-zinc-900 dark:text-zinc-100">{{ $boardItem->name }}</div>
-                                    <div class="text-xs text-zinc-500">{{ $boardItem->slug }}</div>
-                                </td>
-                                <td class="px-4 py-3 text-sm text-zinc-600 dark:text-zinc-300">{{ $boardItem->owner?->name ?? 'Unassigned' }}</td>
-                                <td class="px-4 py-3">
-                                    <div class="flex flex-wrap gap-1">
-                                        @foreach ($boardItem->statuses as $status)
-                                            <span class="rounded-full px-2 py-1 text-xs font-semibold text-white" style="background-color: {{ \Modules\Helpdesk\Support\Color::css($status->color) }}">{{ $status->name }}</span>
-                                        @endforeach
-                                    </div>
-                                </td>
-                                <td class="px-4 py-3 text-zinc-500">{{ $boardItem->tickets_count ?? 0 }}</td>
-                                <td class="px-4 py-3"><flux:badge color="{{ $boardItem->is_default ? 'emerald' : 'zinc' }}">{{ $boardItem->is_default ? 'Default' : 'No' }}</flux:badge></td>
-                                <td class="px-4 py-3 text-right">
-                                    <flux:button size="sm" variant="primary" wire:click="editBoard({{ $boardItem->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button>
-                                    <flux:button size="sm" variant="danger" wire:click="deleteBoard({{ $boardItem->id }})" wire:confirm="Delete this board?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button>
-                                </td>
-                            </tr>
-                        @empty
-                            <tr><td colspan="6" class="px-4 py-8 text-center text-zinc-500">No Kanban boards yet.</td></tr>
-                        @endforelse
-                    </tbody>
-                </table>
-            </div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'git')
-        <x-helpdesk::settings-section title="Git repositories" description="Configure repositories that can be linked to projects and tickets. Commits can then be stored against tickets for traceability.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveRepository" class="grid gap-4 md:grid-cols-6">
-                    <flux:select wire:model="repositoryForm.company_id" label="Company">
-                        <option value="">Global</option>
-                        @foreach ($companies as $company)
-                            <option value="{{ $company->id }}">{{ $company->name }}</option>
-                        @endforeach
-                    </flux:select>
-                    <flux:select wire:model="repositoryForm.project_id" label="Project">
-                        <option value="">No project</option>
-                        @foreach ($projects as $project)
-                            <option value="{{ $project->id }}">{{ $project->title }}</option>
-                        @endforeach
-                    </flux:select>
-                    <flux:input wire:model="repositoryForm.name" label="Name" />
-                    <flux:input wire:model="repositoryForm.provider" label="Provider" placeholder="git, github, gitlab" />
-                    <flux:input wire:model="repositoryForm.default_branch" label="Default branch" />
-                    <flux:input wire:model="repositoryForm.webhook_secret" label="Webhook secret" />
-                    <div class="md:col-span-7">
-                        <flux:input wire:model="repositoryForm.remote_url" label="Remote URL" placeholder="git@github.com:company/repo.git" />
-                    </div>
-                    <div class="md:col-span-7 flex gap-2">
-                        <flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save repository</flux:button>
-                        <flux:button type="button" wire:click="resetRepositoryForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button>
-                    </div>
-                </form>
-            </x-slot:form>
-            <x-helpdesk::repository-table :items="$repositories" />
-        </x-helpdesk::settings-section>
-    @endif
-
-
-    @if ($section === 'workflow')
-        <x-helpdesk::settings-section title="Workflow messages" description="Define the professional email messages sent when tickets are raised, updated, replied to and closed.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveWorkflowTemplate" class="grid gap-4 md:grid-cols-6">
-                    <flux:input wire:model="workflowForm.name" label="Name" />
-                    <flux:select wire:model="workflowForm.event" label="Event">
-                        <option value="ticket.created">Ticket raised</option>
-                        <option value="ticket.updated">Ticket updated</option>
-                        <option value="ticket.commented">Response added</option>
-                        <option value="ticket.reply_created">Reply added</option>
-                        <option value="ticket.closed">Ticket closed</option>
-                    </flux:select>
-                    <flux:select wire:model="workflowForm.to_role" label="Send to">
-                        <option value="requester">Requester</option>
-                        <option value="agent">Assigned agent</option>
-                        <option value="actor">User making change</option>
-                    </flux:select>
-                    <flux:input wire:model="workflowForm.cc" label="CC" placeholder="Optional comma-separated emails" />
-                    <flux:input wire:model="workflowForm.bcc" label="BCC" placeholder="Optional comma-separated emails" />
-                    <label class="flex items-end gap-2 pb-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="workflowForm.is_active" class="rounded border-zinc-300"> Active</label>
-                    <div class="md:col-span-7">
-                        <flux:input wire:model="workflowForm.subject" label="Subject" placeholder="Ticket @{{ ticket.reference }} has been raised" />
-                    </div>
-                    <div class="md:col-span-7">
-                        <flux:textarea wire:model="workflowForm.html_body" label="HTML email body" rows="8" placeholder="Use tokens like @{{ ticket.reference }}, @{{ ticket.subject }}, @{{ ticket.status }}, @{{ requester.name }}, @{{ ticket.url }}" />
-                    </div>
-                    <div class="md:col-span-7">
-                        <flux:textarea wire:model="workflowForm.text_body" label="Plain text body" rows="4" placeholder="Optional fallback text" />
-                    </div>
-                    <div class="md:col-span-7 flex gap-2">
-                        <flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save workflow message</flux:button>
-                        <flux:button type="button" wire:click="resetWorkflowTemplateForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button>
-                    </div>
-                </form>
-            </x-slot:form>
-
-            <div class="overflow-hidden rounded-2xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900">
-                <table class="min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700">
-                    <thead class="bg-zinc-50 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:bg-zinc-800 dark:text-zinc-300">
-                        <tr>
-                            <th class="px-4 py-3">Name</th>
-                            <th class="px-4 py-3">Event</th>
-                            <th class="px-4 py-3">Recipient</th>
-                            <th class="px-4 py-3">Active</th>
-                            <th class="px-4 py-3 text-right">Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody class="divide-y divide-zinc-100 dark:divide-zinc-800">
-                        @forelse ($workflowTemplates as $template)
-                            <tr>
-                                <td class="px-4 py-3 font-medium text-zinc-900 dark:text-zinc-100">{{ $template->name }}</td>
-                                <td class="px-4 py-3 text-zinc-600 dark:text-zinc-300">{{ $template->event }}</td>
-                                <td class="px-4 py-3 text-zinc-600 dark:text-zinc-300">{{ $template->to_role }}</td>
-                                <td class="px-4 py-3"><flux:badge color="{{ $template->is_active ? 'emerald' : 'zinc' }}">{{ $template->is_active ? 'Active' : 'Inactive' }}</flux:badge></td>
-                                <td class="px-4 py-3 text-right">
-                                    <flux:button size="sm" variant="ghost" wire:click="editWorkflowTemplate({{ $template->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button>
-                                    <flux:button size="sm" variant="danger" wire:click="deleteWorkflowTemplate({{ $template->id }})" wire:confirm="Delete this workflow message?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button>
-                                </td>
-                            </tr>
-                        @empty
-                            <tr><td colspan="5" class="px-4 py-8 text-center text-zinc-500">No workflow messages yet.</td></tr>
-                        @endforelse
-                    </tbody>
-                </table>
-            </div>
-        </x-helpdesk::settings-section>
-    @endif
-
-
-    @if ($section === 'canned')
-        <x-helpdesk::settings-section title="Canned responses" description="Save professional reusable replies with macro tokens for ticket, requester, agent, status and URL values.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveCannedResponse" class="grid gap-4 md:grid-cols-6">
-                    <flux:input wire:model="cannedForm.name" label="Name" />
-                    <flux:input wire:model="cannedForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="cannedForm.sort_order" label="Sort" type="number" min="0" />
-                    <flux:select wire:model="cannedForm.category_id" label="Category"><option value="">Any category</option>@foreach ($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="cannedForm.team_id" label="Team"><option value="">Any team</option>@foreach ($teams as $team)<option value="{{ $team->id }}">{{ $team->name }}</option>@endforeach</flux:select>
-                    <label class="flex items-end gap-2 pb-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="cannedForm.is_active" class="rounded border-zinc-300"> Active</label>
-                    <div class="md:col-span-7"><flux:input wire:model="cannedForm.subject" label="Optional subject" /></div>
-                    <div class="md:col-span-7"><flux:textarea wire:model="cannedForm.body" label="Reply body" rows="6" placeholder="Hello @{{ requester.name }},&#10;&#10;Your ticket @{{ ticket.reference }} has been reviewed." /></div>
-                    <div class="md:col-span-7 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save canned response</flux:button><flux:button type="button" wire:click="resetCannedResponseForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <div class="grid gap-3 md:grid-cols-2 xl:grid-cols-3">
-                @forelse ($cannedResponses as $response)
-                    <div class="rounded-2xl border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900">
-                        <div class="flex items-start justify-between gap-3"><div><h3 class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $response->name }}</h3><p class="text-xs text-zinc-500">{{ $response->category?->name ?? 'Any category' }} · {{ $response->team?->name ?? 'Any team' }}</p></div><flux:badge color="{{ $response->is_active ? 'emerald' : 'zinc' }}">{{ $response->is_active ? 'Active' : 'Inactive' }}</flux:badge></div>
-                        <p class="mt-3 line-clamp-3 text-sm text-zinc-600 dark:text-zinc-300">{{ strip_tags($response->body) }}</p>
-                        <div class="mt-4 flex justify-end gap-2"><flux:button size="sm" variant="primary" wire:click="editCannedResponse({{ $response->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button><flux:button size="sm" variant="danger" wire:click="deleteCannedResponse({{ $response->id }})" wire:confirm="Delete this canned response?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button></div>
-                    </div>
-                @empty
-                    <div class="rounded-2xl border border-dashed border-zinc-300 p-8 text-center text-sm text-zinc-500 dark:border-zinc-700 md:col-span-2 xl:col-span-3">No canned responses yet.</div>
-                @endforelse
-            </div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'sla')
-        <x-helpdesk::settings-section title="SLA policies" description="Define first response and resolution targets used for breach indicators, reporting and ticket cards.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveSlaPolicy" class="grid gap-4 md:grid-cols-6">
-                    <flux:input wire:model="slaForm.name" label="Name" />
-                    <flux:input wire:model="slaForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:select wire:model="slaForm.priority_id" label="Priority"><option value="">Any priority</option>@foreach ($priorities as $priority)<option value="{{ $priority->id }}">{{ $priority->name }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="slaForm.category_id" label="Category"><option value="">Any category</option>@foreach ($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</flux:select>
-                    <flux:input wire:model="slaForm.first_response_minutes" label="First response minutes" type="number" min="1" />
-                    <flux:input wire:model="slaForm.resolution_minutes" label="Resolution minutes" type="number" min="1" />
-                    <label class="flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="slaForm.is_default" class="rounded border-zinc-300"> Default</label>
-                    <label class="flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="slaForm.business_hours_only" class="rounded border-zinc-300"> Business hours</label>
-                    <label class="flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="slaForm.is_active" class="rounded border-zinc-300"> Active</label>
-                    <div class="md:col-span-7 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save SLA policy</flux:button><flux:button type="button" wire:click="resetSlaPolicyForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <div class="overflow-hidden rounded-2xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900"><table class="min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700"><thead class="bg-zinc-50 text-left text-xs font-semibold uppercase text-zinc-500 dark:bg-zinc-800"><tr><th class="px-4 py-3">Policy</th><th class="px-4 py-3">Targets</th><th class="px-4 py-3">Applies to</th><th class="px-4 py-3 text-right">Actions</th></tr></thead><tbody class="divide-y divide-zinc-100 dark:divide-zinc-800">@forelse ($slaPolicies as $policy)<tr><td class="px-4 py-3 font-medium">{{ $policy->name }} @if($policy->is_default)<flux:badge color="blue">Default</flux:badge>@endif</td><td class="px-4 py-3">{{ $policy->first_response_minutes }}m response · {{ $policy->resolution_minutes }}m close</td><td class="px-4 py-3">{{ $policy->priority?->name ?? 'Any priority' }} · {{ $policy->category?->name ?? 'Any category' }}</td><td class="px-4 py-3 text-right"><flux:button size="sm" variant="primary" wire:click="editSlaPolicy({{ $policy->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button> <flux:button size="sm" variant="danger" wire:click="deleteSlaPolicy({{ $policy->id }})" wire:confirm="Delete this SLA policy?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button></td></tr>@empty<tr><td colspan="6" class="px-4 py-8 text-center text-zinc-500">No SLA policies yet.</td></tr>@endforelse</tbody></table></div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'automation')
-        <x-helpdesk::settings-section title="Email automation rules" description="Match incoming support messages and automatically assign priority, category, team, project, agent and status.">
-            <x-slot:form>
-                <form wire:submit.prevent="saveAutomationRule" class="grid gap-4 md:grid-cols-6">
-                    <flux:input wire:model="automationForm.name" label="Name" />
-                    <flux:input wire:model="automationForm.slug" label="Slug" placeholder="auto-generated" />
-                    <flux:input wire:model="automationForm.sort_order" label="Sort" type="number" min="0" />
-                    <flux:input wire:model="automationForm.match_sender" label="Sender contains" />
-                    <flux:input wire:model="automationForm.match_subject" label="Subject contains" />
-                    <flux:input wire:model="automationForm.match_mailbox" label="Mailbox contains" />
-                    <flux:select wire:model="automationForm.set_priority_id" label="Set priority"><option value="">No change</option>@foreach ($priorities as $priority)<option value="{{ $priority->id }}">{{ $priority->name }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="automationForm.set_category_id" label="Set category"><option value="">No change</option>@foreach ($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="automationForm.set_team_id" label="Set team"><option value="">No change</option>@foreach ($teams as $team)<option value="{{ $team->id }}">{{ $team->name }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="automationForm.set_project_id" label="Set project"><option value="">No change</option>@foreach ($projects as $project)<option value="{{ $project->id }}">{{ $project->title }}</option>@endforeach</flux:select>
-                    <flux:select wire:model="automationForm.set_status_id" label="Set status"><option value="">No change</option>@foreach ($statuses as $status)<option value="{{ $status->id }}">{{ $status->name }}</option>@endforeach</flux:select>
-                    <label class="flex items-end gap-2 pb-2 text-sm text-zinc-700 dark:text-zinc-200"><input type="checkbox" wire:model="automationForm.is_active" class="rounded border-zinc-300"> Active</label>
-                    <div class="md:col-span-7 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save automation rule</flux:button><flux:button type="button" wire:click="resetAutomationRuleForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div>
-                </form>
-            </x-slot:form>
-            <div class="grid gap-3 md:grid-cols-2">@forelse ($automationRules as $rule)<div class="rounded-2xl border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900"><h3 class="font-semibold">{{ $rule->name }}</h3><p class="mt-1 text-sm text-zinc-500">Sender: {{ $rule->match_sender ?: 'Any' }} · Subject: {{ $rule->match_subject ?: 'Any' }}</p><div class="mt-4 flex justify-end gap-2"><flux:button size="sm" variant="primary" wire:click="editAutomationRule({{ $rule->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button><flux:button size="sm" variant="danger" wire:click="deleteAutomationRule({{ $rule->id }})" wire:confirm="Delete this rule?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button></div></div>@empty<div class="rounded-2xl border border-dashed border-zinc-300 p-8 text-center text-sm text-zinc-500 dark:border-zinc-700 md:col-span-2">No automation rules yet.</div>@endforelse</div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'checklists')
-        <x-helpdesk::settings-section title="Checklist templates" description="Apply repeatable checklist items by category or project and show completion progress on tickets and Kanban cards.">
-            <x-slot:form><form wire:submit.prevent="saveChecklistTemplate" class="grid gap-4 md:grid-cols-6"><flux:input wire:model="checklistTemplateForm.name" label="Name" /><flux:input wire:model="checklistTemplateForm.slug" label="Slug" /><flux:select wire:model="checklistTemplateForm.category_id" label="Category"><option value="">Any category</option>@foreach ($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</flux:select><flux:select wire:model="checklistTemplateForm.project_id" label="Project"><option value="">Any project</option>@foreach ($projects as $project)<option value="{{ $project->id }}">{{ $project->title }}</option>@endforeach</flux:select><label class="flex items-end gap-2 pb-2 text-sm"><input type="checkbox" wire:model="checklistTemplateForm.is_active" class="rounded border-zinc-300"> Active</label><div class="md:col-span-7"><flux:textarea wire:model="checklistTemplateForm.items_text" label="Checklist items, one per line" rows="6" /></div><div class="md:col-span-7 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save checklist</flux:button><flux:button type="button" wire:click="resetChecklistTemplateForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div></form></x-slot:form>
-            <div class="grid gap-3 md:grid-cols-2 xl:grid-cols-3">@forelse ($checklistTemplates as $template)<div class="rounded-2xl border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900"><h3 class="font-semibold">{{ $template->name }}</h3><p class="mt-1 text-sm text-zinc-500">{{ count($template->items ?? []) }} items</p><div class="mt-4 flex justify-end gap-2"><flux:button size="sm" variant="primary" wire:click="editChecklistTemplate({{ $template->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button><flux:button size="sm" variant="danger" wire:click="deleteChecklistTemplate({{ $template->id }})" wire:confirm="Delete this checklist?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button></div></div>@empty<div class="rounded-2xl border border-dashed border-zinc-300 p-8 text-center text-sm text-zinc-500 dark:border-zinc-700 md:col-span-2 xl:col-span-3">No checklist templates yet.</div>@endforelse</div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'tags')
-        <x-helpdesk::settings-section title="Ticket tags" description="Maintain visible ticket labels for search, triage and Kanban card context.">
-            <x-slot:form><form wire:submit.prevent="saveTag" class="grid gap-4 md:grid-cols-5"><flux:input wire:model="tagForm.name" label="Name" /><flux:input wire:model="tagForm.slug" label="Slug" /><flux:input wire:model="tagForm.color" label="Colour" /><div class="md:col-span-5 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save tag</flux:button><flux:button type="button" wire:click="resetTagForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div></form></x-slot:form>
-            <div class="flex flex-wrap gap-3">@forelse ($tags as $tag)<div class="rounded-2xl border border-zinc-200 bg-white px-4 py-3 dark:border-zinc-700 dark:bg-zinc-900"><span class="rounded-full px-2 py-1 text-xs font-semibold text-white" style="background-color: {{ \Modules\Helpdesk\Support\Color::css($tag->color) }}">{{ $tag->name }}</span><div class="mt-3 flex gap-2"><flux:button size="sm" variant="primary" wire:click="editTag({{ $tag->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button><flux:button size="sm" variant="danger" wire:click="deleteTag({{ $tag->id }})" wire:confirm="Delete this tag?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button></div></div>@empty<div class="rounded-2xl border border-dashed border-zinc-300 p-8 text-center text-sm text-zinc-500 dark:border-zinc-700">No tags yet.</div>@endforelse</div>
-        </x-helpdesk::settings-section>
-    @endif
-
-    @if ($section === 'products')
-        <x-helpdesk::settings-section title="Products and services" description="Link tickets to products, services, releases or builds and report support cost/time by product.">
-            <x-slot:form><form wire:submit.prevent="saveProduct" class="grid gap-4 md:grid-cols-6"><flux:input wire:model="productForm.name" label="Name" /><flux:input wire:model="productForm.slug" label="Slug" /><flux:input wire:model="productForm.type" label="Type" /><flux:input wire:model="productForm.version" label="Version" /><flux:input wire:model="productForm.release_channel" label="Release/build" /><label class="flex items-end gap-2 pb-2 text-sm"><input type="checkbox" wire:model="productForm.is_active" class="rounded border-zinc-300"> Active</label><div class="md:col-span-7"><flux:textarea wire:model="productForm.description" label="Description" rows="3" /></div><div class="md:col-span-7 flex gap-2"><flux:button type="submit" variant="primary" class="!bg-green-600 !text-white hover:!bg-green-700 focus:!ring-green-400/60">Save product/service</flux:button><flux:button type="button" wire:click="resetProductForm" variant="ghost" class="!bg-amber-500 !text-white hover:!bg-amber-600 focus:!ring-amber-300/60">Reset</flux:button></div></form></x-slot:form>
-            <div class="grid gap-3 md:grid-cols-2 xl:grid-cols-3">@forelse ($products as $product)<div class="rounded-2xl border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900"><h3 class="font-semibold">{{ $product->name }}</h3><p class="mt-1 text-sm text-zinc-500">{{ ucfirst($product->type) }} · {{ $product->version ?: 'No version' }} · {{ $product->tickets_count }} tickets</p><div class="mt-4 flex justify-end gap-2"><flux:button size="sm" variant="primary" wire:click="editProduct({{ $product->id }})" class="!bg-blue-600 !text-white hover:!bg-blue-700 focus:!ring-blue-400/60">Edit</flux:button><flux:button size="sm" variant="danger" wire:click="deleteProduct({{ $product->id }})" wire:confirm="Delete this product/service?" class="!bg-red-600 !text-white hover:!bg-red-700 focus:!ring-red-400/60">Delete</flux:button></div></div>@empty<div class="rounded-2xl border border-dashed border-zinc-300 p-8 text-center text-sm text-zinc-500 dark:border-zinc-700 md:col-span-2 xl:col-span-3">No products or services yet.</div>@endforelse</div>
-        </x-helpdesk::settings-section>
-    @endif
-
-</div>