@ottocode/web-sdk 0.1.267 → 0.1.268

package/dist/index.js

@@ -333,9 +333,14 @@ function ToastItem({ toast: toast2 }) {
       }),
       toast2.action && /* @__PURE__ */ jsxs2("button", {
         type: "button",
-        onClick: (e) => {
+        onClick: async (e) => {
           e.stopPropagation();
-          openUrl(toast2.action?.href);
+          if (toast2.action?.onClick) {
+            await toast2.action.onClick();
+          } else if (toast2.action?.href) {
+            openUrl(toast2.action.href);
+          }
+          handleDismiss();
         },
         className: "ml-auto flex items-center gap-1 text-xs text-primary hover:underline",
         children: [
@@ -6665,7 +6670,7 @@ var NewSessionLanding = memo6(forwardRef9(function NewSessionLanding2({ onSessio
   });
 }));
 // src/components/messages/MessageThread.tsx
-import { useEffect as useEffect22, useRef as useRef14, useState as useState30, useMemo as useMemo15, memo as memo14, useCallback as useCallback17 } from "react";
+import { useEffect as useEffect23, useRef as useRef14, useState as useState30, useMemo as useMemo15, memo as memo14, useCallback as useCallback17 } from "react";
 import { ArrowDown } from "lucide-react";
 import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
 
@@ -7559,6 +7564,7 @@ function WriteRenderer({
 }
 
 // src/components/messages/renderers/BashRenderer.tsx
+import { useEffect as useEffect15 } from "react";
 import { Terminal as Terminal3 } from "lucide-react";
 import { Prism as SyntaxHighlighter4 } from "react-syntax-highlighter";
 import {
@@ -7566,6 +7572,56 @@ import {
   vscDarkPlus as vscDarkPlus4
 } from "react-syntax-highlighter/dist/esm/styles/prism";
 
+// src/lib/nerd-font.ts
+var NERD_FONT_FAMILY = '"JetBrainsMono NFM", monospace';
+var fontsLoaded = false;
+var loadPromise = null;
+function loadNerdFont() {
+  if (fontsLoaded)
+    return Promise.resolve();
+  if (loadPromise)
+    return loadPromise;
+  loadPromise = doLoad().then(() => {
+    fontsLoaded = true;
+  });
+  return loadPromise;
+}
+async function doLoad() {
+  if (typeof document === "undefined" || !("FontFace" in window))
+    return;
+  const variants = [
+    {
+      file: "JetBrainsMonoNerdFontMono-Regular.woff2",
+      weight: "400",
+      style: "normal"
+    },
+    {
+      file: "JetBrainsMonoNerdFontMono-Bold.woff2",
+      weight: "700",
+      style: "normal"
+    },
+    {
+      file: "JetBrainsMonoNerdFontMono-Italic.woff2",
+      weight: "400",
+      style: "italic"
+    },
+    {
+      file: "JetBrainsMonoNerdFontMono-BoldItalic.woff2",
+      weight: "700",
+      style: "italic"
+    }
+  ];
+  const loads = variants.map(async (v) => {
+    try {
+      const url = new URL(`../assets/fonts/${v.file}`, import.meta.url).href;
+      const face = new FontFace("JetBrainsMono NFM", `url("${url}") format("woff2")`, { weight: v.weight, style: v.style });
+      const loaded = await face.load();
+      document.fonts.add(loaded);
+    } catch {}
+  });
+  await Promise.allSettled(loads);
+}
+
 // src/components/messages/renderers/shared/CopyButton.tsx
 import { useState as useState17 } from "react";
 import { Copy, Check as Check5 } from "lucide-react";
@@ -7832,6 +7888,9 @@ function BashRenderer({
   onToggle,
   compact
 }) {
+  useEffect15(() => {
+    loadNerdFont();
+  }, []);
   const result = contentJson.result || {};
   const args = contentJson.args || {};
   const hasToolError = typeof result === "object" && "ok" in result && result.ok === false;
@@ -7849,6 +7908,20 @@ function BashRenderer({
   const hasStderr = stderr.length > 0;
   const combinedOutput = stdout + (stdout && stderr ? `
 ` : "") + stderr;
+  const outputStyle = {
+    margin: 0,
+    padding: "0.75rem",
+    fontFamily: NERD_FONT_FAMILY,
+    fontSize: "0.75rem",
+    lineHeight: "1.5",
+    background: "transparent",
+    maxWidth: "100%"
+  };
+  const outputCodeProps = {
+    style: {
+      fontFamily: NERD_FONT_FAMILY
+    }
+  };
   return /* @__PURE__ */ jsxs26("div", {
     className: "text-xs",
     children: [
@@ -7926,14 +7999,8 @@ function BashRenderer({
             children: /* @__PURE__ */ jsx33(SyntaxHighlighter4, {
               language: "bash",
               style: syntaxTheme,
-              customStyle: {
-                margin: 0,
-                padding: "0.75rem",
-                fontSize: "0.75rem",
-                lineHeight: "1.5",
-                background: "transparent",
-                maxWidth: "100%"
-              },
+              customStyle: outputStyle,
+              codeTagProps: outputCodeProps,
               wrapLines: true,
               wrapLongLines: true,
               children: combinedOutput
@@ -7947,14 +8014,8 @@ function BashRenderer({
                 children: /* @__PURE__ */ jsx33(SyntaxHighlighter4, {
                   language: "bash",
                   style: syntaxTheme,
-                  customStyle: {
-                    margin: 0,
-                    padding: "0.75rem",
-                    fontSize: "0.75rem",
-                    lineHeight: "1.5",
-                    background: "transparent",
-                    maxWidth: "100%"
-                  },
+                  customStyle: outputStyle,
+                  codeTagProps: outputCodeProps,
                   wrapLines: true,
                   wrapLongLines: true,
                   children: stdout
@@ -7968,14 +8029,8 @@ function BashRenderer({
                 children: /* @__PURE__ */ jsx33(SyntaxHighlighter4, {
                   language: "bash",
                   style: syntaxTheme,
-                  customStyle: {
-                    margin: 0,
-                    padding: "0.75rem",
-                    fontSize: "0.75rem",
-                    lineHeight: "1.5",
-                    background: "transparent",
-                    maxWidth: "100%"
-                  },
+                  customStyle: outputStyle,
+                  codeTagProps: outputCodeProps,
                   wrapLines: true,
                   wrapLongLines: true,
                   children: stderr
@@ -10342,60 +10397,8 @@ function DatabaseToolRenderer({
 }
 
 // src/components/messages/renderers/TerminalRenderer.tsx
-import { useEffect as useEffect15, useState as useState20 } from "react";
+import { useEffect as useEffect16, useState as useState20 } from "react";
 import { Terminal as Terminal4 } from "lucide-react";
-
-// src/lib/nerd-font.ts
-var NERD_FONT_FAMILY = '"JetBrainsMono NFM", monospace';
-var fontsLoaded = false;
-var loadPromise = null;
-function loadNerdFont() {
-  if (fontsLoaded)
-    return Promise.resolve();
-  if (loadPromise)
-    return loadPromise;
-  loadPromise = doLoad().then(() => {
-    fontsLoaded = true;
-  });
-  return loadPromise;
-}
-async function doLoad() {
-  if (typeof document === "undefined" || !("FontFace" in window))
-    return;
-  const variants = [
-    {
-      file: "JetBrainsMonoNerdFontMono-Regular.woff2",
-      weight: "400",
-      style: "normal"
-    },
-    {
-      file: "JetBrainsMonoNerdFontMono-Bold.woff2",
-      weight: "700",
-      style: "normal"
-    },
-    {
-      file: "JetBrainsMonoNerdFontMono-Italic.woff2",
-      weight: "400",
-      style: "italic"
-    },
-    {
-      file: "JetBrainsMonoNerdFontMono-BoldItalic.woff2",
-      weight: "700",
-      style: "italic"
-    }
-  ];
-  const loads = variants.map(async (v) => {
-    try {
-      const url = new URL(`../assets/fonts/${v.file}`, import.meta.url).href;
-      const face = new FontFace("JetBrainsMono NFM", `url("${url}") format("woff2")`, { weight: v.weight, style: v.style });
-      const loaded = await face.load();
-      document.fonts.add(loaded);
-    } catch {}
-  });
-  await Promise.allSettled(loads);
-}
-
-// src/components/messages/renderers/TerminalRenderer.tsx
 import { jsx as jsx49, jsxs as jsxs42, Fragment as Fragment18 } from "react/jsx-runtime";
 var ANSI_RE = /[\x1B\x9B][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nq-uy=><~]/g;
 var CONTROL_RE = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g;
@@ -10413,7 +10416,7 @@ function TerminalRenderer({
   compact
 }) {
   const [, setFontReady] = useState20(false);
-  useEffect15(() => {
+  useEffect16(() => {
     loadNerdFont().then(() => setFontReady(true));
   }, []);
   const result = contentJson.result || {};
@@ -11057,7 +11060,7 @@ function formatFileSize(bytes) {
   return `${(kb / 1024).toFixed(1)}MB`;
 }
 // src/components/messages/renderers/ReasoningRenderer.tsx
-import { useState as useState21, useRef as useRef9, useEffect as useEffect16 } from "react";
+import { useState as useState21, useRef as useRef9, useEffect as useEffect17 } from "react";
 import { ChevronDown as ChevronDown5, ChevronRight as ChevronRight9 } from "lucide-react";
 import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
 function ReasoningRenderer({ part }) {
@@ -11071,7 +11074,7 @@ function ReasoningRenderer({ part }) {
   } else if (typeof data === "string") {
     content = data;
   }
-  useEffect16(() => {
+  useEffect17(() => {
     if (scrollRef.current && isExpanded && !part.completedAt && !isHoveredRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -11831,7 +11834,7 @@ var MessagePartItem = memo8(function MessagePartItem2({
 });
 
 // src/components/messages/CompactActivityGroup.tsx
-import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useMemo as useMemo10, useRef as useRef10, useState as useState23 } from "react";
+import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect2, useMemo as useMemo10, useRef as useRef10, useState as useState23 } from "react";
 import { Brain as Brain4, Search as Search6 } from "lucide-react";
 
 // src/components/messages/compactActivity.ts
@@ -12150,7 +12153,7 @@ function CompactActivityGroup({
   const summaryText = [summaryTitle, ...summary.details].join(" · ");
   const hasReasoning = entries.some((e) => e.toolName === "reasoning");
   const lastEntry = entries.length > 0 ? entries[entries.length - 1] : null;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!collapsed && !latched) {
       setShowSummary(false);
       return;
@@ -12180,14 +12183,14 @@ function CompactActivityGroup({
     observer.observe(el);
     return () => observer.disconnect();
   }, [showSummary]);
-  useEffect17(() => {
+  useEffect18(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     if (showSummary || hoveredRef.current)
       return;
     const el = scrollRef.current;
@@ -12224,7 +12227,7 @@ function CompactActivityGroup({
     };
     scrollAnimationRef.current = window.requestAnimationFrame(tick);
   }, [entries.length, lastEntry?.fullText, showSummary, contentHeight]);
-  useEffect17(() => {
+  useEffect18(() => {
     prevCountRef.current = entries.length;
   }, [entries.length]);
   const isLive = !showSummary;
@@ -12347,7 +12350,7 @@ function CompactActivityGroup({
 }
 
 // src/components/messages/ActionToolBox.tsx
-import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useRef as useRef11, useState as useState24 } from "react";
+import { useEffect as useEffect19, useLayoutEffect as useLayoutEffect3, useRef as useRef11, useState as useState24 } from "react";
 import {
   Terminal as Terminal6,
   FileEdit as FileEdit3,
@@ -12507,7 +12510,7 @@ function ActionToolBox({ part, showLine }) {
   const streamedContent = getContentFromStream(toolName, streamedInput);
   const displayContent = isShellTool3(toolName) ? streamedOutput || streamedContent || (args ? getContentFromArgs(toolName, args) : "") : args ? getContentFromArgs(toolName, args) : streamedContent;
   const hasDisplayContent = displayContent.trim().length > 0;
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isComplete && !latched) {
       setShowSummary(false);
       return;
@@ -12533,14 +12536,14 @@ function ActionToolBox({ part, showLine }) {
     const nextHeight = Math.min(el.scrollHeight, MAX_SCROLL_H2 - 12);
     setContentHeight((prev) => prev === nextHeight ? prev : nextHeight);
   }, [displayContent, hasDisplayContent]);
-  useEffect18(() => {
+  useEffect19(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     const el = scrollRef.current;
     if (!el || hoveredRef.current)
       return;
@@ -13823,7 +13826,7 @@ import {
 } from "lucide-react";
 
 // src/components/sessions/EditableTitle.tsx
-import { useState as useState28, useRef as useRef12, useEffect as useEffect19, useCallback as useCallback14 } from "react";
+import { useState as useState28, useRef as useRef12, useEffect as useEffect20, useCallback as useCallback14 } from "react";
 import { Pencil as Pencil2 } from "lucide-react";
 import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
 function EditableTitle({
@@ -13835,13 +13838,13 @@ function EditableTitle({
   const [draft, setDraft] = useState28(title || "");
   const inputRef = useRef12(null);
   const { mutate: updateSession } = useUpdateSession(sessionId);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isEditing]);
-  useEffect19(() => {
+  useEffect20(() => {
     setDraft(title || "");
   }, [title]);
   const save = useCallback14(() => {
@@ -14394,7 +14397,7 @@ var UsageModal = memo12(function UsageModal2() {
 });
 
 // src/hooks/useProviderUsage.ts
-import { useEffect as useEffect20, useCallback as useCallback15, useRef as useRef13 } from "react";
+import { useEffect as useEffect21, useCallback as useCallback15, useRef as useRef13 } from "react";
 var POLL_INTERVAL = 60000;
 var STALE_THRESHOLD = 30000;
 var inflight = new Set;
@@ -14425,7 +14428,7 @@ function useProviderUsage(provider, authType) {
   }, [provider, isOAuthProvider, setUsage, setLoading, setLastFetched]);
   const fetchRef = useRef13(fetchUsage);
   fetchRef.current = fetchUsage;
-  useEffect20(() => {
+  useEffect21(() => {
     if (!provider || !isOAuthProvider)
       return;
     fetchRef.current();
@@ -14440,7 +14443,7 @@ function useProviderUsage(provider, authType) {
 }
 
 // src/hooks/useOttoRouterBalance.ts
-import { useEffect as useEffect21, useCallback as useCallback16 } from "react";
+import { useEffect as useEffect22, useCallback as useCallback16 } from "react";
 function useOttoRouterBalance(providerName) {
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const setUsdcBalance = useOttoRouterStore((s) => s.setUsdcBalance);
@@ -14517,7 +14520,7 @@ function useOttoRouterBalance(providerName) {
     setUsage
   ]);
   const needsUsageWindows = subscription?.active && !subscription.usageWindows;
-  useEffect21(() => {
+  useEffect22(() => {
     if (providerName === "ottorouter" && (balance === null || usdcBalance === null || needsUsageWindows)) {
       fetchBalance();
     }
@@ -14957,7 +14960,7 @@ var MessageThread = memo14(function MessageThread2({
       setShowLeanHeader(headerRect.bottom < containerRect.top);
     }
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     if (disableAutoScroll)
       return;
     const sessionChanged = session?.id !== lastSessionIdRef.current;
@@ -14973,7 +14976,7 @@ var MessageThread = memo14(function MessageThread2({
       }
     }
   }, [messages.length, session?.id, disableAutoScroll]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (disableAutoScroll)
       return;
     const justStartedGenerating = isGenerating && !prevIsGeneratingRef.current;
@@ -14997,7 +15000,7 @@ var MessageThread = memo14(function MessageThread2({
       setAutoScroll(true);
     }
   }, [messages.length, isGenerating, disableAutoScroll]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (disableAutoScroll)
       return;
     const container = scrollContainerRef.current;
@@ -15027,7 +15030,7 @@ var MessageThread = memo14(function MessageThread2({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, [messages, autoScroll]);
-  useEffect22(() => {
+  useEffect23(() => {
     return () => {
       if (userScrollTimeoutRef.current) {
         clearTimeout(userScrollTimeoutRef.current);
@@ -15191,7 +15194,7 @@ var MessageThread = memo14(function MessageThread2({
 import { memo as memo17, useMemo as useMemo16 } from "react";
 
 // src/hooks/useSessionStream.ts
-import { useEffect as useEffect23, useRef as useRef15 } from "react";
+import { useEffect as useEffect24, useRef as useRef15 } from "react";
 import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 
 // src/lib/sse-client.ts
@@ -15317,7 +15320,7 @@ function useSessionStream(sessionId, enabled = true) {
     updatePendingApproval,
     setPendingApprovals
   } = useToolApprovalStore();
-  useEffect23(() => {
+  useEffect24(() => {
     if (!sessionId || !enabled) {
       return;
     }
@@ -16044,7 +16047,7 @@ function useSessionStream(sessionId, enabled = true) {
 }
 
 // src/hooks/useToolApprovalShortcuts.ts
-import { useEffect as useEffect24, useCallback as useCallback18 } from "react";
+import { useEffect as useEffect25, useCallback as useCallback18 } from "react";
 function useToolApprovalShortcuts(sessionId) {
   const { pendingApprovals, removePendingApproval } = useToolApprovalStore();
   const sessionPendingApprovals = pendingApprovals;
@@ -16080,7 +16083,7 @@ function useToolApprovalShortcuts(sessionId) {
       console.error("Failed to approve all tool calls:", error);
     }
   }, [sessionId, sessionPendingApprovals, removePendingApproval]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!sessionId || sessionPendingApprovals.length === 0)
       return;
     const handleKeyDown = (e) => {
@@ -16111,7 +16114,7 @@ function useToolApprovalShortcuts(sessionId) {
 }
 
 // src/components/settings/OttoRouterTopupModal.tsx
-import { memo as memo16, useState as useState31, useEffect as useEffect25, useCallback as useCallback19, useRef as useRef16 } from "react";
+import { memo as memo16, useState as useState31, useEffect as useEffect26, useCallback as useCallback19, useRef as useRef16 } from "react";
 import {
   CreditCard as CreditCard4,
   Wallet as Wallet2,
@@ -16356,7 +16359,7 @@ var OttoRouterTopupModal = memo16(function OttoRouterTopupModal2() {
       setIsLoadingEstimate(false);
     }
   }, [gateway, minAmount]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (isOpen && effectiveAmount >= minAmount && view === "amount") {
       const timeout = setTimeout(() => fetchEstimate(effectiveAmount), 300);
       return () => clearTimeout(timeout);
@@ -16369,7 +16372,7 @@ var OttoRouterTopupModal = memo16(function OttoRouterTopupModal2() {
     }
     setIsPolling(false);
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!isOpen) {
       stopPolling();
       setView("amount");
@@ -16378,7 +16381,7 @@ var OttoRouterTopupModal = memo16(function OttoRouterTopupModal2() {
       setPollCount(0);
     }
   }, [isOpen, stopPolling]);
-  useEffect25(() => {
+  useEffect26(() => {
     return () => stopPolling();
   }, [stopPolling]);
   const startPolling = useCallback19((checkoutId) => {
@@ -17080,7 +17083,7 @@ var SessionItem = memo18(function SessionItem2({
   });
 });
 // src/components/sessions/SessionListContainer.tsx
-import { memo as memo19, useMemo as useMemo17, useCallback as useCallback20, useEffect as useEffect26, useRef as useRef17 } from "react";
+import { memo as memo19, useMemo as useMemo17, useCallback as useCallback20, useEffect as useEffect27, useRef as useRef17 } from "react";
 
 // src/stores/focusStore.ts
 import { create as create18 } from "zustand";
@@ -17142,7 +17145,7 @@ var SessionListContainer = memo19(function SessionListContainer2({
       sessions: groupedSessions
     }));
   }, [sessionSnapshot]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (currentFocus === "sessions") {
       const session = sessionSnapshot[sessionIndex];
       if (session) {
@@ -17151,7 +17154,7 @@ var SessionListContainer = memo19(function SessionListContainer2({
       }
     }
   }, [currentFocus, sessionIndex, sessionSnapshot]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!activeSessionId || lastScrolledSessionId.current === activeSessionId || sessions.length === 0)
       return;
     const activeIndex = sessions.findIndex((s) => s.id === activeSessionId);
@@ -17167,7 +17170,7 @@ var SessionListContainer = memo19(function SessionListContainer2({
       });
     }
   }, [activeSessionId, sessions, hasNextPage, fetchNextPage]);
-  useEffect26(() => {
+  useEffect27(() => {
     const container = scrollContainerRef.current;
     if (!container)
       return;
@@ -17889,7 +17892,7 @@ ${file.absPath}`,
 }
 
 // src/components/git/GitFileList.tsx
-import { useEffect as useEffect27, useRef as useRef18, useMemo as useMemo18 } from "react";
+import { useEffect as useEffect28, useRef as useRef18, useMemo as useMemo18 } from "react";
 import { jsx as jsx75, jsxs as jsxs67 } from "react/jsx-runtime";
 function GitFileList({ status }) {
   const { openCommitModal, openDiff } = useGitStore();
@@ -17924,7 +17927,7 @@ function GitFileList({ status }) {
     }
   };
   const conflictedLength = status.conflicted?.length ?? 0;
-  useEffect27(() => {
+  useEffect28(() => {
     if (currentFocus === "git" && gitFileIndex >= 0) {
       const element = itemRefs.current.get(gitFileIndex);
       element?.scrollIntoView({ block: "nearest", behavior: "smooth" });
@@ -18128,7 +18131,7 @@ function GitFileList({ status }) {
   });
 }
 // src/components/git/GitSidebar.tsx
-import { memo as memo20, useCallback as useCallback21, useEffect as useEffect28, useState as useState33 } from "react";
+import { memo as memo20, useCallback as useCallback21, useEffect as useEffect29, useState as useState33 } from "react";
 import {
   FolderGit2,
   ChevronRight as ChevronRight10,
@@ -18169,7 +18172,7 @@ var GitSidebar = memo20(function GitSidebar2({
   const [remoteName, setRemoteName] = useState33("origin");
   const [remoteUrl, setRemoteUrl] = useState33("");
   const [confirmRemoveRemote, setConfirmRemoveRemote] = useState33(null);
-  useEffect28(() => {
+  useEffect29(() => {
     if (isExpanded) {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
     }
@@ -18618,7 +18621,7 @@ var GitSidebarToggle = memo21(function GitSidebarToggle2() {
   });
 });
 // src/components/git/GitDiffPanel.tsx
-import { useEffect as useEffect29, useRef as useRef19, memo as memo22, useState as useState34 } from "react";
+import { useEffect as useEffect30, useRef as useRef19, memo as memo22, useState as useState34 } from "react";
 import { X as X12, Maximize2, Minimize2 as Minimize22 } from "lucide-react";
 
 // src/stores/sidebarStore.ts
@@ -18677,7 +18680,7 @@ var GitDiffPanel = memo22(function GitDiffPanel2() {
   const { data: fullFileDiff, isLoading: fullFileLoading } = useGitDiffFullFile(selectedFile, selectedFileStaged, showFullFile);
   const activeDiff = showFullFile && fullFileDiff ? fullFileDiff : diff;
   const activeLoading = showFullFile ? fullFileLoading : isLoading;
-  useEffect29(() => {
+  useEffect30(() => {
     if (!isDiffOpen)
       setShowFullFile(false);
     if (isDiffOpen && !prevDiffOpenRef.current) {
@@ -18692,7 +18695,7 @@ var GitDiffPanel = memo22(function GitDiffPanel2() {
     }
     prevDiffOpenRef.current = isDiffOpen;
   }, [isDiffOpen, setCollapsed]);
-  useEffect29(() => {
+  useEffect30(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -18771,7 +18774,7 @@ ${activeDiff?.absPath || ""}`,
   });
 });
 // src/components/git/GitCommitModal.tsx
-import { useState as useState35, useId as useId2, useEffect as useEffect30, useCallback as useCallback22 } from "react";
+import { useState as useState35, useId as useId2, useEffect as useEffect31, useCallback as useCallback22 } from "react";
 import { GitCommit as GitCommit4, Sparkles as Sparkles5, Loader2 as Loader28 } from "lucide-react";
 import { jsx as jsx79, jsxs as jsxs71, Fragment as Fragment33 } from "react/jsx-runtime";
 function GitCommitModal() {
@@ -18804,7 +18807,7 @@ function GitCommitModal() {
       console.error("Failed to generate commit message:", error);
     }
   }, [generateMessage]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!isCommitModalOpen)
       return;
     const handleKeyDown = (e) => {
@@ -18942,7 +18945,7 @@ function GitCommitModal() {
   });
 }
 // src/components/terminals/TerminalsPanel.tsx
-import { memo as memo24, useCallback as useCallback24, useRef as useRef21, useEffect as useEffect32 } from "react";
+import { memo as memo24, useCallback as useCallback24, useRef as useRef21, useEffect as useEffect33 } from "react";
 import {
   Terminal as TerminalIcon,
   Maximize2 as Maximize22,
@@ -19112,7 +19115,7 @@ var TerminalTabBar = memo23(function TerminalTabBar2({
 });
 
 // src/components/terminals/TerminalViewer.tsx
-import { useEffect as useEffect31, useRef as useRef20, useState as useState36, useCallback as useCallback23 } from "react";
+import { useEffect as useEffect32, useRef as useRef20, useState as useState36, useCallback as useCallback23 } from "react";
 import { init, Terminal as Terminal7, FitAddon } from "ghostty-web";
 import { client as client3 } from "@ottocode/api";
 import { jsx as jsx81, jsxs as jsxs73 } from "react/jsx-runtime";
@@ -19277,7 +19280,7 @@ function TerminalViewer({
       }
     };
   }, [terminalId]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!containerRef.current || !terminalId)
       return;
     let disposed = false;
@@ -19447,7 +19450,7 @@ function TerminalViewer({
       fitAddonRef.current = null;
     };
   }, [terminalId, connectWebSocket]);
-  useEffect31(() => {
+  useEffect32(() => {
     const term = termRef.current;
     if (!term)
       return;
@@ -19465,7 +19468,7 @@ function TerminalViewer({
       }
     }
   }, [isActive, fitTerminal]);
-  useEffect31(() => {
+  useEffect32(() => {
     fitTerminal();
   }, [fitTerminal]);
   return /* @__PURE__ */ jsx81("div", {
@@ -19540,12 +19543,12 @@ var TerminalsPanel = memo24(function TerminalsPanel2() {
   const autoCreatingRef = useRef21(false);
   const terminalsListRef = useRef21(terminalsList);
   terminalsListRef.current = terminalsList;
-  useEffect32(() => {
+  useEffect33(() => {
     if (isOpen && terminalsListRef.current.length > 0 && (!activeTabId || !terminalsListRef.current.find((t) => t.id === activeTabId))) {
       selectTab(terminalsListRef.current[0].id);
     }
   }, [isOpen, terminalsList.length, activeTabId, selectTab]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (isOpen && terminals && terminalsList.length === 0 && !autoCreatingRef.current && !createTerminal.isPending) {
       autoCreatingRef.current = true;
       createTerminal.mutateAsync({
@@ -19581,7 +19584,7 @@ var TerminalsPanel = memo24(function TerminalsPanel2() {
       }
     } catch {}
   }, [killTerminal, activeTabId, selectTab, closePanel]);
-  useEffect32(() => {
+  useEffect33(() => {
     const handleKeyDown = (e) => {
       if (e.key === "`" && e.ctrlKey) {
         e.preventDefault();
@@ -20007,7 +20010,7 @@ var SessionFilesSidebarToggle = memo27(function SessionFilesSidebarToggle2({
   });
 });
 // src/components/session-files/SessionFilesDiffPanel.tsx
-import { useEffect as useEffect33, useMemo as useMemo20, memo as memo28, useRef as useRef22 } from "react";
+import { useEffect as useEffect34, useMemo as useMemo20, memo as memo28, useRef as useRef22 } from "react";
 import { X as X14, ChevronLeft, ChevronRight as ChevronRight11 } from "lucide-react";
 import { Prism as SyntaxHighlighter10 } from "react-syntax-highlighter";
 import {
@@ -20339,7 +20342,7 @@ ${contentLines.map((line) => `+${line}`).join(`
     }
     return rawPatch;
   }, [selectedOperation, selectedFile]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (isDiffOpen && !prevDiffOpenRef.current) {
       const { isCollapsed } = useSidebarStore.getState();
       wasCollapsedRef.current = isCollapsed;
@@ -20352,7 +20355,7 @@ ${contentLines.map((line) => `+${line}`).join(`
     }
     prevDiffOpenRef.current = isDiffOpen;
   }, [isDiffOpen, setCollapsed]);
-  useEffect33(() => {
+  useEffect34(() => {
     const handleKeyDown = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -20504,7 +20507,7 @@ ${contentLines.map((line) => `+${line}`).join(`
   });
 });
 // src/components/research/ResearchSidebar.tsx
-import { memo as memo29, useState as useState37, useEffect as useEffect34, useCallback as useCallback25, useRef as useRef23, useMemo as useMemo21 } from "react";
+import { memo as memo29, useState as useState37, useEffect as useEffect35, useCallback as useCallback25, useRef as useRef23, useMemo as useMemo21 } from "react";
 import {
   FlaskConical as FlaskConical3,
   Plus as Plus5,
@@ -20680,12 +20683,12 @@ var ResearchSidebar = memo29(function ResearchSidebar2({
       queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
     }
   });
-  useEffect34(() => {
+  useEffect35(() => {
     if (parentSessionId) {
       useResearchStore.getState().setParentSessionId(parentSessionId);
     }
   }, [parentSessionId]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (researchData?.sessions?.length) {
       const currentIsValid = researchData.sessions.some((s) => s.id === activeResearchSessionId);
       if (!currentIsValid) {
@@ -20695,7 +20698,7 @@ var ResearchSidebar = memo29(function ResearchSidebar2({
       selectResearchSession(null);
     }
   }, [researchData, activeResearchSessionId, selectResearchSession]);
-  useEffect34(() => {
+  useEffect35(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
   const adjustTextareaHeight = useCallback25(() => {
@@ -20705,7 +20708,7 @@ var ResearchSidebar = memo29(function ResearchSidebar2({
     textarea.style.height = "auto";
     textarea.style.height = `${Math.min(textarea.scrollHeight, 120)}px`;
   }, []);
-  useEffect34(() => {
+  useEffect35(() => {
     adjustTextareaHeight();
   }, [adjustTextareaHeight]);
   const handleCreateNew = useCallback25(async () => {
@@ -21197,7 +21200,7 @@ var ResearchSidebarToggle = memo30(function ResearchSidebarToggle2({
   });
 });
 // src/components/settings/SettingsSidebar.tsx
-import { memo as memo31, useState as useState39, useMemo as useMemo22, useCallback as useCallback27, useEffect as useEffect37, useRef as useRef26 } from "react";
+import { memo as memo31, useState as useState39, useMemo as useMemo22, useCallback as useCallback27, useEffect as useEffect38, useRef as useRef26 } from "react";
 import { createPortal } from "react-dom";
 import {
   Settings as Settings2,
@@ -21259,7 +21262,7 @@ var useOnboardingStore = create21((set, get) => ({
 }));
 
 // src/hooks/useAuthStatus.ts
-import { useEffect as useEffect35, useCallback as useCallback26, useState as useState38, useRef as useRef24 } from "react";
+import { useEffect as useEffect36, useCallback as useCallback26, useState as useState38, useRef as useRef24 } from "react";
 import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
 var isInIframe = typeof window !== "undefined" && window.self !== window.top;
 function useAuthStatus() {
@@ -21453,7 +21456,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!oauthPolling || !isInIframe)
       return;
     oauthPollingRef.current = setInterval(() => {
@@ -21467,7 +21470,7 @@ function useAuthStatus() {
       clearTimeout(timeout);
     };
   }, [oauthPolling, fetchAuthStatus]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!oauthPolling || !authStatus)
       return;
     const currentConfigured = Object.entries(authStatus.providers).filter(([, p]) => p.configured);
@@ -21476,7 +21479,7 @@ function useAuthStatus() {
       setOauthPolling(false);
     }
   }, [authStatus, oauthPolling]);
-  useEffect35(() => {
+  useEffect36(() => {
     const handleOAuthMessage = (event) => {
       if (event.data?.type === "oauth-success") {
         fetchAuthStatus();
@@ -21547,14 +21550,14 @@ function useAuthStatus() {
 }
 
 // src/hooks/useTopupCallback.ts
-import { useEffect as useEffect36, useRef as useRef25 } from "react";
+import { useEffect as useEffect37, useRef as useRef25 } from "react";
 var STORAGE_KEY2 = "pendingPolarCheckout";
 function useTopupCallback() {
   const hasHandled = useRef25(false);
   const loadingToastId = useRef25(null);
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const removeToast = useToastStore((s) => s.removeToast);
-  useEffect36(() => {
+  useEffect37(() => {
     if (hasHandled.current)
       return;
     const params = new URLSearchParams(window.location.search);
@@ -21745,7 +21748,7 @@ var SelectRow = memo31(function SelectRow2({
   const [menuStyle, setMenuStyle] = useState39(null);
   const buttonRef = useRef26(null);
   const selectedOption = options.find((o) => o.id === value);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!isOpen || !buttonRef.current)
       return;
     const update = () => {
@@ -21962,7 +21965,7 @@ var NumberInputRow = memo31(function NumberInputRow2({
   disabled
 }) {
   const [draft, setDraft] = useState39(value !== null && value !== undefined ? String(value) : "");
-  useEffect37(() => {
+  useEffect38(() => {
     setDraft(value !== null && value !== undefined ? String(value) : "");
   }, [value]);
   const persistedValue = value !== null && value !== undefined ? String(value) : "";
@@ -22686,7 +22689,7 @@ import { QRCodeSVG as QRCodeSVG2 } from "qrcode.react";
 
 // src/hooks/useTunnel.ts
 import { useQuery as useQuery12, useMutation as useMutation9, useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useEffect as useEffect38, useCallback as useCallback28, useRef as useRef27 } from "react";
+import { useEffect as useEffect39, useCallback as useCallback28, useRef as useRef27 } from "react";
 import {
   client as client4,
   getTunnelQr,
@@ -22729,7 +22732,7 @@ function useTunnelStatus() {
     queryFn: fetchTunnelStatus,
     refetchInterval: 3000
   });
-  useEffect38(() => {
+  useEffect39(() => {
     if (query.data) {
       setStatus(query.data.status);
       setUrl(query.data.url);
@@ -22789,7 +22792,7 @@ function useTunnelQr() {
     queryFn: fetchTunnelQr,
     enabled: !!url
   });
-  useEffect38(() => {
+  useEffect39(() => {
     if (query.data?.ok && query.data.qrCode) {
       setQrCode(query.data.qrCode);
     }
@@ -22829,7 +22832,7 @@ function useTunnelStream() {
       eventSourceRef.current = null;
     };
   }, [setStatus, setUrl, setError, setProgress]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (isExpanded) {
       const cleanup = connect();
       return cleanup;
@@ -23083,7 +23086,7 @@ var TunnelSidebarToggle = memo34(function TunnelSidebarToggle2() {
   });
 });
 // src/components/mcp/MCPSidebar.tsx
-import { memo as memo37, useState as useState42, useCallback as useCallback31, useMemo as useMemo23, useEffect as useEffect41, useRef as useRef30 } from "react";
+import { memo as memo37, useState as useState42, useCallback as useCallback31, useMemo as useMemo23, useEffect as useEffect42, useRef as useRef30 } from "react";
 import {
   ChevronDown as ChevronDown10,
   ChevronRight as ChevronRight13,
@@ -23103,7 +23106,7 @@ import { useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 
 // src/hooks/useMCP.ts
 import { useQuery as useQuery13, useMutation as useMutation10, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
-import { useEffect as useEffect39, useRef as useRef28, useCallback as useCallback29 } from "react";
+import { useEffect as useEffect40, useRef as useRef28, useCallback as useCallback29 } from "react";
 import {
   listMcpServers,
   startMcpServer,
@@ -23125,7 +23128,7 @@ function useMCPServers() {
     },
     refetchInterval: 1e4
   });
-  useEffect39(() => {
+  useEffect40(() => {
     if (query.data?.servers) {
       setServers(query.data.servers);
     }
@@ -23276,7 +23279,7 @@ function useCopilotDevicePoller() {
       timerRef.current = null;
     }
   }, []);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!copilotDevice) {
       stopPolling();
       return;
@@ -23312,7 +23315,7 @@ function useCopilotDevicePoller() {
 }
 
 // src/components/mcp/AddMCPServerModal.tsx
-import { memo as memo35, useState as useState41, useCallback as useCallback30, useRef as useRef29, useEffect as useEffect40 } from "react";
+import { memo as memo35, useState as useState41, useCallback as useCallback30, useRef as useRef29, useEffect as useEffect41 } from "react";
 import { Globe as Globe5, Laptop, Loader2 as Loader212, FolderDot, Terminal as Terminal9 } from "lucide-react";
 import { jsx as jsx93, jsxs as jsxs84, Fragment as Fragment39 } from "react/jsx-runtime";
 function parseCommandString(input) {
@@ -23435,7 +23438,7 @@ var AddMCPServerModal = memo35(function AddMCPServerModal2({
   ]);
   const contentRef = useRef29(null);
   const [contentHeight, setContentHeight] = useState41(undefined);
-  useEffect40(() => {
+  useEffect41(() => {
     const el = contentRef.current;
     if (!el)
       return;
@@ -23972,7 +23975,7 @@ var MCPServerCard = memo37(function MCPServerCard2({
 function useAuthPoller(name, onAuthenticated) {
   const { data } = useMCPAuthStatus(name);
   const prevAuth = useRef30(false);
-  useEffect41(() => {
+  useEffect42(() => {
     if (data?.authenticated && !prevAuth.current) {
       onAuthenticated();
     }
@@ -24006,7 +24009,7 @@ var MCPSidebar = memo37(function MCPSidebar2() {
     }
   }, [pollingServer, setAuthUrl, queryClient]);
   useAuthPoller(pollingServer, handleAuthCompleted);
-  useEffect41(() => {
+  useEffect42(() => {
     for (const name of loading) {
       const server = servers.find((s) => s.name === name);
       if (server?.connected) {
@@ -24260,7 +24263,7 @@ import {
 
 // src/hooks/useSkills.ts
 import { useMutation as useMutation11, useQuery as useQuery14, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import { useEffect as useEffect42 } from "react";
+import { useEffect as useEffect43 } from "react";
 function useSkills() {
   const setSkillsConfig = useSkillsStore((s) => s.setSkillsConfig);
   const query = useQuery14({
@@ -24270,7 +24273,7 @@ function useSkills() {
     },
     refetchInterval: 30000
   });
-  useEffect42(() => {
+  useEffect43(() => {
     if (query.data?.items) {
       setSkillsConfig({
         skills: query.data.items,
@@ -24664,7 +24667,7 @@ var SkillsSidebarToggle = memo40(function SkillsSidebarToggle2() {
   });
 });
 // src/components/skills/SkillViewerPanel.tsx
-import { memo as memo41, useEffect as useEffect43 } from "react";
+import { memo as memo41, useEffect as useEffect44 } from "react";
 import { X as X16 } from "lucide-react";
 import { Prism as SyntaxHighlighter11 } from "react-syntax-highlighter";
 import {
@@ -24719,7 +24722,7 @@ var SkillViewerPanel = memo41(function SkillViewerPanel2() {
   const isLoading = isMainFile ? !skillDetail : fileLoading;
   const displayPath = isMainFile ? "SKILL.md" : viewingFile ?? "";
   const language = inferLanguage(displayPath);
-  useEffect43(() => {
+  useEffect44(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -25005,7 +25008,7 @@ var FileBrowserSidebarToggle = memo43(function FileBrowserSidebarToggle2() {
   });
 });
 // src/components/file-browser/FileViewerPanel.tsx
-import { memo as memo44, useEffect as useEffect44 } from "react";
+import { memo as memo44, useEffect as useEffect45 } from "react";
 import { X as X17 } from "lucide-react";
 import ReactMarkdown3 from "react-markdown";
 import { Prism as SyntaxHighlighter12 } from "react-syntax-highlighter";
@@ -25066,7 +25069,7 @@ var FileViewerPanel = memo44(function FileViewerPanel2() {
   const selectedFile = useFileBrowserStore((s) => s.selectedFile);
   const closeViewer = useFileBrowserStore((s) => s.closeViewer);
   const { data, isLoading } = useFileContent(selectedFile);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -25196,7 +25199,7 @@ var FileViewerPanel = memo44(function FileViewerPanel2() {
   });
 });
 // src/components/file-browser/QuickFilePicker.tsx
-import { memo as memo45, useState as useState43, useEffect as useEffect45, useRef as useRef31, useCallback as useCallback33, useMemo as useMemo25 } from "react";
+import { memo as memo45, useState as useState43, useEffect as useEffect46, useRef as useRef31, useCallback as useCallback33, useMemo as useMemo25 } from "react";
 import { FileCode as FileCode4, Search as Search7 } from "lucide-react";
 
 // src/stores/filePickerStore.ts
@@ -25252,14 +25255,14 @@ var QuickFilePicker = memo45(function QuickFilePicker2() {
     const results = filesData.files.map((file) => ({ file, ...fuzzyMatch(query, file) })).filter((r) => r.match).sort((a, b) => b.score - a.score).slice(0, 50);
     return results.map((r) => r.file);
   }, [filesData?.files, query]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (isOpen) {
       setQuery("");
       setSelectedIndex(0);
       setTimeout(() => inputRef.current?.focus(), 0);
     }
   }, [isOpen]);
-  useEffect45(() => {
+  useEffect46(() => {
     const item = listRef.current?.children[selectedIndex];
     item?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -25421,7 +25424,7 @@ function HighlightedPath({ path, query }) {
 import { memo as memo48 } from "react";
 
 // src/components/onboarding/steps/ProviderSetupStep.tsx
-import { memo as memo46, useEffect as useEffect46, useState as useState44, useRef as useRef32 } from "react";
+import { memo as memo46, useEffect as useEffect47, useState as useState44, useRef as useRef32 } from "react";
 import {
   Copy as Copy5,
   Check as Check13,
@@ -25529,34 +25532,34 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
   const { fetchBalance } = useOttoRouterBalance("ottorouter");
   const effectivePayg = payg?.effectiveSpendableUsd ?? balance ?? 0;
   const setuStatusLabel = subscription?.active ? `GO ${(subscription.creditsRemaining ?? 0).toFixed(1)} credits` : `$${effectivePayg.toFixed(2)}`;
-  useEffect46(() => {
+  useEffect47(() => {
     if (prevTopupModalOpen.current && !isTopupModalOpen) {
       fetchBalance();
     }
     prevTopupModalOpen.current = isTopupModalOpen;
   }, [isTopupModalOpen, fetchBalance]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (!authStatus.ottorouter.configured && !isSettingUp) {
       setIsSettingUp(true);
       onSetupWallet().finally(() => setIsSettingUp(false));
     }
   }, [authStatus.ottorouter.configured, onSetupWallet, isSettingUp]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (addingProvider && apiKeyInputRef.current) {
       apiKeyInputRef.current.focus();
     }
   }, [addingProvider]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (oauthSession && oauthCodeInputRef.current) {
       oauthCodeInputRef.current.focus();
     }
   }, [oauthSession]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (isImportModalOpen && importPrivateKeyRef.current) {
       importPrivateKeyRef.current.focus();
     }
   }, [isImportModalOpen]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (!copilotPolling || !copilotDevice || !copilotPollFnRef.current)
       return;
     copilotCancelledRef.current = false;
@@ -26941,7 +26944,7 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
 });
 
 // src/components/onboarding/steps/DefaultsStep.tsx
-import { memo as memo47, useState as useState45, useEffect as useEffect47, useId as useId3, useRef as useRef33 } from "react";
+import { memo as memo47, useState as useState45, useEffect as useEffect48, useId as useId3, useRef as useRef33 } from "react";
 import { Loader2 as Loader217, ArrowLeft, Sparkles as Sparkles9, ChevronDown as ChevronDown12 } from "lucide-react";
 import { jsx as jsx105, jsxs as jsxs93, Fragment as Fragment43 } from "react/jsx-runtime";
 var DefaultsStep = memo47(function DefaultsStep2({
@@ -26964,7 +26967,7 @@ var DefaultsStep = memo47(function DefaultsStep2({
   const modelId = useId3();
   const agentId = useId3();
   const approvalId = useId3();
-  useEffect47(() => {
+  useEffect48(() => {
     const loadConfig = async () => {
       try {
         const [configData, modelsData] = await Promise.all([
@@ -26995,7 +26998,7 @@ var DefaultsStep = memo47(function DefaultsStep2({
     };
     loadConfig();
   }, []);
-  useEffect47(() => {
+  useEffect48(() => {
     if (config2?.agents?.length) {
       const agents = config2.agents;
       if (!selectedAgent || !agents.includes(selectedAgent)) {
@@ -27003,7 +27006,7 @@ var DefaultsStep = memo47(function DefaultsStep2({
       }
     }
   }, [config2, selectedAgent]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (allModels?.[selectedProvider] && hasUserChangedProvider.current) {
       const providerModels = allModels[selectedProvider];
       if (!providerModels.models.some((m) => m.id === selectedModel)) {
@@ -27365,8 +27368,179 @@ var OnboardingModal = memo48(function OnboardingModal2({
     ]
   });
 });
+// src/hooks/useClientEvents.ts
+import { useEffect as useEffect49, useRef as useRef34 } from "react";
+import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import {
+  buildClientEventsStreamUrl,
+  createClientEventsStream
+} from "@ottocode/api";
+function toastTypeForLevel(level) {
+  if (level === "success")
+    return "success";
+  if (level === "error")
+    return "error";
+  return "default";
+}
+function showInAppNotification(notification) {
+  const message = notification.body ? `${notification.title}: ${notification.body}` : notification.title;
+  if (notification.action) {
+    const id = toast(message, toastTypeForLevel(notification.level), 6000);
+    useToastStore.getState().updateToast(id, { action: notification.action });
+    return;
+  }
+  toast(message, toastTypeForLevel(notification.level), 5000);
+}
+function sendBrowserNotification(notification) {
+  if (typeof window === "undefined")
+    return;
+  if (window.parent && window.parent !== window) {
+    const message = {
+      type: "otto-notification",
+      notification
+    };
+    window.parent.postMessage(message, "*");
+    return;
+  }
+  if (!("Notification" in window) || Notification.permission !== "granted")
+    return;
+  const browserNotification = new Notification(notification.title, {
+    body: notification.body,
+    tag: notification.id
+  });
+  browserNotification.onclick = () => {
+    window.focus();
+    if (notification.sessionId) {
+      window.location.href = `/sessions/${notification.sessionId}`;
+    }
+    browserNotification.close();
+  };
+}
+function updateSessionStatusInCache(queryClient, status) {
+  queryClient.setQueryData(sessionsQueryKey, (old) => {
+    if (!old)
+      return old;
+    return {
+      ...old,
+      pages: old.pages.map((page) => ({
+        ...page,
+        items: page.items.map((session) => session.id === status.sessionId ? {
+          ...session,
+          isRunning: status.status === "running"
+        } : session)
+      }))
+    };
+  });
+}
+function isLocalApiUrl(baseUrl) {
+  try {
+    const { hostname } = new URL(baseUrl);
+    return hostname === "localhost" || hostname === "127.0.0.1" || hostname.startsWith("192.168.") || hostname.startsWith("10.") || /^172\.(1[6-9]|2\d|3[01])\./.test(hostname);
+  } catch {
+    return false;
+  }
+}
+async function requestLocalhostAccess(baseUrl) {
+  const response = await fetch(new URL("/openapi.json", baseUrl), {
+    cache: "no-store",
+    credentials: "include"
+  });
+  if (!response.ok) {
+    throw new Error(`Local API returned ${response.status}`);
+  }
+}
+function useClientEvents(activeSessionId) {
+  const queryClient = useQueryClient20();
+  const activeSessionIdRef = useRef34(activeSessionId);
+  useEffect49(() => {
+    activeSessionIdRef.current = activeSessionId;
+  }, [activeSessionId]);
+  useEffect49(() => {
+    if (typeof window === "undefined" || window.parent !== window)
+      return;
+    if (!("Notification" in window))
+      return;
+    if (Notification.permission !== "default")
+      return;
+    if (window.localStorage.getItem("otto-notification-permission-prompted")) {
+      return;
+    }
+    window.localStorage.setItem("otto-notification-permission-prompted", "1");
+    const id = toast("Enable browser notifications for background session updates.", "default", 0);
+    useToastStore.getState().updateToast(id, {
+      action: {
+        label: "Enable",
+        onClick: async () => {
+          const permission = await Notification.requestPermission();
+          if (permission === "granted") {
+            toast.success("Browser notifications enabled.");
+          } else {
+            toast.info("Browser notifications were not enabled.");
+          }
+        }
+      }
+    });
+  }, []);
+  useEffect49(() => {
+    const controller = new AbortController;
+    let hasShownLocalAccessToast = false;
+    const baseUrl = getBaseUrl();
+    createClientEventsStream({
+      baseUrl,
+      onEvent: (event) => {
+        if (event.event === "heartbeat")
+          return;
+        let payload;
+        try {
+          payload = JSON.parse(event.data);
+        } catch (error) {
+          console.error("[client-events] Failed to parse event:", error);
+          return;
+        }
+        if (event.event === "session.status") {
+          const status = payload;
+          updateSessionStatusInCache(queryClient, status);
+          if (status.status !== "running") {
+            queryClient.invalidateQueries({
+              queryKey: sessionsQueryKey
+            });
+          }
+          return;
+        }
+        if (event.event === "notification") {
+          const notification = payload;
+          showInAppNotification(notification);
+          const isActiveVisibleSession = notification.sessionId === activeSessionIdRef.current && document.visibilityState === "visible";
+          if (!isActiveVisibleSession) {
+            sendBrowserNotification(notification);
+          }
+        }
+      },
+      onError: (error) => {
+        if (!controller.signal.aborted) {
+          console.error("[client-events] Stream error:", error);
+          if (!hasShownLocalAccessToast && isLocalApiUrl(baseUrl)) {
+            hasShownLocalAccessToast = true;
+            const id = toast("Safari may need permission to access the local otto server.", "default", 0);
+            useToastStore.getState().updateToast(id, {
+              action: {
+                label: "Allow access",
+                onClick: async () => {
+                  await requestLocalhostAccess(baseUrl);
+                  toast.success("Local otto server access confirmed.");
+                }
+              }
+            });
+          }
+        }
+      }
+    }, controller.signal);
+    return () => controller.abort();
+  }, [queryClient]);
+  return buildClientEventsStreamUrl({ baseUrl: getBaseUrl() });
+}
 // src/hooks/useTheme.ts
-import { useEffect as useEffect48, useState as useState46, useCallback as useCallback34, useMemo as useMemo26 } from "react";
+import { useEffect as useEffect50, useState as useState46, useCallback as useCallback34, useMemo as useMemo26 } from "react";
 var STORAGE_KEY3 = "otto-theme";
 function resolveInitialTheme() {
   if (typeof window === "undefined") {
@@ -27383,7 +27557,7 @@ function resolveInitialTheme() {
 }
 function useTheme() {
   const [theme, setTheme] = useState46(() => resolveInitialTheme());
-  useEffect48(() => {
+  useEffect50(() => {
     if (typeof document === "undefined")
       return;
     const root = document.documentElement;
@@ -27401,7 +27575,7 @@ function useTheme() {
       window.parent.postMessage({ type: "otto-set-theme", theme }, "*");
     }
   }, [theme]);
-  useEffect48(() => {
+  useEffect50(() => {
     if (typeof window === "undefined")
       return;
     const handler = (e) => {
@@ -27418,11 +27592,11 @@ function useTheme() {
   return useMemo26(() => ({ theme, setTheme, toggleTheme }), [theme, toggleTheme]);
 }
 // src/hooks/useWorkingDirectory.ts
-import { useEffect as useEffect49, useState as useState47 } from "react";
+import { useEffect as useEffect51, useState as useState47 } from "react";
 import { getCwd } from "@ottocode/api";
 function useWorkingDirectory() {
   const [dirName, setDirName] = useState47(null);
-  useEffect49(() => {
+  useEffect51(() => {
     const fetchWorkingDirectory = async () => {
       try {
         const response = await getCwd({ baseURL: getBaseUrl() });
@@ -27446,7 +27620,7 @@ function useWorkingDirectory() {
   return dirName;
 }
 // src/hooks/useKeyboardShortcuts.ts
-import { useEffect as useEffect50, useCallback as useCallback35 } from "react";
+import { useEffect as useEffect52, useCallback as useCallback35 } from "react";
 function useKeyboardShortcuts({
   sessionIds,
   activeSessionId,
@@ -27678,7 +27852,7 @@ function useKeyboardShortcuts({
     onReturnToInput,
     closeDiff
   ]);
-  useEffect50(() => {
+  useEffect52(() => {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [handleKeyDown]);
@@ -27692,7 +27866,7 @@ function useKeyboardShortcuts({
 import {
   useState as useState48,
   useCallback as useCallback36,
-  useEffect as useEffect51
+  useEffect as useEffect53
 } from "react";
 var SUPPORTED_TYPES2 = ["image/png", "image/jpeg", "image/gif", "image/webp"];
 function generateId2() {
@@ -27828,7 +28002,7 @@ function useImageUpload(options = {}) {
       addImages(imageFiles);
     }
   }, [addImages]);
-  useEffect51(() => {
+  useEffect53(() => {
     if (!pageWide)
       return;
     let dragCounter = 0;
@@ -27889,17 +28063,17 @@ function useImageUpload(options = {}) {
   };
 }
 // src/hooks/useSetuPayments.ts
-import { useEffect as useEffect52, useRef as useRef34 } from "react";
+import { useEffect as useEffect54, useRef as useRef35 } from "react";
 function useSetuPayments(sessionId) {
-  const clientRef = useRef34(null);
-  const loadingToastIdRef = useRef34(null);
+  const clientRef = useRef35(null);
+  const loadingToastIdRef = useRef35(null);
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const setPaymentPending = useOttoRouterStore((s) => s.setPaymentPending);
   const removeToast = useToastStore((s) => s.removeToast);
   const updateToast = useToastStore((s) => s.updateToast);
   const setPendingTopup = useTopupApprovalStore((s) => s.setPendingTopup);
   const clearPendingTopup = useTopupApprovalStore((s) => s.clearPendingTopup);
-  useEffect52(() => {
+  useEffect54(() => {
     if (!sessionId)
       return;
     const client5 = new SSEClient;
@@ -28119,6 +28293,7 @@ export {
   useConfirmationStore,
   useConfig,
   useCommitChanges,
+  useClientEvents,
   useBranches,
   useAuthenticateMCPServer,
   useAuthStatus,
@@ -28204,4 +28379,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=A0D9DB2AD6889D8964756E2164756E21
+//# debugId=DF50BEED8600D28B64756E2164756E21