@wrongstack/webui 0.68.0 → 0.73.1

package/dist/index.html

@@ -5,8 +5,8 @@
     <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-BeXRAkSS.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/vendor-CzdG0ns2.js">
+    <script type="module" crossorigin src="/assets/index-BH3RI9-8.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/vendor-DBuK7aZd.js">
     <link rel="stylesheet" crossorigin href="/assets/vendor-DW1jimNH.css">
     <link rel="stylesheet" crossorigin href="/assets/index-C_0-qbQ-.css">
   </head>

package/dist/index.js

@@ -1137,6 +1137,8 @@ function handleKeyOperationResult(msg) {
   const p = msg.payload;
   if (p.success) toast.success(p.message);
   else toast.error(p.message);
+  const client2 = getWSClient(useConfigStore.getState().wsUrl);
+  client2.listSavedProviders();
 }
 function handleContextCompacted(msg) {
   const payload = msg.payload;
@@ -1252,7 +1254,8 @@ function handleRunResult(msg) {
   const runStart = useChatStore.getState().runStart;
   if (runStart && payload.status === "done") {
     const all = useChatStore.getState().messages;
-    let lastAssistantIdx = -1, toolCount = 0;
+    let lastAssistantIdx = -1;
+    let toolCount = 0;
     for (let i = all.length - 1; i >= 0; i--) {
       const m = all[i];
       if (m.role === "assistant" && lastAssistantIdx === -1 && m.content) lastAssistantIdx = i;
@@ -5367,15 +5370,16 @@ function CollabPanel({ sessionId, className }) {
     const offs = [];
     offs.push(
       client2.on("collab.state", (msg) => {
-        if (msg?.payload?.sessionId === sessionId) {
-          setParticipants(msg.payload.participants ?? []);
+        const p = msg.payload;
+        if (p.sessionId === sessionId) {
+          setParticipants(p.participants ?? []);
         }
       })
     );
     offs.push(
       client2.on("collab.participant.joined", (msg) => {
-        if (msg?.payload?.sessionId !== sessionId) return;
         const p = msg.payload;
+        if (p.sessionId !== sessionId) return;
         setParticipants((prev) => {
           if (prev.some((x) => x.participantId === p.participantId)) return prev;
           return [...prev, { participantId: p.participantId, role: p.role, joinedAt: p.joinedAt }];
@@ -5384,15 +5388,17 @@ function CollabPanel({ sessionId, className }) {
     );
     offs.push(
       client2.on("collab.participant.left", (msg) => {
-        if (msg?.payload?.sessionId !== sessionId) return;
-        const id = msg.payload.participantId;
-        setParticipants((prev) => prev.filter((p) => p.participantId !== id));
+        const p = msg.payload;
+        if (p.sessionId !== sessionId) return;
+        const id = p.participantId;
+        setParticipants((prev) => prev.filter((p2) => p2.participantId !== id));
       })
     );
     offs.push(
       client2.on("error", (msg) => {
-        if (msg?.payload?.phase === "collab") {
-          setError(msg.payload.message);
+        const p = msg.payload;
+        if (p.phase === "collab") {
+          setError(p.message);
           setJoined(false);
         }
       })
@@ -5401,26 +5407,30 @@ function CollabPanel({ sessionId, className }) {
     }));
     offs.push(
       client2.on("collab.annotation.added", (msg) => {
-        if (msg?.payload?.sessionId !== sessionId) return;
-        if (msg?.payload?.annotation?.resolved) return;
+        const p = msg.payload;
+        if (p.sessionId !== sessionId) return;
+        if (p.annotation?.resolved) return;
         setOpenAnnotationCount((c) => c + 1);
       })
     );
     offs.push(
       client2.on("collab.annotation.resolved", (msg) => {
-        if (msg?.payload?.sessionId !== sessionId) return;
+        const p = msg.payload;
+        if (p.sessionId !== sessionId) return;
         setOpenAnnotationCount((c) => Math.max(0, c - 1));
       })
     );
     offs.push(
       client2.on("collab.pause.granted", (msg) => {
-        if (msg?.payload?.sessionId !== sessionId) return;
+        const p = msg.payload;
+        if (p.sessionId !== sessionId) return;
         setPaused(true);
       })
     );
     offs.push(
       client2.on("collab.pause.released", (msg) => {
-        if (msg?.payload?.sessionId !== sessionId) return;
+        const p = msg.payload;
+        if (p.sessionId !== sessionId) return;
         setPaused(false);
       })
     );
@@ -6359,8 +6369,6 @@ function QuickModelSwitcher() {
 
 // src/components/SettingsPanel/index.tsx
 import {
-  AlertCircle,
-  CheckCircle2 as CheckCircle26,
   Cpu as Cpu6,
   Globe as Globe3,
   Monitor as Monitor3,
@@ -6907,7 +6915,6 @@ function SettingsPanel() {
   const [isLoadingCatalog, setIsLoadingCatalog] = useState23(false);
   const [isLoadingModels, setIsLoadingModels] = useState23(false);
   const [isLoadingSaved, setIsLoadingSaved] = useState23(false);
-  const [operationStatus, setOperationStatus] = useState23(null);
   const [providerTab, setProviderTab] = useState23("catalog");
   const [catalogQuery, setCatalogQuery] = useState23("");
   const currentCatalogProvider = catalogProviders.find((p) => p.id === provider);
@@ -6935,19 +6942,10 @@ function SettingsPanel() {
         if (next.length > 0) setProviderTab("saved");
       }
     };
-    const handleKeyOperationResult2 = (msg) => {
-      if (msg.type === "key.operation_result") {
-        const payload = msg.payload;
-        setOperationStatus(payload);
-        setTimeout(() => setOperationStatus(null), 3e3);
-        wsClient.listSavedProviders();
-      }
-    };
     if (!wsConnected || !wsClient) return;
     const off1 = wsClient.on("provider.catalog", handleProviderCatalog);
     const off2 = wsClient.on("provider.models", handleProviderModels);
     const off3 = wsClient.on("providers.saved", handleSavedProviders);
-    const off4 = wsClient.on("key.operation_result", handleKeyOperationResult2);
     setIsLoadingCatalog(true);
     setIsLoadingSaved(true);
     wsClient.listProviders();
@@ -6956,7 +6954,6 @@ function SettingsPanel() {
       off1?.();
       off2?.();
       off3?.();
-      off4?.();
     };
   }, [wsConnected, wsClient]);
   const handleProviderSelect = useCallback5(
@@ -6974,7 +6971,7 @@ function SettingsPanel() {
       setModel(modelId);
       const currentProvider = useConfigStore.getState().provider;
       ws.switchModel?.(currentProvider, modelId);
-      setOperationStatus({ success: true, message: `Switching to ${currentProvider} / ${modelId}\u2026` });
+      toast.success(`Switching to ${currentProvider} / ${modelId}\u2026`);
     },
     [setModel, ws]
   );
@@ -7032,41 +7029,26 @@ function SettingsPanel() {
           "Appearance"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs32(TabsContent, { value: "provider", className: "space-y-4", children: [
-        operationStatus && /* @__PURE__ */ jsxs32(
-          "div",
-          {
-            className: cn(
-              "p-3 rounded-lg mb-4 flex items-center gap-2",
-              operationStatus.success ? "bg-green-500/10 text-green-600" : "bg-red-500/10 text-red-600"
-            ),
-            children: [
-              operationStatus.success ? /* @__PURE__ */ jsx37(CheckCircle26, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx37(AlertCircle, { className: "h-4 w-4" }),
-              operationStatus.message
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx37(
-          ProviderSection,
-          {
-            activeProvider: provider,
-            catalogProviders,
-            isLoadingCatalog,
-            savedProviders,
-            isLoadingSaved,
-            providerTab,
-            setProviderTab,
-            onSelectProvider: handleProviderSelect,
-            onAddKey: handleAddKey,
-            onDeleteKey: handleDeleteKey,
-            onSetActiveKey: handleSetActiveKey,
-            onAddProvider: handleAddProvider,
-            onRemoveProvider: handleRemoveProvider,
-            catalogQuery,
-            setCatalogQuery
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx37(TabsContent, { value: "provider", className: "space-y-4", children: /* @__PURE__ */ jsx37(
+        ProviderSection,
+        {
+          activeProvider: provider,
+          catalogProviders,
+          isLoadingCatalog,
+          savedProviders,
+          isLoadingSaved,
+          providerTab,
+          setProviderTab,
+          onSelectProvider: handleProviderSelect,
+          onAddKey: handleAddKey,
+          onDeleteKey: handleDeleteKey,
+          onSetActiveKey: handleSetActiveKey,
+          onAddProvider: handleAddProvider,
+          onRemoveProvider: handleRemoveProvider,
+          catalogQuery,
+          setCatalogQuery
+        }
+      ) }),
       /* @__PURE__ */ jsx37(TabsContent, { value: "model", className: "space-y-4", children: /* @__PURE__ */ jsx37(
         ModelSection,
         {
@@ -7334,7 +7316,7 @@ import { useEffect as useEffect20, useState as useState25 } from "react";
 
 // src/components/Sidebar/ConfigSection.tsx
 import {
-  CheckCircle2 as CheckCircle27,
+  CheckCircle2 as CheckCircle26,
   Circle,
   CircleDot,
   Database as Database2,
@@ -7418,7 +7400,7 @@ function ConfigSection({ formatDuration: formatDuration2 }) {
         ] }),
         /* @__PURE__ */ jsx39("div", { className: cn("relative h-1.5 w-full overflow-hidden rounded-full bg-muted", running > 0 && "bar-sweep"), title: `${pct}% complete`, children: /* @__PURE__ */ jsx39("div", { className: cn("h-full rounded-full transition-all duration-500", allDone ? "bg-[hsl(var(--success))]" : "bg-primary"), style: { width: `${Math.max(pct, running > 0 ? 4 : 0)}%` } }) }),
         /* @__PURE__ */ jsx39("ul", { className: "space-y-0.5 max-h-56 overflow-y-auto pr-1 -mx-1", children: todos.map((t) => {
-          const Icon2 = t.status === "completed" ? CheckCircle27 : t.status === "in_progress" ? CircleDot : Circle;
+          const Icon2 = t.status === "completed" ? CheckCircle26 : t.status === "in_progress" ? CircleDot : Circle;
           const active = t.status === "in_progress";
           const tone2 = t.status === "completed" ? "text-[hsl(var(--success))] line-through opacity-60" : active ? "text-foreground" : "text-muted-foreground";
           return /* @__PURE__ */ jsxs34("li", { className: cn("flex items-start gap-2 text-xs leading-snug rounded-md px-1.5 py-1 transition-colors", active && "bg-primary/10 ring-1 ring-inset ring-primary/20", tone2), children: [