intermin fix for board move, final fix all working

Modules/Helpdesk/Helpdesk/Http/Controllers/TicketBoardController.php

@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\Helpdesk\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Validation\Rule;
+use Modules\Helpdesk\Models\KanbanBoard;
+use Modules\Helpdesk\Models\Status;
+use Modules\Helpdesk\Models\Ticket;
+use Modules\Helpdesk\Services\WorkflowNotificationService;
+
+final class TicketBoardController extends Controller
+{
+    /**
+     * Move a ticket to another Kanban board using a normal HTTP POST.
+     *
+     * This intentionally avoids Livewire for the per-card board selector because the
+     * selector is rendered inside a draggable card. Native POST makes the move
+     * deterministic and redirects to the target board afterwards.
+     */
+    public function __invoke(Request $request, Ticket $ticket, WorkflowNotificationService $workflow): RedirectResponse
+    {
+        Gate::authorize('update', $ticket);
+
+        $validated = $request->validate([
+            'board_id' => ['required', 'integer', Rule::exists('helpdesk_kanban_boards', 'id')],
+            'current_board_id' => ['nullable', 'integer', Rule::exists('helpdesk_kanban_boards', 'id')],
+        ]);
+
+        $targetBoard = KanbanBoard::query()
+            ->with(['statuses', 'owner:id,name,email'])
+            ->findOrFail((int) $validated['board_id']);
+
+        if ($targetBoard->statuses->isEmpty()) {
+            $this->ensureBoardHasStatuses($targetBoard);
+            $targetBoard->load(['statuses', 'owner:id,name,email']);
+        }
+
+        $fresh = DB::transaction(function () use ($ticket, $targetBoard): Ticket {
+            /** @var Ticket $lockedTicket */
+            $lockedTicket = Ticket::query()
+                ->visibleTo(Auth::user())
+                ->with(['board', 'status'])
+                ->lockForUpdate()
+                ->findOrFail($ticket->id);
+
+            $targetStatus = $targetBoard->statuses->firstWhere('id', (int) $lockedTicket->status_id)
+                ?: $targetBoard->statuses->first();
+
+            if ($targetStatus === null) {
+                $targetStatus = Status::query()
+                    ->orderBy('sort_order')
+                    ->orderBy('name')
+                    ->firstOrFail();
+
+                $this->addStatusToBoard($targetBoard->id, $targetStatus->id);
+            }
+
+            $lockedTicket->forceFill([
+                'board_id' => $targetBoard->id,
+                'status_id' => $targetStatus->id,
+                'completed_at' => $targetStatus->is_closed ? now() : null,
+                'last_activity_at' => now(),
+            ])->save();
+
+            return $lockedTicket->fresh([
+                'status',
+                'priority',
+                'category',
+                'project',
+                'team',
+                'product',
+                'tags',
+                'checklistItems',
+                'board',
+            ]) ?? $lockedTicket;
+        });
+
+        $workflow->dispatch($fresh, 'ticket.updated', Auth::user());
+
+        return redirect()
+            ->route('helpdesk.kanban', ['board_id' => $targetBoard->id])
+            ->with('success', 'Ticket ' . $fresh->reference . ' moved to ' . $targetBoard->name . '.');
+    }
+
+    private function addStatusToBoard(int $boardId, int $statusId): void
+    {
+        DB::table('helpdesk_kanban_board_statuses')->updateOrInsert(
+            ['board_id' => $boardId, 'status_id' => $statusId],
+            ['sort_order' => 999, 'updated_at' => now(), 'created_at' => now()],
+        );
+    }
+
+    private function ensureBoardHasStatuses(KanbanBoard $board): void
+    {
+        $statuses = Status::query()
+            ->orderBy('sort_order')
+            ->orderBy('name')
+            ->get(['id']);
+
+        foreach ($statuses as $index => $status) {
+            DB::table('helpdesk_kanban_board_statuses')->updateOrInsert(
+                ['board_id' => $board->id, 'status_id' => $status->id],
+                [
+                    'sort_order' => ($index + 1) * 10,
+                    'created_at' => now(),
+                    'updated_at' => now(),
+                ],
+            );
+        }
+    }
+}

Modules/Helpdesk/Helpdesk/Livewire/KanbanBoard.php

@@ -0,0 +1,294 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\Helpdesk\Livewire;
+
+use Illuminate\Contracts\View\View;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+use Livewire\Attributes\On;
+use Livewire\Component;
+use Modules\Helpdesk\Models\KanbanBoard as KanbanBoardModel;
+use Modules\Helpdesk\Models\Status;
+use Modules\Helpdesk\Models\Ticket;
+use Modules\Helpdesk\Services\WorkflowNotificationService;
+
+final class KanbanBoard extends Component
+{
+    public ?int $board_id = null;
+
+    public int $refreshNonce = 0;
+
+    public bool $isMovingTicket = false;
+
+    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')
+            ->value('id') ?: KanbanBoardModel::query()->orderBy('sort_order')->value('id');
+    }
+
+    /**
+     * Move a ticket to another workflow status on the active board.
+     */
+    public function moveTicket(int|string $ticketId, int|string $statusId, WorkflowNotificationService $workflow): void
+    {
+        if ($this->isMovingTicket) {
+            return;
+        }
+
+        $this->isMovingTicket = true;
+
+        try {
+            $ticket = Ticket::query()->visibleTo(Auth::user())->findOrFail((int) $ticketId);
+            $status = Status::query()->findOrFail((int) $statusId);
+            $board = $this->activeBoard();
+            $oldStatusName = $ticket->status?->name ?? 'previous status';
+
+            $this->authorize('update', $ticket);
+
+            if ($board !== null && ! $board->statuses()->whereKey($status->id)->exists()) {
+                $this->addStatusToBoard($board->id, $status->id);
+            }
+
+            $ticket->forceFill([
+                'board_id' => $board?->id,
+                'status_id' => $status->id,
+                'completed_at' => $status->is_closed ? now() : null,
+                'last_activity_at' => now(),
+            ])->save();
+
+            $freshTicket = $ticket->fresh(['status', 'priority', 'category', 'project', 'team', 'product', 'tags', 'checklistItems', 'board']) ?? $ticket;
+
+            $workflow->dispatch(
+                $freshTicket,
+                $status->is_closed ? 'ticket.closed' : 'ticket.updated',
+                Auth::user(),
+            );
+
+            $message = 'Ticket ' . $freshTicket->reference . ' moved from ' . $oldStatusName . ' to ' . $status->name . '.';
+            session()->flash('success', $message);
+
+            $this->refreshBoard();
+            $this->dispatch('helpdesk-kanban-moved', ticketId: (int) $freshTicket->id, statusId: (int) $freshTicket->status_id);
+            $this->dispatch('wms:toast', type: 'success', title: 'Ticket moved', message: $message);
+        } finally {
+            $this->isMovingTicket = false;
+        }
+    }
+
+    /**
+     * Move a ticket from its current board to another board. A ticket can only belong to one board.
+     */
+    public function moveTicketToBoard(int|string $ticketId, int|string|null $boardId, WorkflowNotificationService $workflow): void
+    {
+        $ticket = Ticket::query()->with('board')->visibleTo(Auth::user())->findOrFail((int) $ticketId);
+        $board = KanbanBoardModel::query()->with(['statuses', 'owner:id,name,email'])->findOrFail((int) $boardId);
+        $oldBoardName = $ticket->board?->name ?? 'No board';
+
+        $this->authorize('update', $ticket);
+
+        if (! $board->statuses->contains('id', $ticket->status_id)) {
+            $firstStatus = $board->statuses->first();
+
+            if ($firstStatus !== null) {
+                $ticket->status_id = $firstStatus->id;
+                $ticket->completed_at = $firstStatus->is_closed ? now() : null;
+            } else {
+                $this->addStatusToBoard($board->id, (int) $ticket->status_id);
+            }
+        }
+
+        $ticket->forceFill([
+            'board_id' => $board->id,
+            'last_activity_at' => now(),
+        ])->save();
+
+        $this->board_id = $board->id;
+
+        $fresh = $ticket->fresh(['status', 'priority', 'category', 'project', 'team', 'board']) ?? $ticket;
+        $workflow->dispatch($fresh, 'ticket.updated', Auth::user());
+
+        $message = 'Ticket ' . $fresh->reference . ' moved from ' . $oldBoardName . ' to ' . $board->name . '.';
+        session()->flash('success', $message);
+
+        $this->refreshBoard();
+        $this->dispatch('helpdesk-kanban-moved', ticketId: (int) $fresh->id, statusId: (int) $fresh->status_id);
+        $this->dispatch('wms:toast', type: 'success', title: 'Board changed', message: $message);
+    }
+
+    /**
+     * Force the board to fetch fresh database rows after moves or polling.
+     */
+    #[On('helpdesk-kanban-refresh')]
+    public function refreshBoard(): void
+    {
+        $this->refreshNonce++;
+        unset($this->ticketsByStatus);
+    }
+
+    /**
+     * Normalise the board selector value from Livewire/browser select events.
+     */
+    public function updatedBoardId(int|string|null $value): void
+    {
+        $this->board_id = is_numeric($value) ? (int) $value : null;
+        $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.
+     */
+    public function render(): View
+    {
+        $boards = KanbanBoardModel::query()
+            ->with(['statuses', 'owner:id,name,email'])
+            ->orderBy('sort_order')
+            ->orderBy('name')
+            ->get();
+
+        $board = $this->resolveSelectedBoard($boards);
+        $this->board_id = $board?->id;
+
+        if ($board instanceof KanbanBoardModel && $board->statuses->isEmpty()) {
+            $this->ensureBoardHasStatuses($board);
+            $board->load(['statuses', 'owner:id,name,email']);
+
+            $boards = KanbanBoardModel::query()
+                ->with(['statuses', 'owner:id,name,email'])
+                ->orderBy('sort_order')
+                ->orderBy('name')
+                ->get();
+        }
+
+        return view('helpdesk::livewire.kanban-board', [
+            'boards' => $boards,
+            'board' => $board,
+            'statuses' => $board?->statuses ?? collect(),
+            'ticketsByStatus' => $this->ticketsByStatus($board),
+            'refreshNonce' => $this->refreshNonce,
+        ])->layout('layouts.app');
+    }
+
+    /**
+     * Get visible tickets grouped by status for the selected board only.
+     *
+     * @return array<int, Collection<int, Ticket>>
+     */
+    private function ticketsByStatus(?KanbanBoardModel $board): array
+    {
+        if ($board === null) {
+            return [];
+        }
+
+        return Ticket::query()
+            ->with(['user:id,name,email', 'owner:id,name,email', 'agent:id,name,email', 'status', 'priority', 'category', 'project', 'team', 'product', 'tags', 'checklistItems', 'board'])
+            ->visibleTo(Auth::user())
+            ->where('board_id', $board->id)
+            ->latest('last_activity_at')
+            ->limit(300)
+            ->get()
+            ->groupBy('status_id')
+            ->all();
+    }
+
+    /**
+     * Resolve the current board from the selected board ID.
+     */
+    private function activeBoard(): ?KanbanBoardModel
+    {
+        if ($this->board_id !== null) {
+            return KanbanBoardModel::query()->find((int) $this->board_id);
+        }
+
+        return KanbanBoardModel::query()
+            ->where('is_default', true)
+            ->orderBy('sort_order')
+            ->first() ?: KanbanBoardModel::query()->orderBy('sort_order')->first();
+    }
+
+    /**
+     * Resolve the selected board from an already-loaded board collection.
+     *
+     * @param Collection<int, KanbanBoardModel> $boards
+     */
+    private function resolveSelectedBoard(Collection $boards): ?KanbanBoardModel
+    {
+        if ($boards->isEmpty()) {
+            return null;
+        }
+
+        if ($this->board_id !== null) {
+            $selected = $boards->firstWhere('id', (int) $this->board_id);
+
+            if ($selected instanceof KanbanBoardModel) {
+                return $selected;
+            }
+        }
+
+        $default = $boards->firstWhere('is_default', true);
+
+        return $default instanceof KanbanBoardModel ? $default : $boards->first();
+    }
+
+    /**
+     * Attach a missing status to a board when a move requires it.
+     */
+    private function addStatusToBoard(int $boardId, int $statusId): void
+    {
+        DB::table('helpdesk_kanban_board_statuses')->updateOrInsert(
+            ['board_id' => $boardId, 'status_id' => $statusId],
+            ['sort_order' => 999, 'updated_at' => now(), 'created_at' => now()],
+        );
+    }
+
+    /**
+     * Ensure a board has workflow columns. This keeps newly-created boards usable immediately.
+     */
+    private function ensureBoardHasStatuses(KanbanBoardModel $board): void
+    {
+        if ($board->statuses()->exists()) {
+            return;
+        }
+
+        $statuses = Status::query()
+            ->orderBy('sort_order')
+            ->orderBy('name')
+            ->get(['id']);
+
+        foreach ($statuses as $index => $status) {
+            DB::table('helpdesk_kanban_board_statuses')->updateOrInsert(
+                ['board_id' => $board->id, 'status_id' => $status->id],
+                [
+                    'sort_order' => ($index + 1) * 10,
+                    'created_at' => now(),
+                    'updated_at' => now(),
+                ],
+            );
+        }
+    }
+}

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

@@ -0,0 +1,349 @@
+@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">
+    <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 workflow</p>
+                    <h1 class="mt-2 text-3xl font-semibold tracking-tight">Kanban board</h1>
+                    <p class="mt-2 max-w-3xl text-sm text-blue-100/90">Drag tickets between board columns. Boards and
+                        columns are configured in Helpdesk Settings.</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-gauge-high" aria-hidden="true"></i>
+                        <span>Dashboard</span>
+                    </a>
+
+                    <a href="{{ route('helpdesk.tickets.create') }}" wire:navigate class="hd-btn hd-btn-green">
+                        <i class="fa-solid fa-plus" aria-hidden="true"></i>
+                        <span>New Ticket</span>
+                    </a>
+
+                    <a href="{{ route('helpdesk.settings') }}" wire:navigate class="hd-btn hd-btn-amber">
+                        <i class="fa-solid fa-gear" aria-hidden="true"></i>
+                        <span>Configure boards</span>
+                    </a>
+
+                    <a href="{{ route('helpdesk.tickets.index') }}" wire:navigate class="hd-btn hd-btn-blue">
+                        <i class="fa-solid fa-list" aria-hidden="true"></i>
+                        <span>List view</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    @if ($boards->isEmpty())
+        <div
+            class="rounded-2xl border border-amber-300 bg-amber-50 px-5 py-4 text-sm text-amber-900 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-100">
+            No Kanban boards exist yet. Open Helpdesk Settings and create a board with at least one status column.
+        </div>
+    @else
+        <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: {{ $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>
+                @if ($board?->owner)
+                    <p class="mt-1 text-xs font-semibold text-emerald-600 dark:text-emerald-300">Owner:
+                        {{ $board->owner->name }}</p>
+                @endif
+            </div>
+
+            <div class="hd-select-wrap shrink-0 md:w-72">
+                <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 }}" @selected((int) $board_id === (int) $availableBoard->id)>
+                            {{ $availableBoard->name }}{{ $availableBoard->owner ? ' · ' . $availableBoard->owner->name : '' }}
+                        </option>
+                    @endforeach
+                </select>
+            </div>
+        </div>
+
+        @if ($statuses->isEmpty())
+            <div
+                class="rounded-2xl border border-amber-500/40 bg-amber-950/70 px-5 py-4 text-sm font-semibold text-amber-100">
+                This board is being initialised with the default workflow statuses. Refresh the page if the columns do
+                not appear immediately.
+            </div>
+        @else
+            <div class="flex gap-4 overflow-x-auto pb-4" data-helpdesk-kanban-board
+                wire:key="helpdesk-kanban-columns-{{ $board?->id ?? 0 }}-{{ $refreshNonce }}">
+                @foreach ($statuses as $status)
+                    @php($tickets = $ticketsByStatus[$status->id] ?? collect())
+
+                    <section
+                        class="flex min-h-[640px] w-[330px] shrink-0 flex-col overflow-hidden rounded-2xl border border-zinc-200 bg-zinc-100 shadow-sm dark:border-zinc-700 dark:bg-zinc-950"
+                        dusk="kanban-column-{{ $status->slug }}"
+                        wire:key="kanban-column-{{ $board?->id ?? 0 }}-{{ $status->id }}-{{ $refreshNonce }}">
+                        <header
+                            class="border-b border-zinc-200 bg-white px-4 py-4 dark:border-zinc-800 dark:bg-zinc-900">
+                            <div class="flex items-start justify-between gap-3">
+                                <div>
+                                    <h2
+                                        class="text-sm font-bold uppercase tracking-wide text-zinc-900 dark:text-zinc-100">
+                                        {{ $status->name }}</h2>
+                                    <p class="mt-1 text-xs text-zinc-500"><span data-helpdesk-kanban-count
+                                            data-status-id="{{ $status->id }}">{{ $tickets->count() }}</span>
+                                        tickets</p>
+                                </div>
+                                <span class="inline-flex h-4 w-4 rounded-full ring-4 ring-zinc-100 dark:ring-zinc-800"
+                                    style="background-color: {{ \Modules\Helpdesk\Support\Color::css($status->color) }}"></span>
+                            </div>
+                        </header>
+
+                        <div id="helpdesk-kanban-column-{{ $status->id }}"
+                            class="helpdesk-kanban-column min-h-[560px] flex-1 space-y-3 p-3 transition data-[drag-over=true]:bg-blue-50 dark:data-[drag-over=true]:bg-blue-950/30"
+                            data-helpdesk-kanban-column data-status-id="{{ $status->id }}"
+                            wire:key="kanban-dropzone-{{ $board?->id ?? 0 }}-{{ $status->id }}-{{ $refreshNonce }}">
+                            @forelse ($tickets as $ticket)
+                                <article
+                                    class="group cursor-grab rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm transition hover:-translate-y-0.5 hover:shadow-md active:cursor-grabbing dark:border-zinc-800 dark:bg-zinc-900"
+                                    draggable="true" data-helpdesk-kanban-ticket data-ticket-id="{{ $ticket->id }}"
+                                    wire:key="kanban-ticket-{{ $ticket->id }}-{{ $ticket->status_id }}-{{ $ticket->board_id }}-{{ optional($ticket->updated_at)->timestamp }}"
+                                    dusk="kanban-ticket-{{ $ticket->id }}">
+                                    <div class="flex items-start justify-between gap-3">
+                                        <div class="min-w-0">
+                                            <div
+                                                class="font-mono text-xs font-semibold text-blue-700 dark:text-blue-300">
+                                                {{ $ticket->reference }}</div>
+                                            <h3
+                                                class="mt-1 line-clamp-3 text-sm font-semibold leading-5 text-zinc-900 dark:text-zinc-100">
+                                                {{ $ticket->subject }}</h3>
+                                        </div>
+
+                                        @if ($ticket->priority)
+                                            <span class="shrink-0 rounded-full px-2 py-1 text-xs font-bold text-white"
+                                                style="background-color: {{ \Modules\Helpdesk\Support\Color::css($ticket->priority->color) }}">
+                                                {{ $ticket->priority->name }}
+                                            </span>
+                                        @endif
+                                    </div>
+
+                                    <div class="mt-3 space-y-1.5 text-xs text-zinc-500 dark:text-zinc-400">
+                                        <div class="flex items-center gap-2"><i class="fa-solid fa-user w-3"
+                                                aria-hidden="true"></i> {{ $ticket->owner?->name ?? 'Unknown' }}</div>
+                                        <div class="flex items-center gap-2"><i class="fa-solid fa-user-gear w-3"
+                                                aria-hidden="true"></i> {{ $ticket->agent?->name ?? 'Unassigned' }}
+                                        </div>
+                                        @if ($ticket->project)
+                                            <div class="flex items-center gap-2"><i
+                                                    class="fa-solid fa-diagram-project w-3" aria-hidden="true"></i>
+                                                {{ $ticket->project->title }}</div>
+                                        @endif
+                                        @if ($ticket->team)
+                                            <div class="flex items-center gap-2"><i class="fa-solid fa-users w-3"
+                                                    aria-hidden="true"></i> {{ $ticket->team->name }}</div>
+                                        @endif
+                                        @if ($ticket->product)
+                                            <div class="flex items-center gap-2"><i class="fa-solid fa-box w-3"
+                                                    aria-hidden="true"></i> {{ $ticket->product->name }}</div>
+                                        @endif
+                                    </div>
+
+
+                                    <form method="POST" action="{{ route('helpdesk.tickets.board.update', $ticket) }}"
+                                        class="mt-3 rounded-xl border border-emerald-500/20 bg-emerald-950/20 p-2"
+                                        onclick="event.stopPropagation()"
+                                        onmousedown="event.stopPropagation()"
+                                        ondragstart="event.preventDefault(); event.stopPropagation();">
+                                        @csrf
+                                        <input type="hidden" name="current_board_id" value="{{ $board?->id }}">
+                                        <label
+                                            class="mb-1 block text-[11px] font-bold uppercase tracking-wide text-emerald-200/80">Board</label>
+                                        <div class="hd-ticket-board-select-wrap">
+                                            <select name="board_id"
+                                                class="hd-ticket-board-select"
+                                                draggable="false"
+                                                onchange="this.form.submit()"
+                                                onclick="event.stopPropagation()"
+                                                onmousedown="event.stopPropagation()"
+                                                aria-label="Move {{ $ticket->reference }} to another board">
+                                                @foreach ($boards as $ticketBoard)
+                                                    <option value="{{ $ticketBoard->id }}"
+                                                        @selected((int) $ticket->board_id === (int) $ticketBoard->id)>{{ $ticketBoard->name }}</option>
+                                                @endforeach
+                                            </select>
+                                        </div>
+                                    </form>
+                                    @if ($ticket->tags->isNotEmpty())
+                                        <div class="mt-3 flex flex-wrap gap-1">
+                                            @foreach ($ticket->tags as $tag)
+                                                <span
+                                                    class="rounded-full px-2 py-0.5 text-[11px] font-semibold text-white"
+                                                    style="background-color: {{ \Modules\Helpdesk\Support\Color::css($tag->color) }}">{{ $tag->name }}</span>
+                                            @endforeach
+                                        </div>
+                                    @endif
+
+                                    @if ($ticket->checklistItems->isNotEmpty())
+                                        @php($done = $ticket->checklistItems->where('is_completed', true)->count())
+                                        <div class="mt-3 text-xs text-zinc-500">Checklist
+                                            {{ $done }}/{{ $ticket->checklistItems->count() }}</div>
+                                    @endif
+
+                                    @if ($ticket->sla_first_response_breached || $ticket->sla_resolution_breached)
+                                        <div
+                                            class="mt-3 rounded-lg border border-red-300 bg-red-50 px-3 py-2 text-xs font-semibold text-red-800 dark:border-red-900 dark:bg-red-950 dark:text-red-100">
+                                            SLA breach</div>
+                                    @endif
+
+                                    <div
+                                        class="mt-4 flex items-center justify-between gap-2 border-t border-zinc-100 pt-3 dark:border-zinc-800">
+                                        <a href="{{ route('helpdesk.tickets.show', $ticket) }}" wire:navigate
+                                            class="rounded-lg bg-blue-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-blue-700">Open</a>
+                                        @can('update', $ticket)
+                                            <a href="{{ route('helpdesk.tickets.edit', $ticket) }}" wire:navigate
+                                                class="rounded-lg bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-emerald-700">Edit</a>
+                                        @endcan
+                                    </div>
+                                </article>
+                            @empty
+                                <div
+                                    class="rounded-2xl border border-dashed border-zinc-300 bg-white p-6 text-center text-sm text-zinc-500 dark:border-zinc-700 dark:bg-zinc-900">
+                                    Drop tickets here for {{ $status->name }}.
+                                </div>
+                            @endforelse
+                        </div>
+                    </section>
+                @endforeach
+            </div>
+        @endif
+    @endif
+
+    @script
+        <script>
+            const initialiseHelpdeskKanban = function() {
+                let draggedTicketId = null;
+                let draggedCard = null;
+
+                const updateColumnCounts = function() {
+                    document.querySelectorAll('[data-helpdesk-kanban-count]').forEach(function(counter) {
+                        const statusId = counter.dataset.statusId;
+                        const column = document.querySelector('[data-helpdesk-kanban-column][data-status-id="' +
+                            statusId + '"]');
+
+                        if (!column) {
+                            return;
+                        }
+
+                        counter.textContent = column.querySelectorAll('[data-helpdesk-kanban-ticket]').length
+                            .toString();
+                    });
+                };
+
+                const forceLivewireRefresh = function() {
+                    if (typeof $wire !== 'undefined' && typeof $wire.$refresh === 'function') {
+                        return Promise.resolve($wire.$refresh());
+                    }
+
+                    if (typeof Livewire !== 'undefined' && typeof Livewire.find === 'function') {
+                        const root = document.querySelector('[wire\\:id]');
+                        const component = root ? Livewire.find(root.getAttribute('wire:id')) : null;
+
+                        if (component && typeof component.$refresh === 'function') {
+                            return Promise.resolve(component.$refresh());
+                        }
+                    }
+
+                    window.location.reload();
+
+                    return Promise.resolve();
+                };
+
+                document.querySelectorAll('[data-helpdesk-kanban-ticket]').forEach(function(card) {
+                    if (card.dataset.nativeDragReady === '1') return;
+                    card.dataset.nativeDragReady = '1';
+
+                    card.addEventListener('dragstart', function(event) {
+                        draggedTicketId = card.dataset.ticketId;
+                        draggedCard = card;
+                        event.dataTransfer.effectAllowed = 'move';
+                        event.dataTransfer.setData('text/plain', draggedTicketId);
+                        event.dataTransfer.setData('application/x-helpdesk-ticket-id', draggedTicketId);
+                        card.classList.add('opacity-60');
+                    });
+
+                    card.addEventListener('dragend', function() {
+                        card.classList.remove('opacity-60');
+                        document.querySelectorAll('[data-helpdesk-kanban-column]').forEach(function(
+                            column) {
+                            column.dataset.dragOver = 'false';
+                            column.dataset.refreshing = 'false';
+                        });
+                    });
+                });
+
+                document.querySelectorAll('[data-helpdesk-kanban-column]').forEach(function(column) {
+                    if (column.dataset.nativeDropReady === '1') return;
+                    column.dataset.nativeDropReady = '1';
+
+                    column.addEventListener('dragover', function(event) {
+                        event.preventDefault();
+                        event.dataTransfer.dropEffect = 'move';
+                        column.dataset.dragOver = 'true';
+                    });
+
+                    column.addEventListener('dragleave', function(event) {
+                        if (!column.contains(event.relatedTarget)) {
+                            column.dataset.dragOver = 'false';
+                        }
+                    });
+
+                    column.addEventListener('drop', function(event) {
+                        event.preventDefault();
+                        column.dataset.dragOver = 'false';
+
+                        const ticketId = event.dataTransfer.getData('application/x-helpdesk-ticket-id') ||
+                            event.dataTransfer.getData('text/plain') || draggedTicketId;
+                        const statusId = column.dataset.statusId;
+                        const card = draggedCard || document.querySelector(
+                            '[data-helpdesk-kanban-ticket][data-ticket-id="' + ticketId + '"]');
+
+                        if (!ticketId || !statusId || !card) return;
+
+                        column.dataset.refreshing = 'true';
+                        column.appendChild(card);
+                        updateColumnCounts();
+
+                        Promise.resolve($wire.moveTicket(ticketId, statusId))
+                            .then(forceLivewireRefresh)
+                            .finally(function() {
+                                column.dataset.refreshing = 'false';
+                                draggedTicketId = null;
+                                draggedCard = null;
+                                updateColumnCounts();
+                                setTimeout(initialiseHelpdeskKanban, 50);
+                            });
+                    });
+                });
+
+                updateColumnCounts();
+            };
+
+            initialiseHelpdeskKanban();
+            document.addEventListener('livewire:navigated', initialiseHelpdeskKanban);
+            document.addEventListener('livewire:updated', initialiseHelpdeskKanban);
+            document.addEventListener('helpdesk-kanban-moved', function() {
+                setTimeout(function() {
+                    initialiseHelpdeskKanban();
+
+                    if (typeof $wire !== 'undefined' && typeof $wire.$refresh === 'function') {
+                        $wire.$refresh();
+                    }
+                }, 50);
+            });
+        </script>
+    @endscript
+</div>

Modules/Helpdesk/Helpdesk/Routes/web.php

@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Support\Facades\Route;
+use Modules\Helpdesk\Http\Controllers\AttachmentDownloadController;
+use Modules\Helpdesk\Http\Controllers\HelpdeskController;
+use Modules\Helpdesk\Http\Controllers\TicketAttachmentStoreController;
+use Modules\Helpdesk\Http\Controllers\TicketBoardController;
+use Modules\Helpdesk\Http\Controllers\TicketCommentDeleteController;
+use Modules\Helpdesk\Http\Controllers\TicketCommentStoreController;
+use Modules\Helpdesk\Http\Controllers\TicketControlsController;
+use Modules\Helpdesk\Http\Controllers\TicketStoreController;
+use Modules\Helpdesk\Http\Controllers\TicketTimeLogController;
+use Modules\Helpdesk\Http\Controllers\WorkflowOpenController;
+use Modules\Helpdesk\Livewire\KanbanBoard;
+use Modules\Helpdesk\Livewire\SettingsManager;
+use Modules\Helpdesk\Livewire\TicketCreate;
+use Modules\Helpdesk\Livewire\TicketEdit;
+use Modules\Helpdesk\Livewire\TicketIndex;
+use Modules\Helpdesk\Livewire\TicketShow;
+
+Route::get('/workflow/open/{token}', WorkflowOpenController::class)->name('workflow.open');
+
+Route::get('/', HelpdeskController::class)->name('index');
+
+Route::get('/settings', SettingsManager::class)->name('settings');
+Route::get('/kanban', KanbanBoard::class)->name('kanban');
+
+Route::get('/tickets', TicketIndex::class)->name('tickets.index');
+Route::post('/tickets', TicketStoreController::class)->name('tickets.store');
+Route::get('/tickets/create', TicketCreate::class)->name('tickets.create');
+Route::get('/tickets/{ticket}/edit', TicketEdit::class)->name('tickets.edit');
+Route::post('/tickets/{ticket}/agent', [TicketControlsController::class, 'updateAgent'])->name('tickets.agent.update');
+Route::post('/tickets/{ticket}/status', [TicketControlsController::class, 'updateStatus'])->name('tickets.status.update');
+Route::post('/tickets/{ticket}/priority', [TicketControlsController::class, 'updatePriority'])->name('tickets.priority.update');
+Route::post('/tickets/{ticket}/board', TicketBoardController::class)->name('tickets.board.update');
+Route::post('/tickets/{ticket}/comments', TicketCommentStoreController::class)->name('tickets.comments.store');
+Route::post('/tickets/{ticket}/attachments', TicketAttachmentStoreController::class)->name('tickets.attachments.store');
+Route::delete('/tickets/{ticket}/comments/{comment}', TicketCommentDeleteController::class)->name('tickets.comments.destroy');
+Route::get('/tickets/{ticket}', TicketShow::class)->name('tickets.show');
+Route::get('/attachments/{attachment}/download', AttachmentDownloadController::class)
+    ->whereNumber('attachment')
+    ->name('attachments.download');
+Route::get('/attachments/{attachment}/preview', [AttachmentDownloadController::class, 'preview'])
+    ->whereNumber('attachment')
+    ->name('attachments.preview');
+Route::delete('/attachments/{attachment}', [AttachmentDownloadController::class, 'destroy'])
+    ->whereNumber('attachment')
+    ->name('attachments.destroy');
+Route::post('/tickets/{ticket}/time-logs', [TicketTimeLogController::class, 'store'])
+    ->name('tickets.time-logs.store');

Modules/Helpdesk/Http/Controllers/TicketBoardController.php

@@ -0,0 +1,105 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\Helpdesk\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Validation\Rule;
+use Modules\Helpdesk\Models\KanbanBoard;
+use Modules\Helpdesk\Models\Status;
+use Modules\Helpdesk\Models\Ticket;
+use Modules\Helpdesk\Services\WorkflowNotificationService;
+
+final class TicketBoardController extends Controller
+{
+    public function __invoke(Request $request, Ticket $ticket, WorkflowNotificationService $workflow): RedirectResponse
+    {
+        Gate::authorize('update', $ticket);
+
+        $validated = $request->validate([
+            'board_id' => ['required', 'integer', Rule::exists('helpdesk_kanban_boards', 'id')],
+            'return_to_board_id' => ['nullable', 'integer', Rule::exists('helpdesk_kanban_boards', 'id')],
+        ]);
+
+        $targetBoardId = (int) $validated['board_id'];
+
+        $targetBoard = KanbanBoard::query()
+            ->with(['statuses' => fn ($query) => $query->orderBy('helpdesk_kanban_board_statuses.sort_order')->orderBy('helpdesk_statuses.sort_order')->orderBy('helpdesk_statuses.name')])
+            ->findOrFail($targetBoardId);
+
+        if ($targetBoard->statuses->isEmpty()) {
+            $this->ensureBoardHasStatuses($targetBoardId);
+            $targetBoard->load(['statuses' => fn ($query) => $query->orderBy('helpdesk_kanban_board_statuses.sort_order')->orderBy('helpdesk_statuses.sort_order')->orderBy('helpdesk_statuses.name')]);
+        }
+
+        $fresh = DB::transaction(function () use ($ticket, $targetBoard): Ticket {
+            $lockedTicket = Ticket::query()
+                ->visibleTo(Auth::user())
+                ->lockForUpdate()
+                ->findOrFail($ticket->id);
+
+            $targetStatus = $targetBoard->statuses->firstWhere('id', (int) $lockedTicket->status_id)
+                ?: $targetBoard->statuses->first();
+
+            if ($targetStatus === null) {
+                $targetStatus = Status::query()->orderBy('sort_order')->orderBy('name')->firstOrFail();
+                $this->addStatusToBoard($targetBoard->id, $targetStatus->id);
+            }
+
+            $updates = [
+                'board_id' => $targetBoard->id,
+                'status_id' => $targetStatus->id,
+                'completed_at' => $targetStatus->is_closed ? now() : null,
+                'last_activity_at' => now(),
+            ];
+
+            if (DB::getSchemaBuilder()->hasColumn('helpdesk_tickets', 'updated_at')) {
+                $updates['updated_at'] = now();
+            }
+
+            $affected = DB::table('helpdesk_tickets')
+                ->where('id', $lockedTicket->id)
+                ->update($updates);
+
+            if ($affected < 1) {
+                throw new \RuntimeException('Ticket board update did not persist.');
+            }
+
+            return Ticket::query()
+                ->with(['status', 'priority', 'category', 'project', 'team', 'product', 'tags', 'checklistItems', 'board'])
+                ->findOrFail($lockedTicket->id);
+        });
+
+        $workflow->dispatch($fresh, 'ticket.updated', Auth::user());
+
+        return redirect()
+            ->route('helpdesk.kanban', ['board_id' => $targetBoardId])
+            ->with('success', 'Ticket ' . $fresh->reference . ' moved to ' . $targetBoard->name . '.');
+    }
+
+    private function ensureBoardHasStatuses(int $boardId): void
+    {
+        Status::query()
+            ->orderBy('sort_order')
+            ->orderBy('name')
+            ->get(['id'])
+            ->values()
+            ->each(function (Status $status, int $index) use ($boardId): void {
+                $this->addStatusToBoard($boardId, (int) $status->id, ($index + 1) * 10);
+            });
+    }
+
+    private function addStatusToBoard(int $boardId, int $statusId, int $sortOrder = 999): void
+    {
+        DB::table('helpdesk_kanban_board_statuses')->updateOrInsert(
+            ['board_id' => $boardId, 'status_id' => $statusId],
+            ['sort_order' => $sortOrder, 'updated_at' => now(), 'created_at' => now()],
+        );
+    }
+}

Modules/Helpdesk/Livewire/KanbanBoard.php

@@ -94,59 +94,42 @@ final class KanbanBoard extends Component
 
     /**
      * Move a ticket from its current board to another board. A ticket can only belong to one board.
-     *
-     * This intentionally redirects to the target board after the update so the browser,
-     * Livewire state and database state cannot fall back to the default board.
      */
-    public function moveTicketToBoard(int|string $ticketId, int|string|null $boardId, WorkflowNotificationService $workflow)
+    public function moveTicketToBoard(int|string $ticketId, int|string|null $boardId, WorkflowNotificationService $workflow): void
     {
-        if (! is_numeric($ticketId) || ! is_numeric($boardId)) {
+        $ticket = Ticket::query()->with('board')->visibleTo(Auth::user())->findOrFail((int) $ticketId);
-            return;
+        $board = KanbanBoardModel::query()->with(['statuses', 'owner:id,name,email'])->findOrFail((int) $boardId);
-        }
+        $oldBoardName = $ticket->board?->name ?? 'No board';
 
-        $board = KanbanBoardModel::query()
+        $this->authorize('update', $ticket);
-            ->with(['statuses' => fn ($query) => $query->orderBy('helpdesk_kanban_board_statuses.sort_order')->orderBy('helpdesk_statuses.sort_order'), 'owner:id,name,email'])
-            ->findOrFail((int) $boardId);
 
-        if ($board->statuses->isEmpty()) {
+        if (! $board->statuses->contains('id', $ticket->status_id)) {
-            $this->ensureBoardHasStatuses($board);
+            $firstStatus = $board->statuses->first();
-            $board->load(['statuses' => fn ($query) => $query->orderBy('helpdesk_kanban_board_statuses.sort_order')->orderBy('helpdesk_statuses.sort_order'), 'owner:id,name,email']);
-        }
 
-        $fresh = DB::transaction(function () use ($ticketId, $board) {
+            if ($firstStatus !== null) {
-            $ticket = Ticket::query()
+                $ticket->status_id = $firstStatus->id;
-                ->with(['board', 'status'])
+                $ticket->completed_at = $firstStatus->is_closed ? now() : null;
-                ->visibleTo(Auth::user())
+            } else {
-                ->lockForUpdate()
-                ->findOrFail((int) $ticketId);
-
-            $this->authorize('update', $ticket);
-
-            $targetStatus = $board->statuses->firstWhere('id', (int) $ticket->status_id)
-                ?: $board->statuses->first();
-
-            if ($targetStatus === null) {
                 $this->addStatusToBoard($board->id, (int) $ticket->status_id);
-                $targetStatus = $ticket->status;
             }
-
-            $ticket->forceFill([
-                'board_id' => $board->id,
-                'status_id' => $targetStatus?->id ?? $ticket->status_id,
-                'completed_at' => $targetStatus?->is_closed ? now() : null,
-                'last_activity_at' => now(),
-            ])->save();
-
-            return $ticket->fresh(['status', 'priority', 'category', 'project', 'team', 'product', 'tags', 'checklistItems', 'board']);
-        });
-
-        if ($fresh instanceof Ticket) {
-            $workflow->dispatch($fresh, 'ticket.updated', Auth::user());
-
-            session()->flash('success', 'Ticket ' . $fresh->reference . ' moved to ' . $board->name . '.');
         }
 
-        return redirect()->route('helpdesk.kanban', ['board_id' => $board->id]);
+        $ticket->forceFill([
+            'board_id' => $board->id,
+            'last_activity_at' => now(),
+        ])->save();
+
+        $this->board_id = $board->id;
+
+        $fresh = $ticket->fresh(['status', 'priority', 'category', 'project', 'team', 'board']) ?? $ticket;
+        $workflow->dispatch($fresh, 'ticket.updated', Auth::user());
+
+        $message = 'Ticket ' . $fresh->reference . ' moved from ' . $oldBoardName . ' to ' . $board->name . '.';
+        session()->flash('success', $message);
+
+        $this->refreshBoard();
+        $this->dispatch('helpdesk-kanban-moved', ticketId: (int) $fresh->id, statusId: (int) $fresh->status_id);
+        $this->dispatch('wms:toast', type: 'success', title: 'Board changed', message: $message);
     }
 
     /**

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

@@ -153,12 +153,22 @@
                                     </div>
 
 
-                                    <div class="mt-3 rounded-xl border border-emerald-500/20 bg-emerald-950/20 p-2">
+                                    <form method="POST" action="{{ route('helpdesk.tickets.board.update', $ticket) }}"
+                                        class="mt-3 rounded-xl border border-emerald-500/20 bg-emerald-950/20 p-2"
+                                        onclick="event.stopPropagation()"
+                                        onmousedown="event.stopPropagation()"
+                                        ondragstart="event.preventDefault(); event.stopPropagation();">
+                                        @csrf
+                                        <input type="hidden" name="return_to_board_id" value="{{ $board?->id }}">
                                         <label
                                             class="mb-1 block text-[11px] font-bold uppercase tracking-wide text-emerald-200/80">Board</label>
                                         <div class="hd-ticket-board-select-wrap">
-                                            <select class="hd-ticket-board-select"
+                                            <select name="board_id"
-                                                wire:change="moveTicketToBoard({{ $ticket->id }}, $event.target.value)"
+                                                class="hd-ticket-board-select"
+                                                draggable="false"
+                                                onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()"
+                                                onclick="event.stopPropagation()"
+                                                onmousedown="event.stopPropagation()"
                                                 aria-label="Move {{ $ticket->reference }} to another board">
                                                 @foreach ($boards as $ticketBoard)
                                                     <option value="{{ $ticketBoard->id }}"
@@ -166,7 +176,7 @@
                                                 @endforeach
                                             </select>
                                         </div>
-                                    </div>
+                                    </form>
                                     @if ($ticket->tags->isNotEmpty())
                                         <div class="mt-3 flex flex-wrap gap-1">
                                             @foreach ($ticket->tags as $tag)

Modules/Helpdesk/Routes/web.php

@@ -6,6 +6,7 @@ use Illuminate\Support\Facades\Route;
 use Modules\Helpdesk\Http\Controllers\AttachmentDownloadController;
 use Modules\Helpdesk\Http\Controllers\HelpdeskController;
 use Modules\Helpdesk\Http\Controllers\TicketAttachmentStoreController;
+use Modules\Helpdesk\Http\Controllers\TicketBoardController;
 use Modules\Helpdesk\Http\Controllers\TicketCommentDeleteController;
 use Modules\Helpdesk\Http\Controllers\TicketCommentStoreController;
 use Modules\Helpdesk\Http\Controllers\TicketControlsController;
@@ -33,6 +34,7 @@ Route::get('/tickets/{ticket}/edit', TicketEdit::class)->name('tickets.edit');
 Route::post('/tickets/{ticket}/agent', [TicketControlsController::class, 'updateAgent'])->name('tickets.agent.update');
 Route::post('/tickets/{ticket}/status', [TicketControlsController::class, 'updateStatus'])->name('tickets.status.update');
 Route::post('/tickets/{ticket}/priority', [TicketControlsController::class, 'updatePriority'])->name('tickets.priority.update');
+Route::post('/tickets/{ticket}/board', TicketBoardController::class)->name('tickets.board.update');
 Route::post('/tickets/{ticket}/comments', TicketCommentStoreController::class)->name('tickets.comments.store');
 Route::post('/tickets/{ticket}/attachments', TicketAttachmentStoreController::class)->name('tickets.attachments.store');
 Route::delete('/tickets/{ticket}/comments/{comment}', TicketCommentDeleteController::class)->name('tickets.comments.destroy');