@wrongstack/webui 0.301.0 → 0.302.0

package/dist/index.js

@@ -2630,6 +2630,8 @@ var require_activity = __commonJS({
         newColumn: "New column",
         addColumn: "Add column",
         duplicateBoard: "Duplicate board",
+        confirmDelete: "Confirm?",
+        confirmDeleteBoard: "Click again to confirm board deletion",
         deleteBoard: "Delete board",
         boardBoundary: "Board boundary",
         noBoardSelected: "No kanban board selected.",
@@ -2656,6 +2658,9 @@ var require_activity = __commonJS({
         actionReassign: "Reassign",
         actionRunNow: "Run now",
         deleteTaskAria: "Delete task: {{title}}",
+        confirmDeleteTask: "Click again to confirm task deletion",
+        confirmDeleteTaskAria: "Confirm delete: {{title}}",
+        moveTaskToColumn: "Move {{title}} to column",
         activityNoteTemplate: "{{action}} from WebUI to {{target}}."
       },
       cronJobs: {
@@ -7403,6 +7408,8 @@ var require_activity2 = __commonJS({
         newColumn: "Neue Spalte",
         addColumn: "Spalte hinzuf\xFCgen",
         duplicateBoard: "Board duplizieren",
+        confirmDelete: "Best\xE4tigen?",
+        confirmDeleteBoard: "Erneut klicken, um das L\xF6schen des Boards zu best\xE4tigen",
         deleteBoard: "Board l\xF6schen",
         boardBoundary: "Board-Grenze",
         noBoardSelected: "Kein Kanban-Board ausgew\xE4hlt.",
@@ -7429,6 +7436,9 @@ var require_activity2 = __commonJS({
         actionReassign: "Neu zuweisen",
         actionRunNow: "Jetzt ausf\xFChren",
         deleteTaskAria: "Task l\xF6schen: {{title}}",
+        confirmDeleteTask: "Erneut klicken, um das L\xF6schen der Aufgabe zu best\xE4tigen",
+        confirmDeleteTaskAria: "L\xF6schen best\xE4tigen: {{title}}",
+        moveTaskToColumn: "{{title}} in Spalte verschieben",
         activityNoteTemplate: "{{action}} von WebUI an {{target}}."
       },
       cronJobs: {
@@ -12176,6 +12186,8 @@ var require_activity3 = __commonJS({
         newColumn: "Nueva columna",
         addColumn: "Agregar columna",
         duplicateBoard: "Duplicar tablero",
+        confirmDelete: "\xBFConfirmar?",
+        confirmDeleteBoard: "Haz clic de nuevo para confirmar la eliminaci\xF3n del tablero",
         deleteBoard: "Eliminar tablero",
         boardBoundary: "L\xEDmite del tablero",
         noBoardSelected: "No hay ning\xFAn tablero Kanban seleccionado.",
@@ -12202,6 +12214,9 @@ var require_activity3 = __commonJS({
         actionReassign: "Reasignar",
         actionRunNow: "Ejecutar ahora",
         deleteTaskAria: "Eliminar tarea: {{title}}",
+        confirmDeleteTask: "Haz clic de nuevo para confirmar la eliminaci\xF3n de la tarea",
+        confirmDeleteTaskAria: "Confirmar eliminaci\xF3n: {{title}}",
+        moveTaskToColumn: "Mover {{title}} a la columna",
         activityNoteTemplate: "{{action}} de WebUI a {{target}}."
       },
       cronJobs: {
@@ -16950,6 +16965,8 @@ D\xE9clencheurs : l'utilisateur dit "mot-cl\xE9", "autre".`,
         newColumn: "Nouvelle colonne",
         addColumn: "Ajouter une colonne",
         duplicateBoard: "Dupliquer le tableau",
+        confirmDelete: "Confirmer ?",
+        confirmDeleteBoard: "Cliquez \xE0 nouveau pour confirmer la suppression du tableau",
         deleteBoard: "Supprimer le tableau",
         boardBoundary: "Limite du tableau",
         noBoardSelected: "Aucun tableau Kanban s\xE9lectionn\xE9.",
@@ -16976,6 +16993,9 @@ D\xE9clencheurs : l'utilisateur dit "mot-cl\xE9", "autre".`,
         actionReassign: "R\xE9affecter",
         actionRunNow: "Ex\xE9cuter maintenant",
         deleteTaskAria: "Supprimer la t\xE2che : {{title}}",
+        confirmDeleteTask: "Cliquez \xE0 nouveau pour confirmer la suppression de la t\xE2che",
+        confirmDeleteTaskAria: "Confirmer la suppression : {{title}}",
+        moveTaskToColumn: "D\xE9placer {{title}} vers la colonne",
         activityNoteTemplate: "{{action}} de WebUI vers {{target}}."
       },
       cronJobs: {
@@ -21724,6 +21744,8 @@ Trigger: l'utente dice "parola chiave", "altra".`,
         newColumn: "Nuova colonna",
         addColumn: "Aggiungi colonna",
         duplicateBoard: "Duplica board",
+        confirmDelete: "Confermare?",
+        confirmDeleteBoard: "Clicca di nuovo per confermare l'eliminazione della board",
         deleteBoard: "Elimina board",
         boardBoundary: "Board boundary",
         noBoardSelected: "Nessuna board kanban selezionata.",
@@ -21750,6 +21772,9 @@ Trigger: l'utente dice "parola chiave", "altra".`,
         actionReassign: "Riassegna",
         actionRunNow: "Esegui ora",
         deleteTaskAria: "Elimina task: {{title}}",
+        confirmDeleteTask: "Clicca di nuovo per confermare l'eliminazione del task",
+        confirmDeleteTaskAria: "Conferma eliminazione: {{title}}",
+        moveTaskToColumn: "Sposta {{title}} nella colonna",
         activityNoteTemplate: "{{action}} da WebUI a {{target}}."
       },
       cronJobs: {
@@ -26497,6 +26522,8 @@ var require_activity6 = __commonJS({
         newColumn: "Nova coluna",
         addColumn: "Adicionar coluna",
         duplicateBoard: "Duplicar quadro",
+        confirmDelete: "Confirmar?",
+        confirmDeleteBoard: "Clique novamente para confirmar a exclus\xE3o do quadro",
         deleteBoard: "Excluir quadro",
         boardBoundary: "Limite do quadro",
         noBoardSelected: "Nenhum quadro kanban selecionado.",
@@ -26523,6 +26550,9 @@ var require_activity6 = __commonJS({
         actionReassign: "Reatribuir",
         actionRunNow: "Executar agora",
         deleteTaskAria: "Excluir tarefa: {{title}}",
+        confirmDeleteTask: "Clique novamente para confirmar a exclus\xE3o da tarefa",
+        confirmDeleteTaskAria: "Confirmar exclus\xE3o: {{title}}",
+        moveTaskToColumn: "Mover {{title}} para a coluna",
         activityNoteTemplate: "{{action}} do WebUI para {{target}}."
       },
       cronJobs: {
@@ -31270,6 +31300,8 @@ var require_activity7 = __commonJS({
         newColumn: "Yeni s\xFCtun",
         addColumn: "S\xFCtun ekle",
         duplicateBoard: "Panoyu \xE7o\u011Falt",
+        confirmDelete: "Emin misiniz?",
+        confirmDeleteBoard: "Panoyu silmeyi onaylamak i\xE7in tekrar t\u0131klay\u0131n",
         deleteBoard: "Panoyu sil",
         boardBoundary: "Pano s\u0131n\u0131r\u0131",
         noBoardSelected: "Kanban panosu se\xE7ilmedi.",
@@ -31296,6 +31328,9 @@ var require_activity7 = __commonJS({
         actionReassign: "Yeniden ata",
         actionRunNow: "\u015Eimdi \xE7al\u0131\u015Ft\u0131r",
         deleteTaskAria: "G\xF6revi sil: {{title}}",
+        confirmDeleteTask: "G\xF6revi silmeyi onaylamak i\xE7in tekrar t\u0131klay\u0131n",
+        confirmDeleteTaskAria: "Silmeyi onayla: {{title}}",
+        moveTaskToColumn: "{{title}} s\xFCtununa ta\u015F\u0131",
         activityNoteTemplate: "{{action}} WebUI'dan {{target}} adresine."
       },
       cronJobs: {
@@ -57301,7 +57336,6 @@ var init_useHorizontalScroll = __esm({
 function auditKanbanBoard(board, options) {
   const now = toEpoch(options.now);
   if (now === null) throw new TypeError("Kanban audit requires a valid current time");
-  const liveIdentities = normalizeIdentities(options.liveAgentIdentities);
   const reviewStaleAfterMs = resolveReviewStaleAfterMs(
     board,
     options.defaultReviewStaleAfterMs ?? DEFAULT_REVIEW_STALE_AFTER_MS
@@ -57311,7 +57345,7 @@ function auditKanbanBoard(board, options) {
   for (const task of board.tasks) {
     if (TERMINAL_STATUSES.has(task.status)) continue;
     addRequiredDetailIssues(issues, task, options.requireDueDate === true);
-    addRunningIssue(issues, task, now, liveIdentities);
+    addRunningIssue(issues, task, now);
     addReviewIssue(issues, task, now, reviewStaleAfterMs);
     if (lifecycleOrder.length > 1) addLifecycleIssue(issues, task, lifecycleOrder);
   }
@@ -57332,7 +57366,7 @@ function addRequiredDetailIssues(issues, task, requireDueDate) {
   if (assignmentIdentities(task).length === 0) {
     pushIssue(issues, task, "missing-assignee", "warning", "Assign an owner");
   }
-  if (requireDueDate && !hasText(task.dueDate)) {
+  if (requireDueDate && toEpoch(task.dueDate) === null) {
     pushIssue(issues, task, "missing-due-date", "warning", "Set a due date");
   }
   if (!hasItems(task.labels) && !hasItems(task.tags)) {
@@ -57345,7 +57379,7 @@ function addRequiredDetailIssues(issues, task, requireDueDate) {
     pushIssue(issues, task, "missing-success-criteria", "warning", "Add success criteria");
   }
 }
-function addRunningIssue(issues, task, now, liveIdentities) {
+function addRunningIssue(issues, task, now) {
   const assignment = task.assignment;
   const running = task.status === "in_progress" || assignment?.status === "running";
   if (!running) return;
@@ -57365,9 +57399,6 @@ function addRunningIssue(issues, task, now, liveIdentities) {
     pushIssue(issues, task, "stale-running-task", "error", "Assignment lease is expired");
     return;
   }
-  if (!identities.some((identity) => liveIdentities.has(normalizeIdentity(identity)))) {
-    pushIssue(issues, task, "abandoned-running-task", "error", "Assigned agent is not live");
-  }
 }
 function addReviewIssue(issues, task, now, staleAfterMs) {
   if (task.status !== "review") return;
@@ -57479,16 +57510,8 @@ function readStringList(value) {
   }
   return result;
 }
-function normalizeIdentities(values) {
-  const normalized = /* @__PURE__ */ new Set();
-  if (!values) return normalized;
-  for (const value of values) {
-    if (hasText(value)) normalized.add(normalizeIdentity(value));
-  }
-  return normalized;
-}
-function normalizeIdentity(value) {
-  return value.trim().toLocaleLowerCase();
+function normalizeIdentity(identity) {
+  return identity.trim().toLowerCase();
 }
 function firstText(...values) {
   for (const value of values) {
@@ -58019,15 +58042,6 @@ var init_KanbanBoardChrome = __esm({
 });
 
 // src/components/KanbanBoardState.ts
-function collectLiveAgentIdentities(agents) {
-  const identities = /* @__PURE__ */ new Set();
-  for (const agent of agents) {
-    if (agent.status !== "running") continue;
-    identities.add(agent.id);
-    identities.add(agent.name);
-  }
-  return identities;
-}
 function collectActiveSessionIds(input) {
   const ids = /* @__PURE__ */ new Set();
   if (input.sessionId) ids.add(input.sessionId);
@@ -58402,7 +58416,7 @@ var init_KanbanBoundaryEditor = __esm({
 
 // src/components/KanbanCleanerAlert.tsx
 import { AlertTriangle as AlertTriangle19, ChevronDown as ChevronDown25, CircleAlert, Sparkles as Sparkles13 } from "lucide-react";
-import { useEffect as useEffect99, useId as useId3, useState as useState105 } from "react";
+import { useEffect as useEffect99, useId as useId3, useRef as useRef49, useState as useState105 } from "react";
 import { jsx as jsx172, jsxs as jsxs163 } from "react/jsx-runtime";
 function KanbanCleanerAlert({
   audit,
@@ -58410,9 +58424,14 @@ function KanbanCleanerAlert({
 }) {
   const [expanded, setExpanded] = useState105(true);
   const contentId = useId3();
+  const seenIssueIdsRef = useRef49(null);
   useEffect99(() => {
-    if (audit.issues.length > 0) setExpanded(true);
-  }, [audit.issues.length]);
+    const ids = new Set(audit.issues.map((issue) => issue.id));
+    const previous = seenIssueIdsRef.current;
+    seenIssueIdsRef.current = ids;
+    if (previous === null) return;
+    if ([...ids].some((id) => !previous.has(id))) setExpanded(true);
+  }, [audit.issues]);
   if (audit.issues.length === 0) return null;
   const grouped = groupByTask(audit.issues);
   return /* @__PURE__ */ jsxs163(
@@ -59728,6 +59747,7 @@ var init_TaskRiskPanel = __esm({
 
 // src/components/KanbanColumnView.tsx
 import { Trash2 as Trash216 } from "lucide-react";
+import { useEffect as useEffect101, useRef as useRef50, useState as useState107 } from "react";
 import { jsx as jsx177, jsxs as jsxs168 } from "react/jsx-runtime";
 function deriveTaskCardIntelligence(board, task, verificationActivity) {
   const assignment = task.assignment;
@@ -59765,6 +59785,47 @@ function deriveTaskCardIntelligence(board, task, verificationActivity) {
     pendingDecomposition: task.decomposition?.status === "proposed"
   };
 }
+function boardIntelligenceSignature(board) {
+  const tasks = board.tasks.map((candidate) => `${candidate.id}:${candidate.status}`).sort().join("|");
+  const presence = (board.presence ?? []).filter((entry) => entry.active).map((entry) => entry.taskId).sort().join("|");
+  return `${board.id}|${tasks}|${presence}`;
+}
+function taskIntelligenceKey(task) {
+  const assignment = task.assignment;
+  return [
+    task.id,
+    task.status,
+    task.dueDate ?? "",
+    task.assignee ?? "",
+    task.assignedAgent ?? "",
+    JSON.stringify(task.dependsOn ?? null),
+    JSON.stringify(task.childTaskIds ?? null),
+    JSON.stringify(
+      (task.successCriteria ?? []).map((check) => `${check.id}:${check.status}`)
+    ),
+    task.atomicityAssessment?.verdict ?? "",
+    task.verificationReport?.attachments.length ?? 0,
+    task.decomposition?.status ?? "",
+    assignment ? JSON.stringify({
+      provider: assignment.provider,
+      model: assignment.model,
+      name: assignment.name,
+      agentId: assignment.agentId,
+      role: assignment.role,
+      attempt: assignment.attempt,
+      maxAttempts: assignment.maxAttempts,
+      fallbackProfile: assignment.fallbackProfile,
+      fallbackModels: assignment.fallbackModels,
+      status: assignment.status,
+      error: assignment.error,
+      lastFailureKind: assignment.lastFailureKind,
+      lastResult: assignment.lastResult,
+      leaseExpiresAt: assignment.leaseExpiresAt,
+      heartbeatAt: assignment.heartbeatAt,
+      modelRouting: assignment.modelRouting
+    }) : ""
+  ].join(":");
+}
 function KanbanColumnView({
   board,
   column,
@@ -59777,13 +59838,50 @@ function KanbanColumnView({
 }) {
   const { t } = useTranslation();
   const verificationActivity = useKanbanStore((state) => state.verificationActivity);
+  const [dragOver, setDragOver] = useState107(false);
+  const dragDepthRef = useRef50(0);
+  const [pendingDeleteTaskId, setPendingDeleteTaskId] = useState107(null);
+  useEffect101(() => {
+    if (dragTaskId === null) {
+      dragDepthRef.current = 0;
+      setDragOver(false);
+    }
+  }, [dragTaskId]);
+  useEffect101(() => {
+    if (pendingDeleteTaskId === null) return;
+    const timer = window.setTimeout(() => setPendingDeleteTaskId(null), 4e3);
+    return () => window.clearTimeout(timer);
+  }, [pendingDeleteTaskId]);
+  const intelligenceCacheRef = useRef50(/* @__PURE__ */ new Map());
+  const boardSignature = boardIntelligenceSignature(board);
+  const timeBucket = Math.floor(Date.now() / 6e4);
+  useEffect101(() => {
+    intelligenceCacheRef.current.clear();
+  }, [boardSignature, timeBucket]);
   const tasks = board.tasks.filter((task) => task.columnId === column.id).sort((a, b) => a.order - b.order);
   const empty = tasks.length === 0;
+  const cachedCardIntelligence = (task) => {
+    const cache = intelligenceCacheRef.current;
+    const key = `${boardSignature}|${timeBucket}|${taskIntelligenceKey(task)}`;
+    const cached = cache.get(key);
+    if (cached) {
+      const activity = verificationActivity?.[`${board.id}:${task.id}`];
+      const freshVerification = verificationStateOf(task, activity);
+      if (freshVerification === cached.verification) return cached;
+      const merged = { ...cached, verification: freshVerification };
+      cache.set(key, merged);
+      return merged;
+    }
+    const intelligence = deriveTaskCardIntelligence(board, task, verificationActivity);
+    cache.set(key, intelligence);
+    return intelligence;
+  };
   return /* @__PURE__ */ jsxs168(
     "section",
     {
       className: cn(
         "flex h-full shrink-0 flex-col rounded-md border bg-muted/25 transition-[width] duration-200",
+        dragOver && "border-primary/70 bg-primary/5",
         empty ? "w-[180px]" : "w-[310px]"
       ),
       children: [
@@ -59802,22 +59900,44 @@ function KanbanColumnView({
           "ul",
           {
             className: "min-h-0 flex-1 space-y-2 overflow-y-auto p-2 [scrollbar-gutter:stable]",
-            onDragOver: (event) => event.preventDefault(),
+            onDragEnter: (event) => {
+              event.preventDefault();
+              dragDepthRef.current += 1;
+              setDragOver(true);
+            },
+            onDragLeave: () => {
+              dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
+              if (dragDepthRef.current === 0) setDragOver(false);
+            },
+            onDragOver: (event) => {
+              event.preventDefault();
+              if (!dragOver) setDragOver(true);
+            },
             onDrop: (event) => {
               event.preventDefault();
-              if (board.lifecycle?.mode !== "managed" && dragTaskId) {
-                onMoveTask(dragTaskId, column.id);
+              dragDepthRef.current = 0;
+              setDragOver(false);
+              if (board.lifecycle?.mode === "managed") {
+                setDragTaskId(null);
+                return;
+              }
+              const droppedTaskId = event.dataTransfer.getData("text/plain") || dragTaskId;
+              if (droppedTaskId && board.tasks.some((candidate) => candidate.id === droppedTaskId)) {
+                onMoveTask(droppedTaskId, column.id);
               }
               setDragTaskId(null);
             },
             children: tasks.map((task) => {
-              const intelligence = deriveTaskCardIntelligence(board, task, verificationActivity);
+              const intelligence = cachedCardIntelligence(task);
               return /* @__PURE__ */ jsxs168(
                 "li",
                 {
                   draggable: board.lifecycle?.mode !== "managed",
-                  onDragStart: () => {
-                    if (board.lifecycle?.mode !== "managed") setDragTaskId(task.id);
+                  onDragStart: (event) => {
+                    if (board.lifecycle?.mode === "managed") return;
+                    setDragTaskId(task.id);
+                    event.dataTransfer.effectAllowed = "move";
+                    event.dataTransfer.setData("text/plain", task.id);
                   },
                   onDragEnd: () => setDragTaskId(null),
                   className: cn(
@@ -59856,15 +59976,40 @@ function KanbanColumnView({
                         "button",
                         {
                           type: "button",
-                          title: t("activity:kanban.deleteTask"),
-                          "aria-label": t("activity:kanban.deleteTaskAria", { title: task.title }),
-                          onClick: () => onDeleteTask(task),
-                          className: "pointer-events-auto relative flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+                          title: pendingDeleteTaskId === task.id ? t("activity:kanban.confirmDeleteTask") : t("activity:kanban.deleteTask"),
+                          "aria-label": pendingDeleteTaskId === task.id ? t("activity:kanban.confirmDeleteTaskAria", { title: task.title }) : t("activity:kanban.deleteTaskAria", { title: task.title }),
+                          onClick: () => {
+                            if (pendingDeleteTaskId === task.id) {
+                              setPendingDeleteTaskId(null);
+                              onDeleteTask(task);
+                            } else {
+                              setPendingDeleteTaskId(task.id);
+                            }
+                          },
+                          onBlur: () => setPendingDeleteTaskId((value) => value === task.id ? null : value),
+                          className: cn(
+                            "pointer-events-auto relative flex h-7 w-7 shrink-0 items-center justify-center rounded-md transition-colors",
+                            pendingDeleteTaskId === task.id ? "bg-destructive/15 text-destructive ring-1 ring-destructive/40" : "text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
+                          ),
                           children: /* @__PURE__ */ jsx177(Trash216, { size: 14 })
                         }
                       )
                     ] }),
                     /* @__PURE__ */ jsxs168("div", { className: "pointer-events-none relative mt-2 flex flex-wrap items-center gap-1.5 text-[11px]", children: [
+                      board.lifecycle?.mode !== "managed" && /* @__PURE__ */ jsx177(
+                        "select",
+                        {
+                          "aria-label": t("activity:kanban.moveTaskToColumn", { title: task.title }),
+                          value: task.columnId,
+                          draggable: false,
+                          onDragStart: (event) => event.stopPropagation(),
+                          onChange: (event) => {
+                            if (event.target.value !== task.columnId) onMoveTask(task.id, event.target.value);
+                          },
+                          className: "pointer-events-auto relative max-w-28 cursor-pointer rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary",
+                          children: board.columns.map((columnOption) => /* @__PURE__ */ jsx177("option", { value: columnOption.id, children: columnOption.title }, columnOption.id))
+                        }
+                      ),
                       /* @__PURE__ */ jsx177("span", { className: priorityClass(task.priority), children: task.priority }),
                       /* @__PURE__ */ jsx177("span", { className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground", children: task.status }),
                       intelligence.owner !== "Unassigned" && /* @__PURE__ */ jsx177("span", { className: "rounded bg-primary/10 px-1.5 py-0.5 text-primary", children: intelligence.owner }),
@@ -60026,7 +60171,7 @@ var init_KanbanQueueHealthBar = __esm({
 
 // src/components/KanbanRunControls.tsx
 import { Check as Check26, Pause as Pause8, Play as Play7, Rocket as Rocket5, RotateCcw as RotateCcw13, Square as Square6, UserPlus as UserPlus2, X as X36 } from "lucide-react";
-import { useState as useState107 } from "react";
+import { useState as useState108 } from "react";
 import { jsx as jsx179, jsxs as jsxs170 } from "react/jsx-runtime";
 function RunControlBar({
   runLink,
@@ -60138,8 +60283,8 @@ function RunTaskControls({
 }) {
   const { t } = useTranslation();
   const isSdd = runLink.engine === "sdd";
-  const [reassigning, setReassigning] = useState107(false);
-  const [reassignName, setReassignName] = useState107("");
+  const [reassigning, setReassigning] = useState108(false);
+  const [reassignName, setReassignName] = useState108("");
   const sendRun = (type, payload = {}) => sendRaw(type, runLink.runId ? { runId: runLink.runId, ...payload } : payload);
   const btn = "inline-flex flex-1 items-center justify-center gap-1 rounded-md border py-1.5 text-xs font-medium hover:bg-muted";
   const submitReassign = () => {
@@ -60282,7 +60427,7 @@ function KanbanTaskTree({
 }) {
   const { t } = useTranslation();
   const verificationActivity = useKanbanStore((state) => state.verificationActivity);
-  const rows = useMemo54(() => flattenTaskTree(buildTaskTree(board)), [board]);
+  const rows = useMemo54(() => flattenTaskTree(buildTaskTree(board)), [board.id, board.revision]);
   if (!rows.length) {
     return /* @__PURE__ */ jsx180("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: t("activity:kanbanTree.noTasksOnThisBoardYet") });
   }
@@ -60471,7 +60616,7 @@ function KanbanVerificationDashboard({
   onSelectTask
 }) {
   const { t } = useTranslation();
-  const summary = useMemo55(() => selectVerificationSummary(board), [board]);
+  const summary = useMemo55(() => selectVerificationSummary(board), [board.id, board.revision]);
   const verifiedPct = summary.gradedTasks ? summary.passed / summary.gradedTasks * 100 : 0;
   return /* @__PURE__ */ jsxs173("div", { className: "h-full space-y-4 overflow-y-auto p-4", children: [
     /* @__PURE__ */ jsxs173("div", { className: "flex items-center gap-4 rounded-md border bg-background p-4", children: [
@@ -60882,7 +61027,7 @@ var init_KanbanTaskOptions = __esm({
 
 // src/components/TaskActivityTimeline.tsx
 import { Activity as Activity17, Check as Check29, Copy as Copy6, Download as Download7, RefreshCw as RefreshCw20, Search as Search18, X as X38 } from "lucide-react";
-import { useMemo as useMemo56, useState as useState108 } from "react";
+import { useMemo as useMemo56, useState as useState109 } from "react";
 import { Fragment as Fragment43, jsx as jsx186, jsxs as jsxs177 } from "react/jsx-runtime";
 function buildTaskActivityExport(task, events, scope, exportedAt = (/* @__PURE__ */ new Date()).toISOString()) {
   return {
@@ -61192,9 +61337,9 @@ function TaskActivityTimeline({
   onRefresh
 }) {
   const { t } = useTranslation();
-  const [filter, setFilter] = useState108("all");
-  const [query, setQuery] = useState108("");
-  const [copied, setCopied] = useState108(false);
+  const [filter, setFilter] = useState109("all");
+  const [query, setQuery] = useState109("");
+  const [copied, setCopied] = useState109(false);
   const activity = useMemo56(
     () => buildTaskActivity(task, events, sessionId),
     [task, events, sessionId]
@@ -62083,7 +62228,7 @@ import {
   ShieldAlert as ShieldAlert6,
   XCircle as XCircle9
 } from "lucide-react";
-import { useState as useState109 } from "react";
+import { useState as useState110 } from "react";
 import { jsx as jsx189, jsxs as jsxs180 } from "react/jsx-runtime";
 function formatDuration4(start, end) {
   const ms = Date.parse(end) - Date.parse(start);
@@ -62107,7 +62252,7 @@ function CollapsibleSection({
   defaultOpen = false,
   children
 }) {
-  const [open, setOpen] = useState109(defaultOpen);
+  const [open, setOpen] = useState110(defaultOpen);
   return /* @__PURE__ */ jsxs180("div", { className: "rounded-md border bg-background", children: [
     /* @__PURE__ */ jsxs180(
       "button",
@@ -62128,7 +62273,7 @@ function CollapsibleSection({
 function CheckResultRow({ check }) {
   const cfg = CHECK_STATUS_CONFIG[check.status];
   const { t } = useTranslation();
-  const [expanded, setExpanded] = useState109(false);
+  const [expanded, setExpanded] = useState110(false);
   const hasDetail = check.error || check.backingRefs?.length;
   return /* @__PURE__ */ jsxs180("div", { className: "rounded border bg-muted/30 px-2.5 py-2 text-xs", children: [
     /* @__PURE__ */ jsxs180("div", { className: "flex items-start justify-between gap-2", children: [
@@ -62371,7 +62516,7 @@ import {
   UserPlus as UserPlus3,
   X as X39
 } from "lucide-react";
-import { useEffect as useEffect101, useState as useState110 } from "react";
+import { useEffect as useEffect102, useState as useState111 } from "react";
 import { Fragment as Fragment44, jsx as jsx191, jsxs as jsxs182 } from "react/jsx-runtime";
 function KanbanTaskInspector({
   boards,
@@ -62382,7 +62527,6 @@ function KanbanTaskInspector({
   onSelectTask,
   sendKanban,
   sendRaw,
-  refreshBoard,
   activityEvents,
   activityPresence,
   activityLoading,
@@ -62391,18 +62535,18 @@ function KanbanTaskInspector({
   refreshActivity
 }) {
   const { t } = useTranslation();
-  const [agentId, setAgentId] = useState110("");
-  const [name, setName] = useState110("");
-  const [role, setRole] = useState110("");
-  const [provider, setProvider] = useState110("");
-  const [model, setModel] = useState110("");
-  const [routingMode, setRoutingMode] = useState110("session");
-  const [fallbackProfile, setFallbackProfile] = useState110("");
-  const [fallbackModels, setFallbackModels] = useState110([]);
-  const [skills, setSkills] = useState110([]);
-  const [tools, setTools] = useState110([]);
-  const [allowedCapabilities, setAllowedCapabilities] = useState110([]);
-  const [targetBoardId, setTargetBoardId] = useState110("");
+  const [agentId, setAgentId] = useState111("");
+  const [name, setName] = useState111("");
+  const [role, setRole] = useState111("");
+  const [provider, setProvider] = useState111("");
+  const [model, setModel] = useState111("");
+  const [routingMode, setRoutingMode] = useState111("session");
+  const [fallbackProfile, setFallbackProfile] = useState111("");
+  const [fallbackModels, setFallbackModels] = useState111([]);
+  const [skills, setSkills] = useState111([]);
+  const [tools, setTools] = useState111([]);
+  const [allowedCapabilities, setAllowedCapabilities] = useState111([]);
+  const [targetBoardId, setTargetBoardId] = useState111("");
   const modelCandidates = useProviderModels(Boolean(task));
   const meta2 = useKanbanMeta(Boolean(task));
   const sessionProvider = kanbanMetadataText(meta2.sessionProvider);
@@ -62411,33 +62555,33 @@ function KanbanTaskInspector({
     "kanban-task-inspector",
     Boolean(task)
   );
-  const [showAdvanced, setShowAdvanced] = useState110(false);
-  const [expanded, setExpanded] = useState110(false);
-  const [title, setTitle] = useState110("");
-  const [description, setDescription] = useState110("");
-  const [dueDate, setDueDate] = useState110("");
-  const [status, setStatus] = useState110("pending");
-  const [transitionComment, setTransitionComment] = useState110("");
-  const [transitionAction, setTransitionAction] = useState110("");
-  const [transitionAttachmentUrl, setTransitionAttachmentUrl] = useState110("");
-  const [priority, setPriority] = useState110("medium");
-  const [taskType, setTaskType] = useState110("chore");
-  const [labelsText, setLabelsText] = useState110("");
-  const [dependsOn, setDependsOn] = useState110([]);
-  const [chainMembers, setChainMembers] = useState110([]);
-  const [enforceChainDependencies, setEnforceChainDependencies] = useState110(false);
-  const [estimatedHours, setEstimatedHours] = useState110("");
-  const [actualHours, setActualHours] = useState110("");
-  const [retryPolicy, setRetryPolicy] = useState110("off");
-  const [costCeilingUsd, setCostCeilingUsd] = useState110("");
-  const [maxAttempts, setMaxAttempts] = useState110("");
-  const [newCheck, setNewCheck] = useState110("");
-  const [newNote, setNewNote] = useState110("");
-  const [newActivityDetails, setNewActivityDetails] = useState110("");
-  const [newActivityKind, setNewActivityKind] = useState110("observation");
-  const [newActivityOutcome, setNewActivityOutcome] = useState110("unknown");
-  const [changeReason, setChangeReason] = useState110("");
-  useEffect101(() => {
+  const [showAdvanced, setShowAdvanced] = useState111(false);
+  const [expanded, setExpanded] = useState111(false);
+  const [title, setTitle] = useState111("");
+  const [description, setDescription] = useState111("");
+  const [dueDate, setDueDate] = useState111("");
+  const [status, setStatus] = useState111("pending");
+  const [transitionComment, setTransitionComment] = useState111("");
+  const [transitionAction, setTransitionAction] = useState111("");
+  const [transitionAttachmentUrl, setTransitionAttachmentUrl] = useState111("");
+  const [priority, setPriority] = useState111("medium");
+  const [taskType, setTaskType] = useState111("chore");
+  const [labelsText, setLabelsText] = useState111("");
+  const [dependsOn, setDependsOn] = useState111([]);
+  const [chainMembers, setChainMembers] = useState111([]);
+  const [enforceChainDependencies, setEnforceChainDependencies] = useState111(false);
+  const [estimatedHours, setEstimatedHours] = useState111("");
+  const [actualHours, setActualHours] = useState111("");
+  const [retryPolicy, setRetryPolicy] = useState111("off");
+  const [costCeilingUsd, setCostCeilingUsd] = useState111("");
+  const [maxAttempts, setMaxAttempts] = useState111("");
+  const [newCheck, setNewCheck] = useState111("");
+  const [newNote, setNewNote] = useState111("");
+  const [newActivityDetails, setNewActivityDetails] = useState111("");
+  const [newActivityKind, setNewActivityKind] = useState111("observation");
+  const [newActivityOutcome, setNewActivityOutcome] = useState111("unknown");
+  const [changeReason, setChangeReason] = useState111("");
+  useEffect102(() => {
     const assignmentProvider = kanbanMetadataText(task?.assignment?.provider);
     const assignmentModel = kanbanMetadataText(task?.assignment?.model);
     setAgentId(
@@ -62532,7 +62676,6 @@ function KanbanTaskInspector({
         enforceDependencies: enforceChainDependencies
       });
     }
-    window.setTimeout(() => refreshBoard(board.id), 180);
     setChangeReason("");
   };
   const managedStageOrder = ["backlog", "todo", "running", "review", "done"];
@@ -62556,7 +62699,6 @@ function KanbanTaskInspector({
         }
       } : {}
     });
-    window.setTimeout(() => refreshBoard(board.id), 180);
   };
   const addCheck = () => {
     if (!board || !task || !newCheck.trim()) return;
@@ -62587,13 +62729,11 @@ function KanbanTaskInspector({
     if (!board || !task) return;
     sendKanban("kanban.task.assign", payload("assign"));
     setChangeReason("");
-    window.setTimeout(() => refreshBoard(board.id), 150);
   };
   const dispatch = () => {
     if (!board || !task) return;
     sendKanban("kanban.task.dispatch", payload("dispatch"));
     setChangeReason("");
-    window.setTimeout(() => refreshBoard(board.id), 200);
   };
   const copyTask = () => {
     if (!board || !task || !targetBoardId) return;
@@ -62669,7 +62809,6 @@ function KanbanTaskInspector({
                         boundary,
                         activityNote: "Task boundary edited in WebUI."
                       });
-                      window.setTimeout(() => refreshBoard(board.id), 150);
                     }
                   }
                 ),
@@ -63253,10 +63392,10 @@ var init_KanbanViewModeTabs = __esm({
 });
 
 // src/components/useKanbanRegistrySessionIds.ts
-import { useEffect as useEffect102, useState as useState111 } from "react";
+import { useEffect as useEffect103, useState as useState112 } from "react";
 function useKanbanRegistrySessionIds() {
-  const [registrySessionIds, setRegistrySessionIds] = useState111([]);
-  useEffect102(() => {
+  const [registrySessionIds, setRegistrySessionIds] = useState112([]);
+  useEffect103(() => {
     let cancelled = false;
     const refreshRegistry = async () => {
       try {
@@ -63296,7 +63435,7 @@ __export(KanbanView_exports, {
   deriveTaskCardIntelligence: () => deriveTaskCardIntelligence
 });
 import { Columns3 as Columns34, Copy as Copy8, Plus as Plus17, Trash2 as Trash217, X as X40 } from "lucide-react";
-import { useEffect as useEffect103, useMemo as useMemo57, useRef as useRef49, useState as useState112 } from "react";
+import { useEffect as useEffect104, useMemo as useMemo57, useRef as useRef51, useState as useState113 } from "react";
 import { Fragment as Fragment45, jsx as jsx193, jsxs as jsxs183 } from "react/jsx-runtime";
 function KanbanView({ onClose }) {
   const { t } = useTranslation();
@@ -63315,31 +63454,43 @@ function KanbanView({ onClose }) {
     queueHealth,
     supervisorSnapshot,
     setLoading,
-    setActiveBoardId
+    setActiveBoardId,
+    setError
   } = useKanbanStore();
-  const [newBoardTitle, setNewBoardTitle] = useState112("");
-  const [boardPage, setBoardPage] = useState112(1);
+  const [newBoardTitle, setNewBoardTitle] = useState113("");
+  const [boardPage, setBoardPage] = useState113(1);
   const registrySessionIds = useKanbanRegistrySessionIds();
-  const [newTaskTitle, setNewTaskTitle] = useState112("");
-  const boardScrollRef = useRef49(null);
+  const [newTaskTitle, setNewTaskTitle] = useState113("");
+  const boardScrollRef = useRef51(null);
   useHorizontalScroll(boardScrollRef);
-  const [newColumnTitle, setNewColumnTitle] = useState112("");
-  const [selectedTaskId, setSelectedTaskId] = useState112(null);
-  const [taskActivity, setTaskActivity] = useState112([]);
-  const [taskActivityPresence, setTaskActivityPresence] = useState112();
-  const [taskActivityLoading, setTaskActivityLoading] = useState112(false);
-  const [taskActivityError, setTaskActivityError] = useState112(null);
-  const [taskActivityRefresh, setTaskActivityRefresh] = useState112(0);
-  const [dragTaskId, setDragTaskId] = useState112(null);
-  const [viewMode, setViewMode] = useState112("board");
-  const autoSelectedSessionRef = useRef49(null);
+  const [newColumnTitle, setNewColumnTitle] = useState113("");
+  const [selectedTaskId, setSelectedTaskId] = useState113(null);
+  const [taskActivity, setTaskActivity] = useState113([]);
+  const [taskActivityPresence, setTaskActivityPresence] = useState113();
+  const [taskActivityLoading, setTaskActivityLoading] = useState113(false);
+  const [taskActivityError, setTaskActivityError] = useState113(null);
+  const [taskActivityRefresh, setTaskActivityRefresh] = useState113(0);
+  const [dragTaskId, setDragTaskId] = useState113(null);
+  const [viewMode, setViewMode] = useState113("board");
+  const [confirmDeleteBoard, setConfirmDeleteBoard] = useState113(false);
+  const armedDeleteBoardIdRef = useRef51(null);
+  const autoSelectedSessionRef = useRef51(null);
+  const skipBoardAutoSelectRef = useRef51(false);
+  useEffect104(() => {
+    if (!confirmDeleteBoard) return;
+    const timer = window.setTimeout(() => {
+      setConfirmDeleteBoard(false);
+      armedDeleteBoardIdRef.current = null;
+    }, 4e3);
+    return () => window.clearTimeout(timer);
+  }, [confirmDeleteBoard]);
+  useEffect104(() => {
+    setConfirmDeleteBoard(false);
+    armedDeleteBoardIdRef.current = null;
+  }, [activeBoardId]);
   const ws = useMemo57(() => getWSClient(wsUrl), [wsUrl]);
   const selectedTask = activeBoard?.tasks.find((task) => task.id === selectedTaskId) ?? null;
-  const liveAgentIdentities = useMemo57(
-    () => collectLiveAgentIdentities(fleetAgents.values()),
-    [fleetAgents]
-  );
-  const activeSessionIdsRef = useRef49([]);
+  const activeSessionIdsRef = useRef51([]);
   const activeSessionIds = useMemo57(() => {
     const next = collectActiveSessionIds({
       sessionId,
@@ -63358,10 +63509,9 @@ function KanbanView({ onClose }) {
   const boardAudit = useMemo57(
     () => activeBoard ? auditKanbanBoard(activeBoard, {
       now: Date.now(),
-      liveAgentIdentities,
       requireDueDate: activeBoard.lifecycle?.mode === "managed"
     }) : null,
-    [activeBoard, liveAgentIdentities]
+    [activeBoard]
   );
   const runningCostTotal = useMemo57(() => runningBoardCostTotal(activeBoard), [activeBoard]);
   const sendKanban = (type, payload = {}) => {
@@ -63377,13 +63527,11 @@ function KanbanView({ onClose }) {
     pageSize: BOARD_PAGE_SIZE,
     activeSessionIds
   });
-  const refreshBoard = (boardId = activeBoardId) => {
-    if (boardId) sendKanban("kanban.get", { boardId });
-  };
-  useEffect103(() => {
+  useEffect104(() => {
     refreshBoards();
   }, []);
-  useEffect103(() => {
+  useEffect104(() => {
+    if (skipBoardAutoSelectRef.current) return;
     const sessionBoard = sessionId ? boards.find((candidate) => candidate.tags?.includes(`session:${sessionId}`)) : void 0;
     const shouldSelectSession = Boolean(sessionId && sessionBoard) && autoSelectedSessionRef.current !== sessionId;
     const target = shouldSelectSession ? sessionBoard : !activeBoardId ? boards[0] : void 0;
@@ -63393,18 +63541,18 @@ function KanbanView({ onClose }) {
       sendKanban("kanban.get", { boardId: target.id });
     }
   }, [boards, activeBoardId, sessionId, setActiveBoardId]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (activeBoard && selectedTaskId && !activeBoard.tasks.some((task) => task.id === selectedTaskId)) {
       setSelectedTaskId(null);
     }
   }, [activeBoard, selectedTaskId]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (activeBoardId) {
       sendKanban("kanban.health", { boardId: activeBoardId });
       sendKanban("kanban.supervisor.status", { boardId: activeBoardId });
     }
   }, [activeBoardId]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (!activeBoardId) return;
     const interval = setInterval(() => {
       ws.send({ type: "kanban.get", payload: { boardId: activeBoardId } });
@@ -63412,7 +63560,7 @@ function KanbanView({ onClose }) {
     }, 5e3);
     return () => clearInterval(interval);
   }, [activeBoardId, ws]);
-  useEffect103(() => {
+  useEffect104(() => {
     const interval = setInterval(() => {
       ws.send({
         type: "kanban.list",
@@ -63424,12 +63572,13 @@ function KanbanView({ onClose }) {
   const changeBoardPage = (page) => {
     setBoardPage(page);
     setActiveBoardId(null);
+    skipBoardAutoSelectRef.current = true;
     refreshBoards(page);
   };
-  useEffect103(() => {
+  useEffect104(() => {
     setTaskActivityPresence(void 0);
   }, [activeBoardId, selectedTaskId]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (!activeBoardId || !selectedTaskId) {
       return;
     }
@@ -63455,7 +63604,7 @@ function KanbanView({ onClose }) {
     });
     return off;
   }, [activeBoardId, selectedTaskId, selectedTask?.updatedAt, taskActivityRefresh, ws]);
-  useEffect103(() => {
+  useEffect104(() => {
     if (!activeBoardId || !selectedTaskId) return;
     const onMessage = ws.on.bind(ws);
     return onMessage("kanban.task.activity.changed", (message) => {
@@ -63494,7 +63643,6 @@ function KanbanView({ onClose }) {
       columnId: activeBoard.columns[0]?.id ?? "backlog",
       activityNote: "Task created manually in WebUI."
     });
-    window.setTimeout(() => refreshBoard(activeBoard.id), 150);
   };
   const createColumn = () => {
     if (!activeBoard) return;
@@ -63502,12 +63650,10 @@ function KanbanView({ onClose }) {
     if (!title) return;
     setNewColumnTitle("");
     sendKanban("kanban.column.add", { boardId: activeBoard.id, title });
-    window.setTimeout(() => refreshBoard(activeBoard.id), 150);
   };
   const deleteBoard = () => {
     if (!activeBoard) return;
     sendKanban("kanban.delete", { boardId: activeBoard.id });
-    window.setTimeout(refreshBoards, 150);
   };
   const duplicateBoard = () => {
     if (!activeBoard) return;
@@ -63515,12 +63661,10 @@ function KanbanView({ onClose }) {
       boardId: activeBoard.id,
       title: `${activeBoard.title} Copy`
     });
-    window.setTimeout(refreshBoards, 150);
   };
   const deleteTask = (task) => {
     if (!activeBoard) return;
     sendKanban("kanban.task.remove", { boardId: activeBoard.id, taskId: task.id });
-    window.setTimeout(() => refreshBoard(activeBoard.id), 150);
   };
   const moveTask = (taskId, columnId) => {
     if (!activeBoard) return;
@@ -63533,7 +63677,6 @@ function KanbanView({ onClose }) {
       columnId,
       activityNote: `Moved in WebUI${from ? ` from ${from}` : ""} to ${to}.`
     });
-    window.setTimeout(() => refreshBoard(activeBoard.id), 150);
   };
   return /* @__PURE__ */ jsxs183("div", { className: "flex h-full min-h-0 min-w-0 flex-col bg-background text-foreground md:flex-row", children: [
     /* @__PURE__ */ jsx193(
@@ -63554,6 +63697,7 @@ function KanbanView({ onClose }) {
         onNewBoardTitleChange: setNewBoardTitle,
         onCreateBoard: createBoard,
         onBoardSelect: (boardId) => {
+          skipBoardAutoSelectRef.current = false;
           setActiveBoardId(boardId);
           sendKanban("kanban.get", { boardId });
         },
@@ -63563,7 +63707,7 @@ function KanbanView({ onClose }) {
     /* @__PURE__ */ jsxs183("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
       /* @__PURE__ */ jsxs183("header", { className: "flex min-h-12 shrink-0 flex-wrap items-center gap-2 border-b px-3 py-2 sm:px-4", children: [
         /* @__PURE__ */ jsxs183("div", { className: "w-full min-w-0 sm:w-auto sm:flex-1", children: [
-          /* @__PURE__ */ jsx193("div", { className: "truncate text-sm font-semibold", children: activeBoard?.title ?? "No board selected" }),
+          /* @__PURE__ */ jsx193("h1", { className: "truncate text-sm font-semibold", children: activeBoard?.title ?? "No board selected" }),
           /* @__PURE__ */ jsx193("div", { className: "truncate text-[11px] text-muted-foreground", children: activeBoard ? `${activeBoard.columns.length} columns / ${activeBoard.tasks.length} tasks` : "Create or select a board" })
         ] }),
         activeBoard && /* @__PURE__ */ jsxs183(Fragment45, { children: [
@@ -63607,7 +63751,7 @@ function KanbanView({ onClose }) {
               type: "button",
               title: t("activity:kanban.addColumn"),
               onClick: createColumn,
-              className: "hidden h-8 w-8 items-center justify-center rounded-md border text-muted-foreground hover:bg-muted hover:text-foreground sm:flex",
+              className: "flex h-8 w-8 items-center justify-center rounded-md border text-muted-foreground hover:bg-muted hover:text-foreground",
               children: /* @__PURE__ */ jsx193(Columns34, { size: 16 })
             }
           ),
@@ -63625,10 +63769,23 @@ function KanbanView({ onClose }) {
             "button",
             {
               type: "button",
-              title: t("activity:kanban.deleteBoard"),
-              onClick: deleteBoard,
-              className: "hidden h-8 w-8 items-center justify-center rounded-md border text-muted-foreground hover:bg-destructive/10 hover:text-destructive sm:flex",
-              children: /* @__PURE__ */ jsx193(Trash217, { size: 16 })
+              "aria-pressed": confirmDeleteBoard,
+              title: confirmDeleteBoard ? t("activity:kanban.confirmDeleteBoard") : t("activity:kanban.deleteBoard"),
+              onClick: () => {
+                if (confirmDeleteBoard && armedDeleteBoardIdRef.current === activeBoard?.id) {
+                  setConfirmDeleteBoard(false);
+                  armedDeleteBoardIdRef.current = null;
+                  deleteBoard();
+                } else {
+                  armedDeleteBoardIdRef.current = activeBoard?.id ?? null;
+                  setConfirmDeleteBoard(true);
+                }
+              },
+              className: cn(
+                "hidden h-8 items-center justify-center rounded-md border transition-colors sm:flex",
+                confirmDeleteBoard ? "w-16 gap-1 border-destructive/40 bg-destructive/15 text-[11px] font-semibold text-destructive" : "w-16 text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
+              ),
+              children: confirmDeleteBoard ? t("activity:kanban.confirmDelete") : /* @__PURE__ */ jsx193(Trash217, { size: 16 })
             }
           )
         ] })
@@ -63641,7 +63798,6 @@ function KanbanView({ onClose }) {
           value: activeBoard.boundary,
           onSave: (boundary) => {
             sendKanban("kanban.update", { boardId: activeBoard.id, boundary });
-            window.setTimeout(() => refreshBoard(activeBoard.id), 150);
           }
         }
       ) }),
@@ -63667,7 +63823,17 @@ function KanbanView({ onClose }) {
       activeBoard && /* @__PURE__ */ jsx193(KanbanViewModeTabs, { viewMode, onViewModeChange: setViewMode }),
       error && /* @__PURE__ */ jsxs183("div", { className: "flex h-9 shrink-0 items-center gap-2 border-b border-destructive/30 bg-destructive/10 px-4 text-sm text-destructive", children: [
         /* @__PURE__ */ jsx193(X40, { size: 15 }),
-        /* @__PURE__ */ jsx193("span", { className: "truncate", children: error })
+        /* @__PURE__ */ jsx193("span", { className: "min-w-0 flex-1 truncate", children: error }),
+        /* @__PURE__ */ jsx193(
+          "button",
+          {
+            type: "button",
+            "aria-label": t("common:action.close"),
+            onClick: () => setError(null),
+            className: "flex h-6 w-6 shrink-0 items-center justify-center rounded hover:bg-destructive/20",
+            children: /* @__PURE__ */ jsx193(X40, { size: 15 })
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx193(
         "div",
@@ -63718,7 +63884,6 @@ function KanbanView({ onClose }) {
         onSelectTask: setSelectedTaskId,
         sendKanban,
         sendRaw,
-        refreshBoard,
         activityEvents: taskActivity,
         activityPresence: taskActivityPresence,
         activityLoading: taskActivityLoading,
@@ -63737,6 +63902,7 @@ var init_KanbanView = __esm({
     init_i18n();
     init_useHorizontalScroll();
     init_kanban_cleaner();
+    init_utils();
     init_ws_client();
     init_stores();
     init_KanbanBoardChrome();
@@ -63785,7 +63951,7 @@ import {
   Lock as Lock2,
   Globe as Globe8
 } from "lucide-react";
-import { useEffect as useEffect104 } from "react";
+import { useEffect as useEffect105 } from "react";
 import { jsx as jsx194, jsxs as jsxs184 } from "react/jsx-runtime";
 function fmtTime3(iso) {
   const d = new Date(iso);
@@ -63824,7 +63990,7 @@ function MailboxDetailView({ className }) {
   const { t } = useTranslation();
   const msg = useUIStore((s) => s.selectedMailMessage);
   const setSelectedMailMessage = useUIStore((s) => s.setSelectedMailMessage);
-  useEffect104(() => {
+  useEffect105(() => {
     return () => {
       setSelectedMailMessage(null);
     };
@@ -64983,9 +65149,9 @@ var init_resolve = __esm({
 });
 
 // src/components/OfficeMapCanvas/use-recently-finished.ts
-import { useMemo as useMemo58, useRef as useRef50 } from "react";
+import { useMemo as useMemo58, useRef as useRef52 } from "react";
 function useRecentlyFinishedFleetAgents(fleetAgents) {
-  const retained = useRef50(/* @__PURE__ */ new Map()).current;
+  const retained = useRef52(/* @__PURE__ */ new Map()).current;
   return useMemo58(() => {
     const now = Date.now();
     const seen = /* @__PURE__ */ new Set();
@@ -65244,7 +65410,7 @@ import {
   X as X43,
   Zap as Zap19
 } from "lucide-react";
-import { useMemo as useMemo59, useState as useState113 } from "react";
+import { useMemo as useMemo59, useState as useState114 } from "react";
 import { Fragment as Fragment46, jsx as jsx196, jsxs as jsxs186 } from "react/jsx-runtime";
 function ToolGlyph({ kind, active }) {
   const Icon2 = TOOL_ICONS[kind];
@@ -65854,7 +66020,7 @@ function AgentOfficeView() {
   const toolEvents = useVizStore((state) => state.toolEvents);
   const projectNameFromSession = useSessionStore((state) => state.projectName);
   const recentlyFinished = useRecentlyFinishedFleetAgents(fleetAgents);
-  const [selected, setSelected] = useState113(null);
+  const [selected, setSelected] = useState114(null);
   const clients = useMemo59(
     () => resolveClients(
       liveSessions,
@@ -66216,26 +66382,26 @@ var init_WatchMessageBubble = __esm({
 });
 
 // src/components/SessionWatchPanel.tsx
-import { useCallback as useCallback62, useEffect as useEffect105, useMemo as useMemo60, useRef as useRef51, useState as useState114 } from "react";
+import { useCallback as useCallback62, useEffect as useEffect106, useMemo as useMemo60, useRef as useRef53, useState as useState115 } from "react";
 import { Bot as Bot21 } from "lucide-react";
 import { jsx as jsx198, jsxs as jsxs188 } from "react/jsx-runtime";
 function SessionWatchPanel({
   sessionId,
   limit = 200
 }) {
-  const [data, setData] = useState114(null);
+  const [data, setData] = useState115(null);
   const { t } = useTranslation();
-  const [error, setError] = useState114(null);
-  const [draft, setDraft] = useState114("");
-  const [sending, setSending] = useState114(false);
-  const [sent, setSent] = useState114(null);
-  const [msgType, setMsgType] = useState114("steer");
-  const [priority, setPriority] = useState114("high");
-  const [thread, setThread] = useState114([]);
-  const [interrupting, setInterrupting] = useState114(false);
-  const scrollRef = useRef51(null);
-  const stickRef = useRef51(true);
-  const aliveRef = useRef51(true);
+  const [error, setError] = useState115(null);
+  const [draft, setDraft] = useState115("");
+  const [sending, setSending] = useState115(false);
+  const [sent, setSent] = useState115(null);
+  const [msgType, setMsgType] = useState115("steer");
+  const [priority, setPriority] = useState115("high");
+  const [thread, setThread] = useState115([]);
+  const [interrupting, setInterrupting] = useState115(false);
+  const scrollRef = useRef53(null);
+  const stickRef = useRef53(true);
+  const aliveRef = useRef53(true);
   const liveSessions = useMonitorStore((s) => s.liveSessions);
   const targetSession = useMemo60(
     () => liveSessions.find((x) => x.sessionId === sessionId),
@@ -66291,7 +66457,7 @@ function SessionWatchPanel({
     } catch {
     }
   }, [sessionId]);
-  useEffect105(() => {
+  useEffect106(() => {
     aliveRef.current = true;
     setData(null);
     setError(null);
@@ -66308,10 +66474,10 @@ function SessionWatchPanel({
       clearInterval(iv);
     };
   }, [load, loadThread]);
-  useEffect105(() => {
+  useEffect106(() => {
     if (activitySig) void load();
   }, [activitySig, load]);
-  useEffect105(() => {
+  useEffect106(() => {
     if (stickRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -67705,14 +67871,14 @@ import {
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import { Building2 as Building24 } from "lucide-react";
-import { useCallback as useCallback63, useEffect as useEffect106, useMemo as useMemo61, useRef as useRef52, useState as useState115 } from "react";
+import { useCallback as useCallback63, useEffect as useEffect107, useMemo as useMemo61, useRef as useRef54, useState as useState116 } from "react";
 import { jsx as jsx205, jsxs as jsxs195 } from "react/jsx-runtime";
 function OfficeMapCanvas() {
   const { t } = useTranslation();
   const { fitView } = useReactFlow3();
-  const canvasRef = useRef52(null);
-  const [canvasSize, setCanvasSize] = useState115({ width: 1280, height: 720 });
-  useEffect106(() => {
+  const canvasRef = useRef54(null);
+  const [canvasSize, setCanvasSize] = useState116({ width: 1280, height: 720 });
+  useEffect107(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const syncSize = () => {
@@ -67755,12 +67921,12 @@ function OfficeMapCanvas() {
   const background = useOfficeMapStore((s) => s.background);
   const [nodes, setNodes, onNodesChange] = useNodesState2([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState2([]);
-  const [selectedNode, setSelectedNode] = useState115(null);
-  const [watch, setWatch] = useState115(null);
-  const [broadcastOpen, setBroadcastOpen] = useState115(false);
-  const [broadcastDraft, setBroadcastDraft] = useState115("");
-  const [broadcasting, setBroadcasting] = useState115(false);
-  const [broadcastResult, setBroadcastResult] = useState115(null);
+  const [selectedNode, setSelectedNode] = useState116(null);
+  const [watch, setWatch] = useState116(null);
+  const [broadcastOpen, setBroadcastOpen] = useState116(false);
+  const [broadcastDraft, setBroadcastDraft] = useState116("");
+  const [broadcasting, setBroadcasting] = useState116(false);
+  const [broadcastResult, setBroadcastResult] = useState116(null);
   const selectedAgentTranscript = useMemo61(() => {
     if (selectedNode?.data.kind !== "agent") return EMPTY_AGENT_TRANSCRIPT;
     const serverId = selectedNode.data.serverId ?? (selectedNode.id.includes("__agent-") ? selectedNode.id.split("__agent-").pop() : selectedNode.id.replace(/^agent-/, ""));
@@ -67787,16 +67953,16 @@ function OfficeMapCanvas() {
       setBroadcasting(false);
     }
   }, [broadcastDraft, broadcasting]);
-  const activeNodesRef = useRef52(/* @__PURE__ */ new Map());
+  const activeNodesRef = useRef54(/* @__PURE__ */ new Map());
   const ACTIVE_MS = 4e3;
-  const edgeIntensitiesRef = useRef52(/* @__PURE__ */ new Map());
-  const vizActivityRef = useRef52(/* @__PURE__ */ new Map());
-  const layoutPosRef = useRef52(/* @__PURE__ */ new Map());
-  const prevAgentStatsRef = useRef52(
+  const edgeIntensitiesRef = useRef54(/* @__PURE__ */ new Map());
+  const vizActivityRef = useRef54(/* @__PURE__ */ new Map());
+  const layoutPosRef = useRef54(/* @__PURE__ */ new Map());
+  const prevAgentStatsRef = useRef54(
     /* @__PURE__ */ new Map()
   );
-  const prevNodeSigRef = useRef52("");
-  useEffect106(() => {
+  const prevNodeSigRef = useRef54("");
+  useEffect107(() => {
     const rfNodes = [];
     const rfEdges = [];
     const now = Date.now();
@@ -68171,7 +68337,7 @@ function OfficeMapCanvas() {
         return { nodes: [], edges: [], status: "idle" };
     }
   }
-  useEffect106(() => {
+  useEffect107(() => {
     if (vizEvents.length === 0) return;
     const latestEvent = vizEvents[0];
     if (!latestEvent) return;
@@ -68219,7 +68385,7 @@ function OfficeMapCanvas() {
       );
     }
   }, [vizEvents, setNodes, setEdges, ACTIVE_MS, fleetAgents]);
-  useEffect106(() => {
+  useEffect107(() => {
     const interval = setInterval(() => {
       const edgeUpdates = /* @__PURE__ */ new Map();
       let edgesChanged = false;
@@ -68282,7 +68448,7 @@ function OfficeMapCanvas() {
   const onPaneClick = useCallback63(() => {
     setSelectedNode(null);
   }, []);
-  useEffect106(() => {
+  useEffect107(() => {
     if (!watch) return;
     const onKey = (e) => {
       if (e.key === "Escape") setWatch(null);
@@ -68299,8 +68465,8 @@ function OfficeMapCanvas() {
     );
     setTimeout(() => fitView({ padding: FIT_VIEW_PADDING, duration: 300 }), 50);
   }, [setNodes, fitView]);
-  const [, setTick] = useState115(0);
-  useEffect106(() => {
+  const [, setTick] = useState116(0);
+  useEffect107(() => {
     const interval = setInterval(() => {
       if (!document.hidden) setTick((t2) => t2 + 1);
     }, 2e3);
@@ -68579,7 +68745,7 @@ import {
   RotateCw as RotateCw6,
   Server as Server6
 } from "lucide-react";
-import { useMemo as useMemo62, useState as useState116 } from "react";
+import { useMemo as useMemo62, useState as useState117 } from "react";
 import { jsx as jsx207, jsxs as jsxs197 } from "react/jsx-runtime";
 function RefreshDebugView() {
   const session = useSessionStore((s) => s.session);
@@ -68595,7 +68761,7 @@ function RefreshDebugView() {
   const boundSessionId = useChatStore((s) => s.boundSessionId);
   const currentView = useUIStore((s) => s.currentView);
   const dockSection = useUIStore((s) => s.dockSection);
-  const [probeLog, setProbeLog] = useState116([]);
+  const [probeLog, setProbeLog] = useState117([]);
   const localStorageSize = useMemo62(() => {
     if (typeof window === "undefined") return 0;
     let total = 0;
@@ -68794,7 +68960,7 @@ import {
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import { Expand } from "lucide-react";
-import { useMemo as useMemo63, useState as useState117 } from "react";
+import { useMemo as useMemo63, useState as useState118 } from "react";
 import { jsx as jsx208, jsxs as jsxs198 } from "react/jsx-runtime";
 function compactId2(id) {
   return id.length > 14 ? `${id.slice(0, 11)}\u2026` : id;
@@ -68926,7 +69092,7 @@ function MemoryGraph({
   error = null
 }) {
   const { t } = useTranslation();
-  const [fullscreenOpen, setFullscreenOpen] = useState117(false);
+  const [fullscreenOpen, setFullscreenOpen] = useState118(false);
   const centerNode = `mem:${centerMemory.id}`;
   const directMemoryEdges = useMemo63(
     () => graphEdges.filter(
@@ -69703,7 +69869,7 @@ var init_MemoryDetail = __esm({
 });
 
 // src/hooks/useMemoryForFile.ts
-import { useCallback as useCallback64, useEffect as useEffect107, useRef as useRef53, useState as useState118 } from "react";
+import { useCallback as useCallback64, useEffect as useEffect108, useRef as useRef55, useState as useState119 } from "react";
 function useMemoryForFile(options) {
   const {
     filePath,
@@ -69721,12 +69887,12 @@ function useMemoryForFile(options) {
     sendOptions
   } = options;
   const sendOptionsKey = sendOptions ? JSON.stringify(sendOptions) : "";
-  const [data, setData] = useState118(null);
-  const [loading, setLoading] = useState118(false);
-  const [error, setError] = useState118(null);
-  const requestSeq = useRef53(0);
-  const unsubscribeRef = useRef53(null);
-  const sendOptionsRef = useRef53(sendOptions);
+  const [data, setData] = useState119(null);
+  const [loading, setLoading] = useState119(false);
+  const [error, setError] = useState119(null);
+  const requestSeq = useRef55(0);
+  const unsubscribeRef = useRef55(null);
+  const sendOptionsRef = useRef55(sendOptions);
   sendOptionsRef.current = sendOptions;
   const fetchNow = useCallback64(() => {
     if (!filePath) {
@@ -69780,7 +69946,7 @@ function useMemoryForFile(options) {
       }
     }
   }, [filePath, lineStart, lineEnd, limit, showSuperseded, showDeleted]);
-  useEffect107(() => {
+  useEffect108(() => {
     if (!autoFetch) return;
     fetchNow();
     return () => {
@@ -69792,7 +69958,7 @@ function useMemoryForFile(options) {
   const refetch = useCallback64(() => {
     fetchNow();
   }, [fetchNow]);
-  useEffect107(() => {
+  useEffect108(() => {
     return () => {
       unsubscribeRef.current?.();
       unsubscribeRef.current = null;
@@ -69819,7 +69985,7 @@ var init_useMemoryForFile = __esm({
 });
 
 // src/components/MemoryManager/MemoryDrawer.tsx
-import { useCallback as useCallback65, useEffect as useEffect108, useState as useState119 } from "react";
+import { useCallback as useCallback65, useEffect as useEffect109, useState as useState120 } from "react";
 import {
   AlertTriangle as AlertTriangle26,
   Check as Check32,
@@ -70122,8 +70288,8 @@ function MemoryDrawer({
   onRecover
 }) {
   const { t } = useTranslation();
-  const [showDeleted, setShowDeleted] = useState119(false);
-  const [pendingActionById, setPendingAction] = useState119(/* @__PURE__ */ new Map());
+  const [showDeleted, setShowDeleted] = useState120(false);
+  const [pendingActionById, setPendingAction] = useState120(/* @__PURE__ */ new Map());
   const pendingLabels = {
     accepting: t("activity:memoryManager.pendingAccepting"),
     keeping: t("activity:memoryManager.pendingKeeping"),
@@ -70155,7 +70321,7 @@ function MemoryDrawer({
     },
     []
   );
-  useEffect108(() => {
+  useEffect109(() => {
     setShowDeleted(false);
   }, [filePath]);
   if (!open) return null;
@@ -70334,7 +70500,7 @@ import {
   Trash2 as Trash219,
   X as X45
 } from "lucide-react";
-import { useEffect as useEffect109, useRef as useRef54, useState as useState120 } from "react";
+import { useEffect as useEffect110, useRef as useRef56, useState as useState121 } from "react";
 import { Fragment as Fragment53, jsx as jsx212, jsxs as jsxs202 } from "react/jsx-runtime";
 function MemoryEditor({
   mode,
@@ -70346,9 +70512,9 @@ function MemoryEditor({
   onSubmit
 }) {
   const { t } = useTranslation();
-  const textRef = useRef54(null);
-  const [agentRoles, setAgentRoles] = useState120([]);
-  useEffect109(() => {
+  const textRef = useRef56(null);
+  const [agentRoles, setAgentRoles] = useState121([]);
+  useEffect110(() => {
     textRef.current?.focus();
     const controller = new AbortController();
     void sendRosterMessage("agent-roster.list", {}, controller.signal).then((value) => {
@@ -70794,7 +70960,7 @@ var init_MemoryEditor = __esm({
 
 // src/components/MemoryManager/MemoryFilters.tsx
 import { BrainCircuit as BrainCircuit7, ChevronDown as ChevronDown32, FilterX, Search as Search23, Tag as Tag4, X as X46 } from "lucide-react";
-import { useState as useState121 } from "react";
+import { useState as useState122 } from "react";
 import { jsx as jsx213, jsxs as jsxs203 } from "react/jsx-runtime";
 function MemoryFilters({
   searchQuery,
@@ -70813,7 +70979,7 @@ function MemoryFilters({
   onClearFilters
 }) {
   const { t } = useTranslation();
-  const [tagsExpanded, setTagsExpanded] = useState121(Boolean(tagFilter));
+  const [tagsExpanded, setTagsExpanded] = useState122(Boolean(tagFilter));
   const tagsVisible = tagsExpanded || Boolean(tagFilter);
   const hasTags = allTags.length > 0;
   return /* @__PURE__ */ jsxs203("div", { className: "shrink-0 space-y-2 overflow-hidden border-b border-border/70 bg-card/45 p-3", children: [
@@ -71323,7 +71489,7 @@ import {
   Plus as Plus21,
   RefreshCw as RefreshCw23
 } from "lucide-react";
-import { useCallback as useCallback66, useEffect as useEffect110, useMemo as useMemo64, useRef as useRef55, useState as useState122 } from "react";
+import { useCallback as useCallback66, useEffect as useEffect111, useMemo as useMemo64, useRef as useRef57, useState as useState123 } from "react";
 import { jsx as jsx217, jsxs as jsxs207 } from "react/jsx-runtime";
 function MemoryManager() {
   const { t } = useTranslation();
@@ -71340,43 +71506,43 @@ function MemoryManager() {
   const wsConnected = useConfigStore((state) => state.wsConnected);
   const setCurrentView = useUIStore((state) => state.setCurrentView);
   const memoryListRef = useScrollPosition("memory");
-  const [memories, setMemories] = useState122([]);
-  const [stats, setStats] = useState122(null);
-  const [initialLoading, setInitialLoading] = useState122(true);
-  const [refreshing, setRefreshing] = useState122(false);
-  const [loadError, setLoadError] = useState122(null);
-  const [mutationError, setMutationError] = useState122(null);
-  const [notice, setNotice] = useState122(null);
-  const [selectedId, setSelectedId] = useState122(null);
-  const [graphEdges, setGraphEdges] = useState122([]);
-  const [graphMemories, setGraphMemories] = useState122([]);
-  const [graphError, setGraphError] = useState122(null);
-  const [graphLoading, setGraphLoading] = useState122(false);
-  const [editing, setEditing] = useState122(false);
-  const [creating, setCreating] = useState122(false);
-  const [draft, setDraft] = useState122(emptyDraft2);
-  const [baselineDraft, setBaselineDraft] = useState122(emptyDraft2);
-  const [busyAction, setBusyAction] = useState122(null);
-  const [deletingId, setDeletingId] = useState122(null);
-  const [searchQuery, setSearchQuery] = useState122("");
-  const [statusFilter, setStatusFilter] = useState122("all");
-  const [kindFilter, setKindFilter] = useState122("all");
-  const [audienceOnly, setAudienceOnly] = useState122(false);
-  const [tagFilter, setTagFilter] = useState122(null);
-  const [showDeleted, setShowDeleted] = useState122(false);
-  const [pageCursor, setPageCursor] = useState122(null);
-  const [hasMore, setHasMore] = useState122(false);
-  const [loadingMore, setLoadingMore] = useState122(false);
-  const [statusCounts, setStatusCounts] = useState122({});
+  const [memories, setMemories] = useState123([]);
+  const [stats, setStats] = useState123(null);
+  const [initialLoading, setInitialLoading] = useState123(true);
+  const [refreshing, setRefreshing] = useState123(false);
+  const [loadError, setLoadError] = useState123(null);
+  const [mutationError, setMutationError] = useState123(null);
+  const [notice, setNotice] = useState123(null);
+  const [selectedId, setSelectedId] = useState123(null);
+  const [graphEdges, setGraphEdges] = useState123([]);
+  const [graphMemories, setGraphMemories] = useState123([]);
+  const [graphError, setGraphError] = useState123(null);
+  const [graphLoading, setGraphLoading] = useState123(false);
+  const [editing, setEditing] = useState123(false);
+  const [creating, setCreating] = useState123(false);
+  const [draft, setDraft] = useState123(emptyDraft2);
+  const [baselineDraft, setBaselineDraft] = useState123(emptyDraft2);
+  const [busyAction, setBusyAction] = useState123(null);
+  const [deletingId, setDeletingId] = useState123(null);
+  const [searchQuery, setSearchQuery] = useState123("");
+  const [statusFilter, setStatusFilter] = useState123("all");
+  const [kindFilter, setKindFilter] = useState123("all");
+  const [audienceOnly, setAudienceOnly] = useState123(false);
+  const [tagFilter, setTagFilter] = useState123(null);
+  const [showDeleted, setShowDeleted] = useState123(false);
+  const [pageCursor, setPageCursor] = useState123(null);
+  const [hasMore, setHasMore] = useState123(false);
+  const [loadingMore, setLoadingMore] = useState123(false);
+  const [statusCounts, setStatusCounts] = useState123({});
   const PAGE_SIZE = 100;
-  const [drawerOpen, setDrawerOpen] = useState122(false);
-  const [currentFilePath, setCurrentFilePath] = useState122(null);
-  const hasLoadedRef = useRef55(false);
-  const mountedRef = useRef55(true);
-  const listGenerationRef = useRef55(0);
-  const mutationGenerationRef = useRef55(0);
-  const listCleanupRef = useRef55(null);
-  const mutationCleanupRef = useRef55(null);
+  const [drawerOpen, setDrawerOpen] = useState123(false);
+  const [currentFilePath, setCurrentFilePath] = useState123(null);
+  const hasLoadedRef = useRef57(false);
+  const mountedRef = useRef57(true);
+  const listGenerationRef = useRef57(0);
+  const mutationGenerationRef = useRef57(0);
+  const listCleanupRef = useRef57(null);
+  const mutationCleanupRef = useRef57(null);
   const dirty = useMemo64(
     () => JSON.stringify(draft) !== JSON.stringify(baselineDraft),
     [baselineDraft, draft]
@@ -71476,7 +71642,7 @@ function MemoryManager() {
     if (loadingMore || !pageCursor) return;
     loadPage(pageCursor);
   }, [loadPage, loadingMore, pageCursor]);
-  useEffect110(() => {
+  useEffect111(() => {
     mountedRef.current = true;
     loadMemories();
     return () => {
@@ -71487,7 +71653,7 @@ function MemoryManager() {
       mutationCleanupRef.current?.();
     };
   }, [loadMemories]);
-  useEffect110(() => {
+  useEffect111(() => {
     setGraphEdges([]);
     setGraphMemories([]);
     setGraphError(null);
@@ -71516,12 +71682,12 @@ function MemoryManager() {
       off();
     };
   }, [client2, getSageGraph, selectedId]);
-  const wasConnectedRef = useRef55(wsConnected);
-  useEffect110(() => {
+  const wasConnectedRef = useRef57(wsConnected);
+  useEffect111(() => {
     if (wsConnected && !wasConnectedRef.current && hasLoadedRef.current) loadMemories();
     wasConnectedRef.current = wsConnected;
   }, [loadMemories, wsConnected]);
-  useEffect110(() => {
+  useEffect111(() => {
     if (!notice) return;
     const timer = setTimeout(() => setNotice(null), 4e3);
     return () => clearTimeout(timer);
@@ -72308,7 +72474,7 @@ import {
   Upload,
   X as X47
 } from "lucide-react";
-import { useCallback as useCallback67, useEffect as useEffect111, useMemo as useMemo65, useRef as useRef56, useState as useState123 } from "react";
+import { useCallback as useCallback67, useEffect as useEffect112, useMemo as useMemo65, useRef as useRef58, useState as useState124 } from "react";
 import { Fragment as Fragment55, jsx as jsx218, jsxs as jsxs208 } from "react/jsx-runtime";
 function cleanStringArray(value) {
   if (!Array.isArray(value)) return void 0;
@@ -72382,22 +72548,22 @@ function uniqueAudienceValues(memories, key) {
 function AudienceMemoryPanel() {
   const { t } = useTranslation();
   const ws = useWebSocket();
-  const [memories, setMemories] = useState123([]);
-  const [loading, setLoading] = useState123(true);
-  const [feedback, setFeedback] = useState123(null);
-  const [query, setQuery] = useState123("");
-  const [showCreate, setShowCreate] = useState123(false);
-  const [showImport, setShowImport] = useState123(false);
-  const [deletingId, setDeletingId] = useState123(null);
-  const [creating, setCreating] = useState123(false);
-  const [deleting, setDeleting] = useState123(false);
-  const deletingIdRef = useRef56(null);
+  const [memories, setMemories] = useState124([]);
+  const [loading, setLoading] = useState124(true);
+  const [feedback, setFeedback] = useState124(null);
+  const [query, setQuery] = useState124("");
+  const [showCreate, setShowCreate] = useState124(false);
+  const [showImport, setShowImport] = useState124(false);
+  const [deletingId, setDeletingId] = useState124(null);
+  const [creating, setCreating] = useState124(false);
+  const [deleting, setDeleting] = useState124(false);
+  const deletingIdRef = useRef58(null);
   const refresh = useCallback67(() => {
     setLoading(true);
     setFeedback(null);
     ws.listSageMemories({ echoToChat: false });
   }, [ws.listSageMemories]);
-  useEffect111(() => {
+  useEffect112(() => {
     const client2 = ws.client;
     const unsubList = client2.on("memory.sage.list", (msg) => {
       const payload = msg.payload;
@@ -72884,12 +73050,12 @@ function CreateAudienceMemoryDialog({
   onCreate
 }) {
   const { t } = useTranslation();
-  const [text4, setText] = useState123("");
-  const [kind, setKind] = useState123("workflow");
-  const [roles, setRoles] = useState123("");
-  const [taskTypes, setTaskTypes] = useState123("");
-  const [modes, setModes] = useState123("");
-  useEffect111(() => {
+  const [text4, setText] = useState124("");
+  const [kind, setKind] = useState124("workflow");
+  const [roles, setRoles] = useState124("");
+  const [taskTypes, setTaskTypes] = useState124("");
+  const [modes, setModes] = useState124("");
+  useEffect112(() => {
     if (open) return;
     setText("");
     setKind("workflow");
@@ -73016,8 +73182,8 @@ function ImportAudienceMemoryDialog({
   onImport
 }) {
   const { t } = useTranslation();
-  const [raw, setRaw] = useState123("");
-  useEffect111(() => {
+  const [raw, setRaw] = useState124("");
+  useEffect112(() => {
     if (!open) setRaw("");
   }, [open]);
   return /* @__PURE__ */ jsx218(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs208(DialogContent, { className: "max-w-xl", children: [
@@ -73179,7 +73345,7 @@ var RequirementIntakeView_exports = {};
 __export(RequirementIntakeView_exports, {
   RequirementIntakeView: () => RequirementIntakeView
 });
-import { useCallback as useCallback68, useEffect as useEffect112, useState as useState124 } from "react";
+import { useCallback as useCallback68, useEffect as useEffect113, useState as useState125 } from "react";
 import { jsx as jsx220, jsxs as jsxs210 } from "react/jsx-runtime";
 function relativeTime2(timestamp2) {
   const elapsedMs2 = Date.now() - timestamp2;
@@ -73193,17 +73359,17 @@ function relativeTime2(timestamp2) {
 }
 function RequirementIntakeView() {
   const { t } = useTranslation();
-  const [projectId, setProjectId] = useState124(null);
-  const [intakes, setIntakes] = useState124([]);
-  const [loading, setLoading] = useState124(true);
-  const [error, setError] = useState124(null);
-  const [request, setRequest] = useState124("");
-  const [title, setTitle] = useState124("");
-  const [requestType, setRequestType] = useState124("unspecified");
-  const [priority, setPriority] = useState124("unspecified");
-  const [submitting, setSubmitting] = useState124(false);
-  const [formError, setFormError] = useState124(null);
-  const [formNotice, setFormNotice] = useState124(null);
+  const [projectId, setProjectId] = useState125(null);
+  const [intakes, setIntakes] = useState125([]);
+  const [loading, setLoading] = useState125(true);
+  const [error, setError] = useState125(null);
+  const [request, setRequest] = useState125("");
+  const [title, setTitle] = useState125("");
+  const [requestType, setRequestType] = useState125("unspecified");
+  const [priority, setPriority] = useState125("unspecified");
+  const [submitting, setSubmitting] = useState125(false);
+  const [formError, setFormError] = useState125(null);
+  const [formNotice, setFormNotice] = useState125(null);
   const load = useCallback68(async () => {
     setLoading(true);
     setError(null);
@@ -73222,7 +73388,7 @@ function RequirementIntakeView() {
       setLoading(false);
     }
   }, []);
-  useEffect112(() => {
+  useEffect113(() => {
     void load();
   }, [load]);
   const submit = useCallback68(async () => {
@@ -73550,7 +73716,7 @@ var init_SddActivityFeed = __esm({
 
 // src/components/SddDestroyDialog.tsx
 import { AlertTriangle as AlertTriangle29, Loader2 as Loader239, Trash2 as Trash222 } from "lucide-react";
-import { useEffect as useEffect113, useMemo as useMemo66, useState as useState125 } from "react";
+import { useEffect as useEffect114, useMemo as useMemo66, useState as useState126 } from "react";
 import { Fragment as Fragment56, jsx as jsx222, jsxs as jsxs212 } from "react/jsx-runtime";
 function SddDestroyDialog({
   open,
@@ -73562,8 +73728,8 @@ function SddDestroyDialog({
   const { t } = useTranslation();
   const mergedCount = snapshot?.mergedCommits?.length ?? 0;
   const baseBranch = snapshot?.baseBranch;
-  const [revertMerged, setRevertMerged] = useState125(false);
-  useEffect113(() => {
+  const [revertMerged, setRevertMerged] = useState126(false);
+  useEffect114(() => {
     if (open) setRevertMerged(false);
   }, [open]);
   const isActive = snapshot?.status === "running" || snapshot?.status === "paused";
@@ -73821,7 +73987,7 @@ import {
   UserCog as UserCog2,
   X as X49
 } from "lucide-react";
-import { useMemo as useMemo68, useState as useState126 } from "react";
+import { useMemo as useMemo68, useState as useState127 } from "react";
 import { jsx as jsx224, jsxs as jsxs214 } from "react/jsx-runtime";
 function SddTaskDrawer({
   task,
@@ -73847,13 +74013,13 @@ function SddTaskDrawer({
   const StatusIcon2 = s.icon;
   const running = task.displayStatus === "in_progress";
   const deletable = task.displayStatus === "pending" || task.displayStatus === "blocked" || task.displayStatus === "queued";
-  const [reassigning, setReassigning] = useState126(false);
-  const [reassignName, setReassignName] = useState126("");
-  const [confirm, setConfirm] = useState126(null);
-  const [splitting, setSplitting] = useState126(false);
-  const [splitText, setSplitText] = useState126("");
-  const [verifyEditing, setVerifyEditing] = useState126(false);
-  const [verifyText, setVerifyText] = useState126(task.verificationCommand ?? "");
+  const [reassigning, setReassigning] = useState127(false);
+  const [reassignName, setReassignName] = useState127("");
+  const [confirm, setConfirm] = useState127(null);
+  const [splitting, setSplitting] = useState127(false);
+  const [splitText, setSplitText] = useState127("");
+  const [verifyEditing, setVerifyEditing] = useState127(false);
+  const [verifyText, setVerifyText] = useState127(task.verificationCommand ?? "");
   const submitReassign = () => {
     if (reassignName.trim()) {
       onReassign(task.id, reassignName.trim());
@@ -74438,7 +74604,7 @@ import {
   XCircle as XCircle10,
   Zap as Zap21
 } from "lucide-react";
-import { useCallback as useCallback69, useEffect as useEffect114, useMemo as useMemo69, useRef as useRef57, useState as useState127 } from "react";
+import { useCallback as useCallback69, useEffect as useEffect115, useMemo as useMemo69, useRef as useRef59, useState as useState128 } from "react";
 import { Fragment as Fragment57, jsx as jsx225, jsxs as jsxs215 } from "react/jsx-runtime";
 function SddBoardView({ onClose }) {
   const { t } = useTranslation();
@@ -74448,16 +74614,16 @@ function SddBoardView({ onClose }) {
   const destroying = useSddBoardStore((s) => s.destroying);
   const setDestroying = useSddBoardStore((s) => s.setDestroying);
   const setLifecycleResult = useSddBoardStore((s) => s.setLifecycleResult);
-  const [now, setNow] = useState127(() => Date.now());
-  const [selectedTaskId, setSelectedTaskId] = useState127(null);
-  const [taskDetailExpanded, setTaskDetailExpanded] = useState127(false);
-  const [viewMode, setViewMode] = useState127("graph");
-  const [destroyOpen, setDestroyOpen] = useState127(false);
-  useEffect114(() => {
+  const [now, setNow] = useState128(() => Date.now());
+  const [selectedTaskId, setSelectedTaskId] = useState128(null);
+  const [taskDetailExpanded, setTaskDetailExpanded] = useState128(false);
+  const [viewMode, setViewMode] = useState128("graph");
+  const [destroyOpen, setDestroyOpen] = useState128(false);
+  useEffect115(() => {
     client2?.send?.({ type: "sdd.board.get" });
   }, [client2]);
   const active = snapshot && (snapshot.status === "running" || snapshot.status === "paused");
-  useEffect114(() => {
+  useEffect115(() => {
     if (!active) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     setNow(Date.now());
@@ -74467,7 +74633,7 @@ function SddBoardView({ onClose }) {
     (msg) => client2?.send?.(msg),
     [client2]
   );
-  const pendingDestroy = useRef57(null);
+  const pendingDestroy = useRef59(null);
   const fireDestroy = useCallback69(
     (revertMerged) => {
       pendingDestroy.current = null;
@@ -74489,7 +74655,7 @@ function SddBoardView({ onClose }) {
     },
     [active, send, fireDestroy, setDestroying, setLifecycleResult]
   );
-  useEffect114(() => {
+  useEffect115(() => {
     const pending = pendingDestroy.current;
     if (!pending) return;
     if (!active || Date.now() >= pending.deadline) {
@@ -75005,7 +75171,7 @@ import {
   User as User5,
   X as X51
 } from "lucide-react";
-import { useCallback as useCallback70, useEffect as useEffect115, useMemo as useMemo70, useRef as useRef58, useState as useState128 } from "react";
+import { useCallback as useCallback70, useEffect as useEffect116, useMemo as useMemo70, useRef as useRef60, useState as useState129 } from "react";
 import { Fragment as Fragment58, jsx as jsx226, jsxs as jsxs216 } from "react/jsx-runtime";
 function SddWizard({
   onClose,
@@ -75018,32 +75184,32 @@ function SddWizard({
   const error = useSddWizardStore((s) => s.error);
   const startedRunId = useSddWizardStore((s) => s.startedRunId);
   const setStartedRunId = useSddWizardStore((s) => s.setStartedRunId);
-  const [goal, setGoal] = useState128("");
-  const [reply, setReply] = useState128("");
-  const [submitting, setSubmitting] = useState128(false);
-  const [graphOpen, setGraphOpen] = useState128(true);
-  const [planOpen, setPlanOpen] = useState128(true);
-  const [runCfgOpen, setRunCfgOpen] = useState128(false);
-  const [runModel, setRunModel] = useState128(void 0);
-  const [runProvider, setRunProvider] = useState128(void 0);
-  const [runFallbacks, setRunFallbacks] = useState128([]);
-  const [runSlots, setRunSlots] = useState128(4);
-  const [runWorktrees, setRunWorktrees] = useState128(true);
-  const [runPlanDecompose, setRunPlanDecompose] = useState128(false);
+  const [goal, setGoal] = useState129("");
+  const [reply, setReply] = useState129("");
+  const [submitting, setSubmitting] = useState129(false);
+  const [graphOpen, setGraphOpen] = useState129(true);
+  const [planOpen, setPlanOpen] = useState129(true);
+  const [runCfgOpen, setRunCfgOpen] = useState129(false);
+  const [runModel, setRunModel] = useState129(void 0);
+  const [runProvider, setRunProvider] = useState129(void 0);
+  const [runFallbacks, setRunFallbacks] = useState129([]);
+  const [runSlots, setRunSlots] = useState129(4);
+  const [runWorktrees, setRunWorktrees] = useState129(true);
+  const [runPlanDecompose, setRunPlanDecompose] = useState129(false);
   const modelCandidates = useProviderModels(runCfgOpen);
   const send = useCallback70(
     (msg) => client2?.send?.(msg),
     [client2]
   );
-  const bottomRef = useRef58(null);
-  useEffect115(() => {
+  const bottomRef = useRef60(null);
+  useEffect116(() => {
     send({ type: "sdd.spec.get" });
   }, [send]);
   const answerCount = snapshot?.answers.length ?? 0;
-  useEffect115(() => {
+  useEffect116(() => {
     bottomRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [answerCount, agentText]);
-  useEffect115(() => {
+  useEffect116(() => {
     if (!startedRunId) return;
     setStartedRunId(null);
     onRunStarted?.();
@@ -75053,7 +75219,7 @@ function SddWizard({
   const started = Boolean(snapshot?.sessionId);
   const resumed = Boolean(snapshot?.resumed);
   const priorRunId = snapshot?.lastRunId;
-  useEffect115(() => {
+  useEffect116(() => {
     if (started) setSubmitting(false);
   }, [started]);
   const lastQuestion = snapshot?.answers[snapshot.answers.length - 1]?.question ?? "";
@@ -75587,7 +75753,7 @@ var SpecsView_exports = {};
 __export(SpecsView_exports, {
   SpecsView: () => SpecsView
 });
-import { useCallback as useCallback71, useEffect as useEffect116, useState as useState129 } from "react";
+import { useCallback as useCallback71, useEffect as useEffect117, useState as useState130 } from "react";
 import { ChevronDown as ChevronDown34, ChevronRight as ChevronRight24, FileText as FileText17, LayoutList, Network as Network8, Play as Play9, X as X52 } from "lucide-react";
 import { jsx as jsx228, jsxs as jsxs218 } from "react/jsx-runtime";
 function detailToPhases(detail) {
@@ -75616,7 +75782,7 @@ function SpecsView({
   const detail = useSpecsStore((s) => s.detail);
   const expandedSpecId = useSpecsStore((s) => s.expandedSpecId);
   const setExpanded = useSpecsStore((s) => s.setExpanded);
-  const [mode, setMode] = useState129("graph");
+  const [mode, setMode] = useState130("graph");
   const runSpecAsGoal = useCallback71(
     (spec) => {
       if (!detail || detail.specId !== spec.id) return;
@@ -75647,7 +75813,7 @@ function SpecsView({
     },
     [detail, client2, onRunStarted]
   );
-  useEffect116(() => {
+  useEffect117(() => {
     client2?.send?.({ type: "specs.list" });
   }, [client2]);
   const toggle = useCallback71(
@@ -75828,16 +75994,16 @@ var SddHub_exports = {};
 __export(SddHub_exports, {
   SddHub: () => SddHub
 });
-import { useCallback as useCallback72, useEffect as useEffect117, useState as useState130 } from "react";
+import { useCallback as useCallback72, useEffect as useEffect118, useState as useState131 } from "react";
 import { jsx as jsx229, jsxs as jsxs219 } from "react/jsx-runtime";
 function SddHub() {
   const { t } = useTranslation();
-  const [activeTab, setActiveTab] = useState130("project");
+  const [activeTab, setActiveTab] = useState131("project");
   const startedRunId = useSddWizardStore((s) => s.startedRunId);
   const setStartedRunId = useSddWizardStore((s) => s.setStartedRunId);
   const onClose = () => showPanel("chat");
   const showBoard = useCallback72(() => setActiveTab("board"), []);
-  useEffect117(() => {
+  useEffect118(() => {
     if (!startedRunId) return;
     setActiveTab("board");
     setStartedRunId(null);
@@ -75965,7 +76131,7 @@ import {
   Wrench as Wrench14,
   X as X53
 } from "lucide-react";
-import { useCallback as useCallback73, useEffect as useEffect118, useMemo as useMemo71, useRef as useRef59, useState as useState131 } from "react";
+import { useCallback as useCallback73, useEffect as useEffect119, useMemo as useMemo71, useRef as useRef61, useState as useState132 } from "react";
 import { jsx as jsx230, jsxs as jsxs220 } from "react/jsx-runtime";
 function formatSessionDuration(entry) {
   const start = timestamp(entry.startedAt);
@@ -76182,14 +76348,14 @@ function SessionList({
   const sessionNicknames = useUIStore((state) => state.sessionNicknames);
   const setSessionNickname = useUIStore((state) => state.setSessionNickname);
   const setInspectSession = useUIStore((state) => state.setInspectSession);
-  const [filter, setFilter] = useState131("all");
-  const [sort, setSort] = useState131("recent");
-  const [renamingId, setRenamingId] = useState131(null);
-  const [renameDraft, setRenameDraft] = useState131("");
-  const [resumingId, setResumingId] = useState131(null);
-  const [page, setPage] = useState131(1);
-  const resumeTimer = useRef59(null);
-  const renameInput = useRef59(null);
+  const [filter, setFilter] = useState132("all");
+  const [sort, setSort] = useState132("recent");
+  const [renamingId, setRenamingId] = useState132(null);
+  const [renameDraft, setRenameDraft] = useState132("");
+  const [resumingId, setResumingId] = useState132(null);
+  const [page, setPage] = useState132(1);
+  const resumeTimer = useRef61(null);
+  const renameInput = useRef61(null);
   const workspace = variant === "workspace";
   const displayName2 = useCallback73(
     (entry) => entry.name || sessionNicknames[entry.id] || entry.title || t("activity:sessions.empty"),
@@ -76210,18 +76376,18 @@ function SessionList({
     },
     [renameDraft, renameSession, setSessionNickname]
   );
-  useEffect118(() => {
+  useEffect119(() => {
     if (resumingId && historyEntries.some((entry) => entry.id === resumingId && entry.isCurrent)) {
       setResumingId(null);
       if (resumeTimer.current) clearTimeout(resumeTimer.current);
     }
   }, [historyEntries, resumingId]);
-  useEffect118(() => {
+  useEffect119(() => {
     if (!renamingId) return;
     renameInput.current?.focus();
     renameInput.current?.select();
   }, [renamingId]);
-  useEffect118(
+  useEffect119(
     () => () => {
       if (resumeTimer.current) clearTimeout(resumeTimer.current);
     },
@@ -76256,10 +76422,10 @@ function SessionList({
     [favoriteSessionIds, pagedEntries]
   );
   const stats = useMemo71(() => getSessionHistoryStats(historyEntries), [historyEntries]);
-  useEffect118(() => {
+  useEffect119(() => {
     setPage(1);
   }, [filter, historyQuery, sort]);
-  useEffect118(() => {
+  useEffect119(() => {
     const totalPages = Math.max(1, Math.ceil(visibleEntries.length / pageSize));
     if (page > totalPages) setPage(totalPages);
   }, [page, pageSize, visibleEntries.length]);
@@ -76713,7 +76879,7 @@ import {
   Wifi as Wifi5,
   WifiOff as WifiOff4
 } from "lucide-react";
-import { useCallback as useCallback74, useEffect as useEffect119, useState as useState132 } from "react";
+import { useCallback as useCallback74, useEffect as useEffect120, useState as useState133 } from "react";
 import { useShallow as useShallow15 } from "zustand/react/shallow";
 import { jsx as jsx231, jsxs as jsxs221 } from "react/jsx-runtime";
 async function sessionApiError(res) {
@@ -76827,8 +76993,8 @@ function HistoryWorkspace() {
     }))
   );
   const { listSessions, resumeSession, deleteSession, renameSession } = useWebSocket();
-  const [query, setQuery] = useState132("");
-  useEffect119(() => {
+  const [query, setQuery] = useState133("");
+  useEffect120(() => {
     void activeSessionId;
     if (wsConnected) listSessions(200);
   }, [activeSessionId, listSessions, wsConnected]);
@@ -76896,10 +77062,10 @@ function SessionsDashboard() {
 }
 function LiveSessionsDashboard() {
   const { t } = useTranslation();
-  const [sessions, setSessions] = useState132([]);
-  const [loading, setLoading] = useState132(true);
-  const [error, setError] = useState132(null);
-  const [page, setPage] = useState132(1);
+  const [sessions, setSessions] = useState133([]);
+  const [loading, setLoading] = useState133(true);
+  const [error, setError] = useState133(null);
+  const [page, setPage] = useState133(1);
   const scrollRef = useScrollPosition(
     "sessions",
     !loading && !error && sessions.length > 0
@@ -76955,7 +77121,7 @@ function LiveSessionsDashboard() {
       setLoading(false);
     }
   }, []);
-  useEffect119(() => {
+  useEffect120(() => {
     void fetchSessions();
     const t2 = setInterval(fetchSessions, 5e3);
     return () => clearInterval(t2);
@@ -76966,7 +77132,7 @@ function LiveSessionsDashboard() {
     (page - 1) * LIVE_SESSION_PAGE_SIZE,
     page * LIVE_SESSION_PAGE_SIZE
   );
-  useEffect119(() => {
+  useEffect120(() => {
     const totalPages = Math.max(1, Math.ceil(sessions.length / LIVE_SESSION_PAGE_SIZE));
     if (page > totalPages) setPage(totalPages);
   }, [page, sessions.length]);
@@ -77180,7 +77346,7 @@ import {
   Wrench as Wrench15,
   XCircle as XCircle12
 } from "lucide-react";
-import { useCallback as useCallback75, useEffect as useEffect120, useMemo as useMemo72, useState as useState133 } from "react";
+import { useCallback as useCallback75, useEffect as useEffect121, useMemo as useMemo72, useState as useState134 } from "react";
 import { jsx as jsx232, jsxs as jsxs222 } from "react/jsx-runtime";
 function eventColor2(type) {
   switch (type) {
@@ -77223,17 +77389,17 @@ function SessionInspectView() {
   const { inspectSession } = useWebSocket();
   const wsConnected = useConfigStore((s) => s.wsConnected);
   const { payload, loading, error, clear: clearPayload } = useSessionInspectStore();
-  const [eventFilter, setEventFilter] = useState133("");
-  const [timelineCollapsed, setTimelineCollapsed] = useState133(false);
-  useEffect120(() => {
+  const [eventFilter, setEventFilter] = useState134("");
+  const [timelineCollapsed, setTimelineCollapsed] = useState134(false);
+  useEffect121(() => {
     ensureInspectHandlerInstalled();
   }, []);
-  useEffect120(() => {
+  useEffect121(() => {
     if (!inspectSessionId) return;
     useSessionInspectStore.getState().setLoading(true);
     inspectSession(inspectSessionId);
   }, [inspectSessionId, inspectSession]);
-  useEffect120(() => {
+  useEffect121(() => {
     return () => clearPayload();
   }, [clearPayload]);
   const handleBack = useCallback75(() => {
@@ -77637,7 +77803,7 @@ import {
   PanelRight as PanelRight2,
   BookOpen as BookOpen4
 } from "lucide-react";
-import { lazy as lazy4, Suspense as Suspense4, useCallback as useCallback76, useEffect as useEffect121, useMemo as useMemo73, useRef as useRef60, useState as useState134 } from "react";
+import { lazy as lazy4, Suspense as Suspense4, useCallback as useCallback76, useEffect as useEffect122, useMemo as useMemo73, useRef as useRef62, useState as useState135 } from "react";
 import rehypeHighlight2 from "rehype-highlight";
 import { jsx as jsx233, jsxs as jsxs223 } from "react/jsx-runtime";
 function isWritableSkillSource(source) {
@@ -77672,27 +77838,27 @@ function SkillDetailView({ className }) {
   const selectedSkill = skillsState.selectedSkill;
   const navHistory = skillsState.navHistory;
   const historyIndex = skillsState.historyIndex;
-  const [skillContent, setSkillContent] = useState134(null);
-  const [contentLoading, setContentLoading] = useState134(false);
-  const [contentError, setContentError] = useState134(null);
+  const [skillContent, setSkillContent] = useState135(null);
+  const [contentLoading, setContentLoading] = useState135(false);
+  const [contentError, setContentError] = useState135(null);
   const skillScrollRef = useScrollPosition("skill-detail", Boolean(skillContent));
-  const [editMode, setEditMode] = useState134(false);
-  const [editContent, setEditContent] = useState134("");
-  const [editSaving, setEditSaving] = useState134(false);
-  const [editError, setEditError] = useState134(null);
-  const [splitPreview, setSplitPreview] = useState134(false);
-  const [draftSavedAt, setDraftSavedAt] = useState134(null);
-  const [draftRestored, setDraftRestored] = useState134(false);
-  const lastSavedDraftRef = useRef60("");
-  const [checkingForUpdates, setCheckingForUpdates] = useState134(false);
-  const [updateResult, setUpdateResult] = useState134(null);
-  const [copiedSourceUrl, setCopiedSourceUrl] = useState134(false);
-  const [uninstallConfirmSkill, setUninstallConfirmSkill] = useState134(null);
-  const [uninstalling, setUninstalling] = useState134(false);
-  const [skills, setSkills] = useState134([]);
-  const skillsStateRef = useRef60(skillsState);
+  const [editMode, setEditMode] = useState135(false);
+  const [editContent, setEditContent] = useState135("");
+  const [editSaving, setEditSaving] = useState135(false);
+  const [editError, setEditError] = useState135(null);
+  const [splitPreview, setSplitPreview] = useState135(false);
+  const [draftSavedAt, setDraftSavedAt] = useState135(null);
+  const [draftRestored, setDraftRestored] = useState135(false);
+  const lastSavedDraftRef = useRef62("");
+  const [checkingForUpdates, setCheckingForUpdates] = useState135(false);
+  const [updateResult, setUpdateResult] = useState135(null);
+  const [copiedSourceUrl, setCopiedSourceUrl] = useState135(false);
+  const [uninstallConfirmSkill, setUninstallConfirmSkill] = useState135(null);
+  const [uninstalling, setUninstalling] = useState135(false);
+  const [skills, setSkills] = useState135([]);
+  const skillsStateRef = useRef62(skillsState);
   skillsStateRef.current = skillsState;
-  const isNavigatingBack = useRef60(false);
+  const isNavigatingBack = useRef62(false);
   const editStats = useMemo73(() => {
     if (!editContent) return { lines: 0, words: 0, chars: 0 };
     const lines = editContent.split("\n").length;
@@ -77709,12 +77875,12 @@ function SkillDetailView({ className }) {
     if (sizeBytes >= SOFT_LIMIT) return { level: "warn", used: sizeBytes, limit: LOCALSTORAGE_LIMIT };
     return null;
   }, [editContent]);
-  useEffect121(() => {
+  useEffect122(() => {
     if (!draftSavedAt) return;
     const t2 = setTimeout(() => setDraftSavedAt(null), 2e3);
     return () => clearTimeout(t2);
   }, [draftSavedAt]);
-  useEffect121(() => {
+  useEffect122(() => {
     if (!editMode || !selectedSkill) return;
     const interval = setInterval(() => {
       if (editContent && editContent !== lastSavedDraftRef.current) {
@@ -77728,7 +77894,7 @@ function SkillDetailView({ className }) {
     }, 5e3);
     return () => clearInterval(interval);
   }, [editMode, editContent, selectedSkill]);
-  useEffect121(() => {
+  useEffect122(() => {
     if (!selectedSkill || !editMode) return;
     const raw = localStorage.getItem(`skills_draft_${selectedSkill.name}`);
     if (raw) {
@@ -77743,7 +77909,7 @@ function SkillDetailView({ className }) {
       }
     }
   }, [selectedSkill?.name, editMode]);
-  useEffect121(() => {
+  useEffect122(() => {
     if (!client2 || !selectedSkill) return;
     setContentLoading(true);
     setSkillContent(null);
@@ -77801,7 +77967,7 @@ function SkillDetailView({ className }) {
       client2.off("skills.list", handleSkillsList2);
     };
   }, [client2, selectedSkill?.name, selectedSkill?.source]);
-  useEffect121(() => {
+  useEffect122(() => {
     if (editMode) {
       setEditMode(false);
       setEditContent("");
@@ -79112,7 +79278,7 @@ __export(TechStackView_exports, {
   TechStackView: () => TechStackView
 });
 import { Boxes as Boxes2, Download as Download10, Loader2 as Loader248, RefreshCw as RefreshCw27, Sparkles as Sparkles20, X as X56 } from "lucide-react";
-import { useCallback as useCallback77, useEffect as useEffect122, useMemo as useMemo74, useState as useState135 } from "react";
+import { useCallback as useCallback77, useEffect as useEffect123, useMemo as useMemo74, useState as useState136 } from "react";
 import { Fragment as Fragment61, jsx as jsx239, jsxs as jsxs229 } from "react/jsx-runtime";
 function TechStackView() {
   const { t } = useTranslation();
@@ -79121,19 +79287,19 @@ function TechStackView() {
   const loading = useTechStackStore((state) => state.loading);
   const error = useTechStackStore((state) => state.error);
   const activeJob = useTechStackStore((state) => state.activeJob);
-  const [tab, setTab] = useState135("dependencies");
-  const [searchQuery, setSearchQuery] = useState135("");
-  const [ecosystemFilter, setEcosystemFilter] = useState135("all");
-  const [statusFilter, setStatusFilter] = useState135("all");
-  const [directOnly, setDirectOnly] = useState135(false);
-  const [sort, setSort] = useState135("attention");
-  const [selectedId, setSelectedId] = useState135(null);
-  const [deepDiveFindings, setDeepDiveFindings] = useState135([]);
-  const [deepDive, setDeepDive] = useState135({ status: "idle", error: null });
-  const [trend, setTrend] = useState135(null);
-  const [remediation, setRemediation] = useState135(null);
-  const [approvedDependencies, setApprovedDependencies] = useState135(/* @__PURE__ */ new Set());
-  const [applying, setApplying] = useState135(false);
+  const [tab, setTab] = useState136("dependencies");
+  const [searchQuery, setSearchQuery] = useState136("");
+  const [ecosystemFilter, setEcosystemFilter] = useState136("all");
+  const [statusFilter, setStatusFilter] = useState136("all");
+  const [directOnly, setDirectOnly] = useState136(false);
+  const [sort, setSort] = useState136("attention");
+  const [selectedId, setSelectedId] = useState136(null);
+  const [deepDiveFindings, setDeepDiveFindings] = useState136([]);
+  const [deepDive, setDeepDive] = useState136({ status: "idle", error: null });
+  const [trend, setTrend] = useState136(null);
+  const [remediation, setRemediation] = useState136(null);
+  const [approvedDependencies, setApprovedDependencies] = useState136(/* @__PURE__ */ new Set());
+  const [applying, setApplying] = useState136(false);
   const fetchSnapshot = useCallback77(async () => {
     const store = useTechStackStore.getState();
     store.setLoading(true);
@@ -79197,10 +79363,10 @@ function TechStackView() {
       });
     }
   }, []);
-  useEffect122(() => {
+  useEffect123(() => {
     void fetchSnapshot();
   }, [fetchSnapshot]);
-  useEffect122(() => {
+  useEffect123(() => {
     if (tab !== "trends" && tab !== "remediation") return;
     const endpoint = tab === "trends" ? "trends" : "remediation";
     void fetch(`/api/techstack/${endpoint}`).then(async (response) => {
@@ -79231,7 +79397,7 @@ function TechStackView() {
       setApplying(false);
     }
   }, [approvedDependencies, startJob]);
-  useEffect122(() => {
+  useEffect123(() => {
     setDeepDiveFindings([]);
     setDeepDive({ status: "idle", error: null });
   }, [snapshot?.id]);
@@ -79743,7 +79909,7 @@ var DeadCodeScanPanel_exports = {};
 __export(DeadCodeScanPanel_exports, {
   DeadCodeScanPanel: () => DeadCodeScanPanel
 });
-import { useCallback as useCallback78, useState as useState136 } from "react";
+import { useCallback as useCallback78, useState as useState137 } from "react";
 import { jsx as jsx240, jsxs as jsxs230 } from "react/jsx-runtime";
 async function safeJsonParse(res) {
   const raw = await res.text();
@@ -79759,11 +79925,11 @@ async function safeJsonParse(res) {
 }
 function DeadCodeScanPanel() {
   const { t } = useTranslation();
-  const [scanPhase, setScanPhase] = useState136("idle");
-  const [planPhase, setPlanPhase] = useState136("idle");
-  const [scanResult, setScanResult] = useState136(null);
-  const [actionPlan, setActionPlan] = useState136(null);
-  const [error, setError] = useState136(null);
+  const [scanPhase, setScanPhase] = useState137("idle");
+  const [planPhase, setPlanPhase] = useState137("idle");
+  const [scanResult, setScanResult] = useState137(null);
+  const [actionPlan, setActionPlan] = useState137(null);
+  const [error, setError] = useState137(null);
   const handleScan = useCallback78(async () => {
     setScanPhase("scanning");
     setError(null);
@@ -80222,17 +80388,17 @@ var init_key_operation = __esm({
 
 // src/components/SetupScreen/CustomProviderSection.tsx
 import { ChevronRight as ChevronRight26, Loader2 as Loader249, Plus as Plus23 } from "lucide-react";
-import { useState as useState137 } from "react";
+import { useState as useState138 } from "react";
 import { jsx as jsx241, jsxs as jsxs231 } from "react/jsx-runtime";
 function CustomProviderSection({ onKeySaved }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = useState137(false);
-  const [providerId, setProviderId] = useState137("");
-  const [family, setFamily] = useState137("openai-compatible");
-  const [baseUrl, setBaseUrl] = useState137("");
-  const [key, setKey] = useState137("");
-  const [isSaving, setIsSaving] = useState137(false);
-  const [models, setModels] = useState137([]);
+  const [expanded, setExpanded] = useState138(false);
+  const [providerId, setProviderId] = useState138("");
+  const [family, setFamily] = useState138("openai-compatible");
+  const [baseUrl, setBaseUrl] = useState138("");
+  const [key, setKey] = useState138("");
+  const [isSaving, setIsSaving] = useState138(false);
+  const [models, setModels] = useState138([]);
   const { setFieldRef, handleKeyDown } = useFieldKeyboardNav();
   const handleSave = async () => {
     if (!providerId.trim()) return;
@@ -80485,7 +80651,7 @@ import {
   Loader2 as Loader250,
   Share2
 } from "lucide-react";
-import { useEffect as useEffect123, useState as useState138 } from "react";
+import { useEffect as useEffect124, useState as useState139 } from "react";
 import QRCode from "qrcode";
 import { Fragment as Fragment62, jsx as jsx242, jsxs as jsxs232 } from "react/jsx-runtime";
 function ProviderKeyCard({
@@ -80496,14 +80662,14 @@ function ProviderKeyCard({
   probeResult
 }) {
   const { t } = useTranslation();
-  const [key, setKey] = useState138("");
-  const [isSaving, setIsSaving] = useState138(false);
-  const [saved, setSaved] = useState138(!!savedProvider?.apiKeys.some((k) => k.isActive));
-  const [showModels, setShowModels] = useState138(false);
-  const [copied, setCopied] = useState138(false);
-  const [shareModalOpen, setShareModalOpen] = useState138(false);
-  const [qrDataUrl, setQrDataUrl] = useState138(null);
-  useEffect123(() => {
+  const [key, setKey] = useState139("");
+  const [isSaving, setIsSaving] = useState139(false);
+  const [saved, setSaved] = useState139(!!savedProvider?.apiKeys.some((k) => k.isActive));
+  const [showModels, setShowModels] = useState139(false);
+  const [copied, setCopied] = useState139(false);
+  const [shareModalOpen, setShareModalOpen] = useState139(false);
+  const [qrDataUrl, setQrDataUrl] = useState139(null);
+  useEffect124(() => {
     if (shareModalOpen && popular.referral) {
       QRCode.toDataURL(popular.referral.url, {
         width: 200,
@@ -80965,7 +81131,7 @@ import {
   Sparkles as Sparkles21,
   Shield as Shield4
 } from "lucide-react";
-import { useCallback as useCallback79, useEffect as useEffect124, useRef as useRef61, useState as useState139 } from "react";
+import { useCallback as useCallback79, useEffect as useEffect125, useRef as useRef63, useState as useState140 } from "react";
 import { useShallow as useShallow16 } from "zustand/react/shallow";
 import { Fragment as Fragment63, jsx as jsx243, jsxs as jsxs233 } from "react/jsx-runtime";
 function SetupScreen() {
@@ -80980,21 +81146,21 @@ function SetupScreen() {
     }))
   );
   useWebSocket();
-  const [catalogProviders, setCatalogProviders] = useState139([]);
-  const [catalogModels, setCatalogModels] = useState139({});
-  const [savedProviders, setSavedProviders] = useState139([]);
-  const [isLoadingCatalog, setIsLoadingCatalog] = useState139(false);
-  const [catalogError, setCatalogError] = useState139(null);
-  const [reloadNonce, setReloadNonce] = useState139(0);
-  const [savedProviderIds, setSavedProviderIds] = useState139(/* @__PURE__ */ new Set());
-  const [probeResults, setProbeResults] = useState139({});
-  const [popularProviders, setPopularProviders] = useState139(DEFAULT_POPULAR_PROVIDERS);
-  const [isLoadingPopular, setIsLoadingPopular] = useState139(false);
-  const [popularRefreshNonce, setPopularRefreshNonce] = useState139(0);
-  const [previousProviderCount, setPreviousProviderCount] = useState139(0);
-  const [lastUpdatedAt, setLastUpdatedAt] = useState139(null);
-  const isInitialLoadRef = useRef61(true);
-  useEffect124(() => {
+  const [catalogProviders, setCatalogProviders] = useState140([]);
+  const [catalogModels, setCatalogModels] = useState140({});
+  const [savedProviders, setSavedProviders] = useState140([]);
+  const [isLoadingCatalog, setIsLoadingCatalog] = useState140(false);
+  const [catalogError, setCatalogError] = useState140(null);
+  const [reloadNonce, setReloadNonce] = useState140(0);
+  const [savedProviderIds, setSavedProviderIds] = useState140(/* @__PURE__ */ new Set());
+  const [probeResults, setProbeResults] = useState140({});
+  const [popularProviders, setPopularProviders] = useState140(DEFAULT_POPULAR_PROVIDERS);
+  const [isLoadingPopular, setIsLoadingPopular] = useState140(false);
+  const [popularRefreshNonce, setPopularRefreshNonce] = useState140(0);
+  const [previousProviderCount, setPreviousProviderCount] = useState140(0);
+  const [lastUpdatedAt, setLastUpdatedAt] = useState140(null);
+  const isInitialLoadRef = useRef63(true);
+  useEffect125(() => {
     const controller = new AbortController();
     const localUrl = `${window.location.origin}/providers.json`;
     const githubUrl = "https://raw.githubusercontent.com/WrongStack/WrongStack/main/packages/webui/public/providers.json";
@@ -81062,10 +81228,10 @@ function SetupScreen() {
     });
     return () => controller.abort();
   }, [popularRefreshNonce]);
-  const [selectedProvider, setSelectedProvider] = useState139(null);
-  const [selectedModel, setSelectedModel] = useState139(null);
-  const [isLoadingModels, setIsLoadingModels] = useState139(false);
-  useEffect124(() => {
+  const [selectedProvider, setSelectedProvider] = useState140(null);
+  const [selectedModel, setSelectedModel] = useState140(null);
+  const [isLoadingModels, setIsLoadingModels] = useState140(false);
+  useEffect125(() => {
     if (!wsConnected) return;
     const wsClient = getWSClient(wsUrl);
     let catalogTimeout = setTimeout(() => {
@@ -81146,7 +81312,7 @@ function SetupScreen() {
     setSelectedModel(null);
   }, []);
   const hasAnyKey = savedProviderIds.size > 0;
-  useEffect124(() => {
+  useEffect125(() => {
     if (!selectedProvider || !wsConnected) return;
     const wsClient = getWSClient(wsUrl);
     if (!catalogModels[selectedProvider]) {
@@ -81498,9 +81664,9 @@ import { Terminal as Terminal15 } from "@xterm/xterm";
 import "@xterm/xterm/css/xterm.css";
 import { Plus as Plus24, RotateCcw as RotateCcw18, TerminalSquare as TerminalSquare7, Trash2 as Trash227, X as X57 } from "lucide-react";
 import {
-  useEffect as useEffect125,
-  useRef as useRef62,
-  useState as useState140
+  useEffect as useEffect126,
+  useRef as useRef64,
+  useState as useState141
 } from "react";
 import { jsx as jsx244, jsxs as jsxs234 } from "react/jsx-runtime";
 function defaultTerminalHeight(compact = false) {
@@ -81537,17 +81703,17 @@ function TerminalPanel({
   desktopShell = false,
   onClose
 }) {
-  const resizeCleanupRef = useRef62(null);
+  const resizeCleanupRef = useRef64(null);
   const { t } = useTranslation();
-  const terminalCounterRef = useRef62(1);
-  const [height, setHeight] = useState140(() => readStoredTerminalHeight(desktopShell));
-  const [tabs, setTabs] = useState140(() => [createTerminalTab(1)]);
-  const [activeId, setActiveId] = useState140(() => tabs[0]?.id ?? "");
+  const terminalCounterRef = useRef64(1);
+  const [height, setHeight] = useState141(() => readStoredTerminalHeight(desktopShell));
+  const [tabs, setTabs] = useState141(() => [createTerminalTab(1)]);
+  const [activeId, setActiveId] = useState141(() => tabs[0]?.id ?? "");
   const terminalCreateNonce = useUIStore((s) => s.terminalCreateNonce);
-  const lastTerminalCreateNonceRef = useRef62(terminalCreateNonce);
+  const lastTerminalCreateNonceRef = useRef64(terminalCreateNonce);
   const projectName = useSessionStore((s) => s.projectName);
   const cwd = useSessionStore((s) => s.cwd);
-  useEffect125(() => {
+  useEffect126(() => {
     const onResize = () => {
       setHeight((current) => {
         const next = clampTerminalHeight(current);
@@ -81587,7 +81753,7 @@ function TerminalPanel({
     window.addEventListener("pointerup", cleanup, { once: true });
     window.addEventListener("pointercancel", cleanup, { once: true });
   };
-  useEffect125(() => () => resizeCleanupRef.current?.(), []);
+  useEffect126(() => () => resizeCleanupRef.current?.(), []);
   const addTerminal = () => {
     setTabs((current) => {
       if (current.length >= MAX_TERMINALS) return current;
@@ -81597,7 +81763,7 @@ function TerminalPanel({
       return [...current, next];
     });
   };
-  useEffect125(() => {
+  useEffect126(() => {
     if (terminalCreateNonce === lastTerminalCreateNonceRef.current) return;
     lastTerminalCreateNonceRef.current = terminalCreateNonce;
     addTerminal();
@@ -81810,17 +81976,17 @@ function TerminalSession({
   onRunning,
   onExit
 }) {
-  const containerRef = useRef62(null);
-  const termRef = useRef62(null);
-  const fitRef = useRef62(null);
-  const onRunningRef = useRef62(onRunning);
-  const onExitRef = useRef62(onExit);
+  const containerRef = useRef64(null);
+  const termRef = useRef64(null);
+  const fitRef = useRef64(null);
+  const onRunningRef = useRef64(onRunning);
+  const onExitRef = useRef64(onExit);
   const wsConnected = useConfigStore((s) => s.wsConnected);
-  useEffect125(() => {
+  useEffect126(() => {
     onRunningRef.current = onRunning;
     onExitRef.current = onExit;
   }, [onExit, onRunning]);
-  useEffect125(() => {
+  useEffect126(() => {
     const container = containerRef.current;
     if (!container) return;
     const term = new Terminal15({
@@ -81883,7 +82049,7 @@ function TerminalSession({
       fitRef.current = null;
     };
   }, [id, wsConnected]);
-  useEffect125(() => {
+  useEffect126(() => {
     if (!active) return;
     window.requestAnimationFrame(() => {
       try {
@@ -82094,7 +82260,7 @@ __export(QueuePanel_exports, {
   QueuePanel: () => QueuePanel
 });
 import { ArrowDownAZ as ArrowDownAZ2, ArrowUpAZ as ArrowUpAZ2, Check as Check41, ListOrdered, Trash2 as Trash228, X as X58 } from "lucide-react";
-import { useCallback as useCallback81, useMemo as useMemo75, useState as useState141 } from "react";
+import { useCallback as useCallback81, useMemo as useMemo75, useState as useState142 } from "react";
 import { jsx as jsx247, jsxs as jsxs237 } from "react/jsx-runtime";
 function QueuePanel({
   open,
@@ -82105,7 +82271,7 @@ function QueuePanel({
   const queue = useChatStore((s) => s.queue);
   const removeQueued = useChatStore((s) => s.removeQueued);
   const clearQueue = useChatStore((s) => s.clearQueue);
-  const [sortDir, setSortDir] = useState141("oldest");
+  const [sortDir, setSortDir] = useState142("oldest");
   const handleRemove = useCallback81(
     (index) => {
       removeQueued(index);
@@ -82283,7 +82449,7 @@ import "@fontsource/ibm-plex-mono/500.css";
 import "@fontsource/ibm-plex-mono/600.css";
 
 // src/App.tsx
-import { lazy as lazy6, Suspense as Suspense6, useEffect as useEffect126 } from "react";
+import { lazy as lazy6, Suspense as Suspense6, useEffect as useEffect127 } from "react";
 import { useShallow as useShallow18 } from "zustand/react/shallow";
 
 // src/hooks/useDesktopBridge.ts
@@ -111136,7 +111302,7 @@ function AppInner() {
     setCronJobsOpen,
     setTerminalOpen
   });
-  useEffect126(() => {
+  useEffect127(() => {
     if (typeof window === "undefined") return;
     if (window.location.pathname === "/debug") {
       navigateToView("debug");
@@ -111146,7 +111312,7 @@ function AppInner() {
       navigateToView("refresh-debug");
     }
   }, []);
-  useEffect126(() => {
+  useEffect127(() => {
     const onOpenFile = (e) => {
       const { filePath } = e.detail;
       const ws = getWSClient(useConfigStore.getState().wsUrl);
@@ -111157,7 +111323,7 @@ function AppInner() {
     window.addEventListener("wrongstack:open-file", onOpenFile);
     return () => window.removeEventListener("wrongstack:open-file", onOpenFile);
   }, []);
-  useEffect126(() => {
+  useEffect127(() => {
     const onSaveFile = (e) => {
       const { filePath } = e.detail;
       const file = useFileStore.getState().openFiles.find((f) => f.path === filePath);
@@ -111174,7 +111340,7 @@ function AppInner() {
     return () => window.removeEventListener("wrongstack:save-file", onSaveFile);
   }, []);
   const { isMobile } = useViewport();
-  useEffect126(() => {
+  useEffect127(() => {
     if (isMobile) {
       const open = useUIStore.getState().sidebarOpen;
       if (open) setSidebarOpen(false);
@@ -111183,7 +111349,7 @@ function AppInner() {
   const mobileSidebarModal = isMobile && sidebarOpen;
   useWebSocketBootstrap();
   useF5Resilience();
-  useEffect126(() => {
+  useEffect127(() => {
     const parts = [];
     if (isLoading) {
       const it = iteration ? ` iter ${iteration.index}${iteration.max ? `/${iteration.max}` : ""}` : "";