@wrongstack/webui 0.282.0 → 0.282.1

package/dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/wrongstack.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>WrongStack WebUI</title>
-    <script type="module" crossorigin src="/assets/index-BhO3caLf.js"></script>
+    <script type="module" crossorigin src="/assets/index-CWj2bI87.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-QTnfLwEv.js">
     <link rel="modulepreload" crossorigin href="/assets/markdown-D0X23O-i.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-Ch4m_qLI.js">

package/dist/index.js

@@ -19143,8 +19143,8 @@ var init_config_store = __esm({
     useConfigStore = create6()(
       persist4(
         (set) => ({
-          provider: "anthropic",
-          model: "claude-sonnet-4-20250514",
+          provider: "",
+          model: "",
           wsUrl: defaultWsUrl(),
           wsConnected: false,
           wsStatus: { state: "connecting" },
@@ -19678,8 +19678,8 @@ var init_file_store = __esm({
 import { ArrowRight, Lightbulb, MousePointerClick, Timer } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function parseNextSteps(content, strict = true) {
-  const headingMatch = strict ? STRICT_HEADING_RE.exec(content) : buildPermissiveHeadingRe().exec(content);
+function parseNextSteps(content, _strict = true) {
+  const headingMatch = NEXT_STEPS_TAG_RE.exec(content);
   if (!headingMatch) {
     return { steps: [], stripped: content };
   }
@@ -19692,7 +19692,7 @@ function parseNextSteps(content, strict = true) {
   let found = 0;
   for (const rawLine of lines) {
     const line = rawLine.trim();
-    if (line === "</next_steps>") {
+    if (line === "</nextsteps>") {
       consumed += rawLine.length + 1;
       break;
     }
@@ -19719,7 +19719,7 @@ function parseNextSteps(content, strict = true) {
   if (steps.length === 0) {
     return { steps: [], stripped: content };
   }
-  if (strict && /<next_steps>/i.test(headingMatch[0]) && !afterHeading.includes("</next_steps>")) {
+  if (!afterHeading.includes("</nextsteps>")) {
     return { steps: [], stripped: content };
   }
   const blockStart = headingMatch.index;
@@ -19727,14 +19727,8 @@ function parseNextSteps(content, strict = true) {
   const stripped = (content.slice(0, blockStart) + content.slice(blockEnd)).replace(/\n{3,}/g, "\n\n").trim();
   return { steps, stripped };
 }
-function buildPermissiveHeadingRe() {
-  const variants = PERMISSIVE_HEADING_PATTERNS.map(
-    ({ re }) => `(?:${re.source})`
-  ).join("|");
-  return new RegExp(variants, "i");
-}
 function stripNextStepsBlock(text) {
-  return text.replace(/<next_steps\b[^>]*>[\s\S]*?<\/next_steps>/gi, "").replace(/<next_steps\b[^>]*\/?>/gi, "").replace(/\n{3,}/g, "\n\n").trim();
+  return text.replace(/<next_?steps\b[^>]*>[\s\S]*?<\/next_?steps>/gi, "").replace(/<next_?steps\b[^>]*\/?>/gi, "").replace(/\n{3,}/g, "\n\n").trim();
 }
 function fillInput(text) {
   const ta = document.querySelector("textarea");
@@ -19836,20 +19830,14 @@ function NextStepsBar({
     }) })
   ] });
 }
-var STRICT_HEADING_RE, ITEM_RE, MAX_STEPS, PERMISSIVE_HEADING_PATTERNS;
+var NEXT_STEPS_TAG_RE, ITEM_RE, MAX_STEPS;
 var init_NextStepsBar = __esm({
   "src/components/NextStepsBar.tsx"() {
     "use strict";
     init_i18n();
-    STRICT_HEADING_RE = /(?:💡\s*Next steps?|<next_steps>)\s*\n+/i;
+    NEXT_STEPS_TAG_RE = /<nextsteps>\s*\n+/i;
     ITEM_RE = /^(?:(\d+)[.)]\s*|[-*•]\s*)(.+?)(\s+auto="true")?$/;
     MAX_STEPS = 6;
-    PERMISSIVE_HEADING_PATTERNS = [
-      { re: /💡\s*Next steps?\s*\n+/i, label: "emoji" },
-      { re: /##?\s*Next steps?\s*\n+/i, label: "markdown" },
-      { re: /\n{1,2}Next steps?\s*\n+/i, label: "plain" },
-      { re: /<next_steps>\s*\n+/i, label: "xml-tag" }
-    ];
   }
 });
 
@@ -20328,6 +20316,12 @@ function isBoard(value) {
 function isTask(value) {
   return Boolean(value) && typeof value === "object" && typeof value.title === "string";
 }
+function isTaskEnvelope(value) {
+  return Boolean(value) && typeof value === "object" && typeof value.boardId === "string" && isTask(value.task);
+}
+function isBoardEnvelope(value) {
+  return Boolean(value) && typeof value === "object" && isBoard(value.board);
+}
 function isColumn(value) {
   return Boolean(value) && typeof value === "object" && typeof value.id === "string";
 }
@@ -20381,16 +20375,83 @@ var init_kanban_store = __esm({
         }
         if (type === "kanban.delete") {
           const activeBoardId = get().activeBoardId;
-          const removed = data?.removed === true;
+          const deleteResult = data;
+          const removed = deleteResult?.removed === true;
+          const removedBoardId = deleteResult?.boardId ?? activeBoardId;
           set((state) => ({
-            boards: removed ? state.boards.filter((board) => board.id !== activeBoardId) : state.boards,
-            activeBoardId: removed ? null : state.activeBoardId,
-            activeBoard: removed ? null : state.activeBoard,
+            boards: removed ? state.boards.filter((board) => board.id !== removedBoardId) : state.boards,
+            activeBoardId: removed && state.activeBoardId === removedBoardId ? null : state.activeBoardId,
+            activeBoard: removed && state.activeBoard?.id === removedBoardId ? null : state.activeBoard,
             loading: false,
             error: null
           }));
           return;
         }
+        if (type === "kanban.task.remove") {
+          const result = data;
+          set((state) => {
+            const board = isBoard(result?.board) ? result.board : null;
+            if (board && state.activeBoardId === board.id) {
+              return {
+                boards: upsertSummary(state.boards, summarize(board)),
+                activeBoard: board,
+                loading: false,
+                error: null
+              };
+            }
+            const boardId = result?.boardId;
+            const taskId = result?.taskId;
+            const activeBoard = result?.removed === true && taskId && state.activeBoard && (!boardId || state.activeBoard.id === boardId) ? {
+              ...state.activeBoard,
+              tasks: state.activeBoard.tasks.filter((task) => task.id !== taskId)
+            } : state.activeBoard;
+            return {
+              activeBoard,
+              boards: activeBoard ? upsertSummary(state.boards, summarize(activeBoard)) : state.boards,
+              loading: false,
+              error: null
+            };
+          });
+          return;
+        }
+        if (type === "kanban.column.remove") {
+          const result = data;
+          if (isBoard(result?.board)) {
+            const board = result.board;
+            set((state) => ({
+              boards: upsertSummary(state.boards, summarize(board)),
+              activeBoard: state.activeBoardId === board.id ? board : state.activeBoard,
+              loading: false,
+              error: null
+            }));
+            return;
+          }
+        }
+        if (isBoardEnvelope(data)) {
+          const board = data.board;
+          set((state) => ({
+            boards: upsertSummary(state.boards, summarize(board)),
+            activeBoard: state.activeBoardId === board.id ? board : state.activeBoard,
+            loading: false,
+            error: null
+          }));
+          return;
+        }
+        if (isTaskEnvelope(data)) {
+          set((state) => {
+            if (state.activeBoard && state.activeBoard.id === data.boardId) {
+              const activeBoard = upsertTask(state.activeBoard, data.task);
+              return {
+                boards: upsertSummary(state.boards, summarize(activeBoard)),
+                activeBoard,
+                loading: false,
+                error: null
+              };
+            }
+            return { loading: false, error: null };
+          });
+          return;
+        }
         if (isBoard(data)) {
           const summary = summarize(data);
           set((state) => ({
@@ -20404,7 +20465,13 @@ var init_kanban_store = __esm({
         }
         if (isTask(data)) {
           set((state) => ({
-            activeBoard: state.activeBoard ? upsertTask(state.activeBoard, data) : state.activeBoard,
+            ...state.activeBoard ? (() => {
+              const activeBoard = upsertTask(state.activeBoard, data);
+              return {
+                activeBoard,
+                boards: upsertSummary(state.boards, summarize(activeBoard))
+              };
+            })() : { activeBoard: state.activeBoard },
             loading: false,
             error: null
           }));
@@ -20412,20 +20479,13 @@ var init_kanban_store = __esm({
         }
         if (Array.isArray(data) && data.every(isColumn)) {
           set((state) => ({
-            activeBoard: state.activeBoard ? { ...state.activeBoard, columns: data } : state.activeBoard,
-            loading: false,
-            error: null
-          }));
-          return;
-        }
-        if (type === "kanban.task.remove") {
-          set((state) => ({
-            activeBoard: state.activeBoard ? {
-              ...state.activeBoard,
-              tasks: state.activeBoard.tasks.filter(
-                (task) => task.id !== (data?.taskId ?? "")
-              )
-            } : state.activeBoard,
+            ...state.activeBoard ? (() => {
+              const activeBoard = { ...state.activeBoard, columns: data };
+              return {
+                activeBoard,
+                boards: upsertSummary(state.boards, summarize(activeBoard))
+              };
+            })() : { activeBoard: state.activeBoard },
             loading: false,
             error: null
           }));
@@ -22937,11 +22997,23 @@ var init_ws_handlers = __esm({
       "kanban.update": handleKanbanResult,
       "kanban.delete": handleKanbanResult,
       "kanban.generate": handleKanbanResult,
+      "kanban.snapshot": handleKanbanResult,
+      "kanban.taskgraph.export": handleKanbanResult,
+      "kanban.taskgraph.sync": handleKanbanResult,
+      "kanban.task.ready": handleKanbanResult,
       "kanban.task.add": handleKanbanResult,
+      "kanban.task.split": handleKanbanResult,
+      "kanban.task.merge": handleKanbanResult,
       "kanban.task.update": handleKanbanResult,
       "kanban.task.move": handleKanbanResult,
       "kanban.task.copy": handleKanbanResult,
       "kanban.task.transfer": handleKanbanResult,
+      "kanban.task.chain": handleKanbanResult,
+      "kanban.task.chain.get": handleKanbanResult,
+      "kanban.task.claim": handleKanbanResult,
+      "kanban.task.release": handleKanbanResult,
+      "kanban.task.metric.add": handleKanbanResult,
+      "kanban.task.metric.update": handleKanbanResult,
       "kanban.task.assign": handleKanbanResult,
       "kanban.task.dispatch": handleKanbanResult,
       "kanban.task.remove": handleKanbanResult,
@@ -24020,11 +24092,11 @@ var init_utils2 = __esm({
     init_i18n();
     rehypePlugins = [rehypeHighlight];
     markdownComponents = {
-      // NOTE: <next_steps> is parsed and rendered in MessageBubble/index.tsx
+      // NOTE: <nextsteps> is parsed and rendered in MessageBubble/index.tsx
       // (post-render, via parseNextSteps + NextStepsBar). We do NOT register a
       // custom component here for two reasons:
       //   1. react-markdown v10's micromark parser doesn't actually dispatch
-      //      <next_steps> (or any underscored tag) to the components map — they
+      //      <nextsteps> (or any underscored tag) to the components map — they
       //      fall through as raw HTML, which is exactly what the previous code
       //      was trying (and failing) to catch.
       //   2. The MessageBubble path strips the block before passing content to
@@ -37026,7 +37098,7 @@ var SLASH_COMMANDS = [
   { name: "/brain", category: "Inspect", description: "Brain status, risk ceiling (risk <level>), or decision support (ask <question>)" },
   { name: "/plan", category: "Inspect", description: "Strategic plan board: show, add, start, done, promote, clear" },
   { name: "/suggest", category: "Inspect", aliases: ["/next-steps"], description: "Ask the agent for concrete next steps" },
-  { name: "/next", category: "Inspect", description: "Show or run numbered next-step suggestions" },
+  { name: "/next", category: "Inspect", aliases: ["/enxt"], description: "Show or run numbered next-step suggestions" },
   // Agent / autonomy
   { name: "/review", category: "Agent", aliases: ["/cr"], description: "Ask the agent to review the pending changes (optional focus)" },
   { name: "/fix", category: "Agent", description: "Diagnose and fix an error (paste it) or the latest failure" },
@@ -38015,7 +38087,8 @@ ${err}` : "Investigate the most recent error or failing test, find the root caus
       }
       return true;
     }
-    case "/next": {
+    case "/next":
+    case "/enxt": {
       const narg = args.trim().toLowerCase();
       if (!narg || narg === "list" || narg === "ls" || narg === "show") return handleNextList();
       if (narg === "clear" || narg === "reset") {
@@ -39295,6 +39368,7 @@ function PromptLibraryModal() {
 }
 
 // src/components/ChatInput.tsx
+init_NextStepsBar();
 init_button();
 import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function ChatInput({
@@ -39393,16 +39467,11 @@ ${promptInsertRequest}` : promptInsertRequest);
       onOpenBreakdown
     ]
   );
-  const NEXT_STEPS_RE = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+\n?)+)/i;
   function parseNextStepsFromContent(content) {
-    const match = NEXT_STEPS_RE.exec(content);
-    if (!match?.[1]) return [];
-    const steps = [];
-    for (const line of match[1].split("\n").filter(Boolean)) {
-      const m = /^(\d+)\.\s+(.+)$/.exec(line.trim());
-      if (m) steps.push({ index: Number.parseInt(m[1], 10), text: m[2].trim() });
-    }
-    return steps.slice(0, 6);
+    return parseNextSteps(content).steps.map((step) => ({
+      index: step.index,
+      text: step.text
+    }));
   }
   function parseNextStepsFromLastAssistant() {
     const all = useChatStore.getState().messages;
@@ -43370,7 +43439,7 @@ var ErrorBoundary = class extends Component {
     return { error };
   }
   componentDidCatch(error, info) {
-    console.error("[ErrorBoundary]", error, info.componentStack);
+    console.error(error, info.componentStack);
     this.props.onError?.(error, info);
   }
   handleReset = () => {
@@ -44789,6 +44858,7 @@ function buildModelCandidates(saved, modelsByProvider, query, currentProvider, c
         provider: sp.id,
         model: m.id,
         modelName: m.name || m.id,
+        description: m.description,
         contextWindow: m.contextWindow,
         isCurrent: sp.id === currentProvider && m.id === currentModel
       });
@@ -44796,7 +44866,7 @@ function buildModelCandidates(saved, modelsByProvider, query, currentProvider, c
   }
   const q = query.toLowerCase().trim();
   const filtered = q ? list.filter(
-    (c) => c.provider.toLowerCase().includes(q) || c.model.toLowerCase().includes(q) || c.modelName.toLowerCase().includes(q)
+    (c) => c.provider.toLowerCase().includes(q) || c.model.toLowerCase().includes(q) || c.modelName.toLowerCase().includes(q) || c.description?.toLowerCase().includes(q)
   ) : list;
   return filtered.sort((a, b) => {
     if (a.isCurrent !== b.isCurrent) return a.isCurrent ? -1 : 1;
@@ -48765,7 +48835,7 @@ var DEFAULT_POPULAR_PROVIDERS = [
   {
     id: "anthropic",
     name: "Anthropic",
-    description: "Claude Opus, Sonnet, and Haiku",
+    description: "Claude model access",
     icon: "\u{1F9E0}",
     color: "from-amber-500/20 to-amber-500/5 border-amber-500/30 hover:border-amber-500/50",
     keyPlaceholder: "sk-ant-...",
@@ -52419,7 +52489,7 @@ function SkillsList({ className }) {
       const m = msg;
       setExportingAll(false);
       if (m.payload.error) {
-        console.error("[skills.export]", m.payload.error);
+        console.error(m.payload.error);
       } else {
         const binary = atob(m.payload.zipBase64);
         const bytes = new Uint8Array(binary.length);
@@ -55365,7 +55435,7 @@ function AppInner() {
       } catch (err) {
         const message = err instanceof Error ? err.message : String(err);
         publishDesktopCommandAck(requestId, false, message);
-        console.error("Failed to handle desktop command:", err);
+        console.error(err);
       }
     };
     const bridge = window.wrongstackDesktopCommands;