board switching

Modules/Helpdesk/Livewire/KanbanBoard.php

@@ -25,6 +25,18 @@ final class KanbanBoard extends Component
 
     public function mount(): void
     {
+        $requestedBoardId = request()->query('board_id');
+
+        if (is_numeric($requestedBoardId)) {
+            $requestedBoardId = (int) $requestedBoardId;
+
+            if (KanbanBoardModel::query()->whereKey($requestedBoardId)->exists()) {
+                $this->board_id = $requestedBoardId;
+
+                return;
+            }
+        }
+
         $this->board_id = KanbanBoardModel::query()
             ->where('is_default', true)
             ->orderBy('sort_order')
@@ -139,6 +151,15 @@ final class KanbanBoard extends Component
         $this->refreshBoard();
     }
 
+    /**
+     * Switch the visible board without relying on DOM morph side effects.
+     */
+    public function selectBoard(int|string|null $value): void
+    {
+        $this->board_id = is_numeric($value) ? (int) $value : null;
+        $this->refreshBoard();
+    }
+
     /**
      * Render the Kanban board.
      */

Modules/Helpdesk/Resources/views/livewire/kanban-board.blade.php

@@ -1,7 +1,7 @@
 @vite(['resources/css/app.css'])
 
 <div class="hd-helpdesk-surface mx-auto max-w-[1800px] space-y-6" dusk="helpdesk-kanban-board"
-    wire:poll.visible.5s="refreshBoard" wire:key="helpdesk-kanban-root-{{ $board_id ?? 0 }}-{{ $refreshNonce }}">
+    wire:poll.visible.5s="refreshBoard" wire:key="helpdesk-kanban-root">
     <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">
@@ -46,7 +46,7 @@
         <div
             class="flex flex-col gap-4 rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900 md:flex-row md:items-center md:justify-between">
             <div class="min-w-0">
-                <h2 class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">Active board</h2>
+                <h2 class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">Active board: {{ $board?->name ?? 'None' }}</h2>
                 <p class="text-xs text-zinc-500 dark:text-zinc-400">
                     {{ $board?->description ?: 'Use settings to configure which statuses appear as draggable columns.' }}
                 </p>
@@ -57,9 +57,13 @@
             </div>
 
             <div class="hd-select-wrap shrink-0 md:w-72">
-                <select wire:model.live="board_id" class="hd-select" aria-label="Select Kanban board">
+                <select
+                    class="hd-select"
+                    aria-label="Select Kanban board"
+                    onchange="window.location.href = '{{ route('helpdesk.kanban') }}?board_id=' + encodeURIComponent(this.value)"
+                >
                     @foreach ($boards as $availableBoard)
-                        <option value="{{ $availableBoard->id }}">
+                        <option value="{{ $availableBoard->id }}" @selected((int) $board_id === (int) $availableBoard->id)>
                             {{ $availableBoard->name }}{{ $availableBoard->owner ? ' · ' . $availableBoard->owner->name : '' }}
                         </option>
                     @endforeach