@ottocode/web-sdk 0.1.302 → 0.1.304

package/dist/index.js

@@ -4413,6 +4413,8 @@ var useGitStore = create12((set) => ({
   isCommitModalOpen: false,
   commitSessionId: null,
   wasSessionListCollapsed: false,
+  gitTreeKnownFolders: {},
+  gitTreeExpandedFolders: {},
   gitTreeSections: {},
   gitTreeRows: [],
   toggleSidebar: () => {
@@ -4457,6 +4459,46 @@ var useGitStore = create12((set) => ({
   closeCommitModal: () => set({ isCommitModalOpen: false, commitSessionId: null }),
   setActiveSessionId: (sessionId) => set({ activeSessionId: sessionId }),
   setSessionListCollapsed: (collapsed) => set({ wasSessionListCollapsed: collapsed }),
+  syncGitTreeFolders: (sectionId, paths) => set((state) => {
+    const knownFolders = state.gitTreeKnownFolders[sectionId] ?? new Set;
+    const expandedFolders = state.gitTreeExpandedFolders[sectionId] ?? new Set;
+    let changed = false;
+    const nextKnownFolders = new Set(knownFolders);
+    const nextExpandedFolders = new Set(expandedFolders);
+    for (const path of paths) {
+      if (!nextKnownFolders.has(path)) {
+        nextKnownFolders.add(path);
+        nextExpandedFolders.add(path);
+        changed = true;
+      }
+    }
+    if (!changed)
+      return state;
+    return {
+      gitTreeKnownFolders: {
+        ...state.gitTreeKnownFolders,
+        [sectionId]: nextKnownFolders
+      },
+      gitTreeExpandedFolders: {
+        ...state.gitTreeExpandedFolders,
+        [sectionId]: nextExpandedFolders
+      }
+    };
+  }),
+  toggleGitTreeFolder: (sectionId, path) => set((state) => {
+    const expandedFolders = state.gitTreeExpandedFolders[sectionId] ?? new Set;
+    const nextExpandedFolders = new Set(expandedFolders);
+    if (nextExpandedFolders.has(path))
+      nextExpandedFolders.delete(path);
+    else
+      nextExpandedFolders.add(path);
+    return {
+      gitTreeExpandedFolders: {
+        ...state.gitTreeExpandedFolders,
+        [sectionId]: nextExpandedFolders
+      }
+    };
+  }),
   setGitTreeSectionRows: (sectionId, rows) => set((state) => {
     if (areGitTreeRowsEqual(state.gitTreeSections[sectionId], rows)) {
       return state;
@@ -12479,7 +12521,7 @@ function normalizeToolTarget(toolName, args) {
     apply_patch: ["path"],
     glob: ["pattern"],
     grep: ["query", "pattern"],
-    ripgrep: ["query", "pattern"],
+    search: ["query", "pattern"],
     shell: ["cmd", "command"],
     bash: ["cmd", "command"],
     terminal: ["command"],
@@ -17590,7 +17632,8 @@ var TOOL_NAME_ALIASES = {
   Cd: "cd",
   Pwd: "pwd",
   Glob: "glob",
-  Grep: "ripgrep",
+  Grep: "search",
+  Search: "search",
   Shell: "shell",
   Bash: "shell",
   bash: "shell",
@@ -17709,7 +17752,7 @@ function ToolResultRenderer({
       return /* @__PURE__ */ jsx67(TreeRenderer, {
         ...props
       });
-    case "ripgrep":
+    case "search":
     case "grep":
     case "glob":
       return /* @__PURE__ */ jsx67(SearchRenderer, {
@@ -18028,7 +18071,7 @@ var MessagePartItem = memo13(function MessagePartItem2({
         return /* @__PURE__ */ jsx69(Terminal5, {
           className: "h-4 w-4 text-muted-foreground"
         });
-      if (toolName === "ripgrep" || toolName === "grep" || toolName === "glob")
+      if (toolName === "search" || toolName === "grep" || toolName === "glob")
         return /* @__PURE__ */ jsx69(Search5, {
           className: "h-4 w-4 text-amber-600 dark:text-amber-300"
         });
@@ -18340,7 +18383,7 @@ var EXPLORATION_TOOL_NAMES = new Set([
   "read",
   "ls",
   "tree",
-  "ripgrep",
+  "search",
   "grep",
   "glob",
   "websearch",
@@ -18461,7 +18504,7 @@ function getCompactActivityEntry(part) {
       completedAt: part.completedAt
     };
   }
-  if (part.toolName === "ripgrep" || part.toolName === "grep" || part.toolName === "glob") {
+  if (part.toolName === "search" || part.toolName === "grep" || part.toolName === "glob") {
     const query = getStringField(args, "query", "pattern", "filePattern") || getStringField(result, "query", "pattern");
     return {
       id: part.id,
@@ -18629,7 +18672,7 @@ function summarizeCompactActivities(entries) {
       case "tree":
         scans += 1;
         break;
-      case "ripgrep":
+      case "search":
       case "grep":
       case "glob":
         searches += 1;
@@ -24938,12 +24981,7 @@ function GitDiffViewer({ diff: diff2 }) {
 import { GitCommit as GitCommit3, CheckSquare, AlertTriangle as AlertTriangle2 } from "lucide-react";
 
 // src/components/git/GitFileTree.tsx
-import {
-  useCallback as useCallback29,
-  useEffect as useEffect41,
-  useMemo as useMemo25,
-  useState as useState42
-} from "react";
+import { useCallback as useCallback29, useEffect as useEffect41, useMemo as useMemo25, useRef as useRef27 } from "react";
 import { ChevronDown as ChevronDown8, ChevronRight as ChevronRight12, Folder as Folder2 } from "lucide-react";
 
 // src/components/git/GitFileItem.tsx
@@ -25334,28 +25372,25 @@ function GitFileTree({
   showModifiedIndicator
 }) {
   const tree = useMemo25(() => buildTree(files), [files]);
-  const [expanded, setExpanded] = useState42(() => getInitialExpanded(tree));
+  const folderPaths = useMemo25(() => getInitialExpanded(tree), [tree]);
   const currentFocus = useFocusStore((state) => state.currentFocus);
   const gitFileIndex = useFocusStore((state) => state.gitFileIndex);
+  const expandedFolders = useGitStore((state) => state.gitTreeExpandedFolders[sectionId]);
   const gitTreeRows = useGitStore((state) => state.gitTreeRows);
+  const syncGitTreeFolders = useGitStore((state) => state.syncGitTreeFolders);
+  const toggleGitTreeFolder = useGitStore((state) => state.toggleGitTreeFolder);
   const setGitTreeSectionRows = useGitStore((state) => state.setGitTreeSectionRows);
+  const expanded = expandedFolders ?? folderPaths;
+  const lastScrolledFocusedRowIdRef = useRef27(null);
   useEffect41(() => {
-    const folderPaths = getInitialExpanded(tree);
-    setExpanded((prev) => {
-      const hasNewFolder = [...folderPaths].some((path) => !prev.has(path));
-      return hasNewFolder ? new Set([...folderPaths, ...prev]) : prev;
-    });
-  }, [tree]);
-  const toggleExpanded = useCallback29((path) => {
-    setExpanded((prev) => {
-      const next = new Set(prev);
-      if (next.has(path))
-        next.delete(path);
-      else
-        next.add(path);
-      return next;
-    });
-  }, []);
+    syncGitTreeFolders(sectionId, [...folderPaths]);
+  }, [sectionId, folderPaths, syncGitTreeFolders]);
+  useEffect41(() => {
+    if (currentFocus !== "git") {
+      lastScrolledFocusedRowIdRef.current = null;
+    }
+  }, [currentFocus]);
+  const toggleExpanded = useCallback29((path) => toggleGitTreeFolder(sectionId, path), [sectionId, toggleGitTreeFolder]);
   const visibleRows = useMemo25(() => collectVisibleRows(tree, sectionId, staged, expanded, toggleExpanded), [tree, sectionId, staged, expanded, toggleExpanded]);
   useEffect41(() => {
     setGitTreeSectionRows(sectionId, visibleRows);
@@ -25363,8 +25398,9 @@ function GitFileTree({
   }, [sectionId, visibleRows, setGitTreeSectionRows]);
   const focusedRow = currentFocus === "git" ? gitTreeRows[gitFileIndex] : undefined;
   const isRowFocused = (id) => focusedRow?.id === id;
-  const scrollFocusedRow = (element, focused) => {
-    if (element && focused) {
+  const scrollFocusedRow = (element, focused, id) => {
+    if (element && focused && lastScrolledFocusedRowIdRef.current !== id) {
+      lastScrolledFocusedRowIdRef.current = id;
       element.scrollIntoView({ block: "nearest", behavior: "smooth" });
     }
   };
@@ -25373,7 +25409,7 @@ function GitFileTree({
     const focused = isRowFocused(rowId);
     if (node.type === "file") {
       return /* @__PURE__ */ jsx93("div", {
-        ref: (el) => scrollFocusedRow(el, focused),
+        ref: (el) => scrollFocusedRow(el, focused, rowId),
         className: focused ? "ring-1 ring-inset ring-primary/40" : "",
         children: /* @__PURE__ */ jsx93(GitFileItem, {
           file: node.file,
@@ -25388,7 +25424,7 @@ function GitFileTree({
     return /* @__PURE__ */ jsxs80("div", {
       children: [
         /* @__PURE__ */ jsxs80("div", {
-          ref: (el) => scrollFocusedRow(el, focused),
+          ref: (el) => scrollFocusedRow(el, focused, rowId),
           className: `flex items-center gap-2 px-3 py-1.5 h-8 text-left hover:bg-muted/50 transition-colors group ${focused ? "ring-1 ring-inset ring-primary/40 bg-muted/50" : ""}`,
           children: [
             depth > 0 && /* @__PURE__ */ jsx93("span", {
@@ -25596,7 +25632,7 @@ function GitFileList({ status }) {
   });
 }
 // src/components/git/GitSidebar.tsx
-import { memo as memo26, useCallback as useCallback31, useEffect as useEffect44, useState as useState45 } from "react";
+import { memo as memo26, useCallback as useCallback31, useEffect as useEffect44, useState as useState44 } from "react";
 import {
   FolderGit2,
   ChevronRight as ChevronRight13,
@@ -25618,14 +25654,14 @@ import {
   useEffect as useEffect43,
   useId as useId3,
   useMemo as useMemo27,
-  useRef as useRef28,
-  useState as useState44
+  useRef as useRef29,
+  useState as useState43
 } from "react";
 import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
 import { Check as Check12, GitBranch as GitBranch9, Plus as Plus3, RefreshCw as RefreshCw6, Search as Search7 } from "lucide-react";
 
 // src/components/git/GitCreateBranchModal.tsx
-import { useEffect as useEffect42, useId as useId2, useRef as useRef27, useState as useState43 } from "react";
+import { useEffect as useEffect42, useId as useId2, useRef as useRef28, useState as useState42 } from "react";
 import { GitBranch as GitBranch8 } from "lucide-react";
 import { jsx as jsx95, jsxs as jsxs82, Fragment as Fragment41 } from "react/jsx-runtime";
 var INVALID_BRANCH_PATTERN = /[\s~^:?*[\]\\]/;
@@ -25654,10 +25690,10 @@ function GitCreateBranchModal({
 }) {
   const inputId = useId2();
   const createBranch = useCreateGitBranch();
-  const [name, setName] = useState43(defaultName);
-  const [checkout, setCheckout] = useState43(true);
-  const [error, setError] = useState43(null);
-  const inputRef = useRef27(null);
+  const [name, setName] = useState42(defaultName);
+  const [checkout, setCheckout] = useState42(true);
+  const [error, setError] = useState42(null);
+  const inputRef = useRef28(null);
   useEffect42(() => {
     if (isOpen) {
       setName(defaultName);
@@ -25829,17 +25865,17 @@ function GitBranchSwitcher({
   isDetached,
   shortHeadSha
 }) {
-  const [isOpen, setIsOpen] = useState44(false);
-  const [showCreate, setShowCreate] = useState44(false);
-  const [query, setQuery] = useState44("");
-  const [activeIndex, setActiveIndex] = useState44(0);
-  const [actionError, setActionError] = useState44(null);
+  const [isOpen, setIsOpen] = useState43(false);
+  const [showCreate, setShowCreate] = useState43(false);
+  const [query, setQuery] = useState43("");
+  const [activeIndex, setActiveIndex] = useState43(0);
+  const [actionError, setActionError] = useState43(null);
   const searchId = useId3();
-  const popoverRef = useRef28(null);
-  const triggerRef = useRef28(null);
-  const listRef = useRef28(null);
-  const itemRefs = useRef28(new Map);
-  const searchInputRef = useRef28(null);
+  const popoverRef = useRef29(null);
+  const triggerRef = useRef29(null);
+  const listRef = useRef29(null);
+  const itemRefs = useRef29(new Map);
+  const searchInputRef = useRef29(null);
   const {
     data,
     isLoading: branchesLoading,
@@ -26105,12 +26141,12 @@ var GitSidebarContent = memo26(function GitSidebarContent2({
   const rebaseMutation = useGitRebaseAction();
   const addRemoteMutation = useAddRemote();
   const removeRemoteMutation = useRemoveRemote();
-  const [errors, setErrors] = useState45([]);
-  const [showRemotes, setShowRemotes] = useState45(false);
-  const [showAddRemote, setShowAddRemote] = useState45(false);
-  const [remoteName, setRemoteName] = useState45("origin");
-  const [remoteUrl, setRemoteUrl] = useState45("");
-  const [confirmRemoveRemote, setConfirmRemoveRemote] = useState45(null);
+  const [errors, setErrors] = useState44([]);
+  const [showRemotes, setShowRemotes] = useState44(false);
+  const [showAddRemote, setShowAddRemote] = useState44(false);
+  const [remoteName, setRemoteName] = useState44("origin");
+  const [remoteUrl, setRemoteUrl] = useState44("");
+  const [confirmRemoveRemote, setConfirmRemoveRemote] = useState44(null);
   useEffect44(() => {
     queryClient.invalidateQueries({ queryKey: ["git", "status"] });
   }, [queryClient]);
@@ -26629,10 +26665,10 @@ import { GitBranch as GitBranch11 } from "lucide-react";
 import { memo as memo27 } from "react";
 
 // src/hooks/useShortcutHintsVisible.ts
-import { useEffect as useEffect45, useState as useState46 } from "react";
+import { useEffect as useEffect45, useState as useState45 } from "react";
 var SHORTCUT_HINT_MODIFIERS = new Set(["Control", "Meta"]);
 function useShortcutHintsVisible() {
-  const [isVisible, setIsVisible] = useState46(false);
+  const [isVisible, setIsVisible] = useState45(false);
   useEffect45(() => {
     const handleKeyDown = (event) => {
       if (SHORTCUT_HINT_MODIFIERS.has(event.key) || event.ctrlKey || event.metaKey) {
@@ -26699,7 +26735,7 @@ var GitSidebarToggle = memo28(function GitSidebarToggle2() {
   });
 });
 // src/components/git/GitDiffPanel.tsx
-import { useEffect as useEffect46, memo as memo29, useState as useState47 } from "react";
+import { useEffect as useEffect46, memo as memo29, useState as useState46 } from "react";
 import { X as X17, Maximize2, Minimize2 as Minimize22 } from "lucide-react";
 
 // src/hooks/useFileBrowser.ts
@@ -26750,7 +26786,7 @@ var GitDiffPanel = memo29(function GitDiffPanel2({
   const selectedFileStaged = staged ?? storeSelectedFileStaged;
   const closeDiff = onClose ?? storeCloseDiff;
   const { data: diff2, isLoading } = useGitDiff(selectedFile, selectedFileStaged);
-  const [showFullFile, setShowFullFile] = useState47(false);
+  const [showFullFile, setShowFullFile] = useState46(false);
   const { data: fullFileDiff, isLoading: fullFileLoading } = useGitDiffFullFile(selectedFile, selectedFileStaged, showFullFile);
   const activeDiff = showFullFile && fullFileDiff ? fullFileDiff : diff2;
   const activeLoading = showFullFile ? fullFileLoading : isLoading;
@@ -26862,7 +26898,7 @@ ${activeDiff?.absPath || ""}`,
   });
 });
 // src/components/git/GitCommitModal.tsx
-import { useState as useState48, useId as useId4, useEffect as useEffect47, useCallback as useCallback32 } from "react";
+import { useState as useState47, useId as useId4, useEffect as useEffect47, useCallback as useCallback32 } from "react";
 import { GitCommit as GitCommit4, Sparkles as Sparkles6 } from "lucide-react";
 import { jsx as jsx101, jsxs as jsxs87, Fragment as Fragment43 } from "react/jsx-runtime";
 function GitCommitModal() {
@@ -26874,7 +26910,7 @@ function GitCommitModalContent() {
   const commitSessionId = useGitStore((state) => state.commitSessionId);
   const commitChanges = useCommitChanges();
   const generateMessage = useGenerateCommitMessage(commitSessionId);
-  const [message, setMessage] = useState48("");
+  const [message, setMessage] = useState47("");
   const messageId = useId4();
   const handleCommit = useCallback32(async () => {
     if (!message.trim())
@@ -27030,7 +27066,7 @@ function GitCommitModalContent() {
   });
 }
 // src/components/terminals/TerminalsPanel.tsx
-import { memo as memo32, useCallback as useCallback35, useRef as useRef30, useEffect as useEffect49 } from "react";
+import { memo as memo32, useCallback as useCallback35, useRef as useRef31, useEffect as useEffect49 } from "react";
 import {
   Terminal as TerminalIcon,
   Maximize2 as Maximize22,
@@ -27213,7 +27249,7 @@ var TerminalTab = memo30(function TerminalTab2({
 });
 
 // src/components/terminals/TerminalViewer.tsx
-import { memo as memo31, useEffect as useEffect48, useRef as useRef29, useState as useState49, useCallback as useCallback34 } from "react";
+import { memo as memo31, useEffect as useEffect48, useRef as useRef30, useState as useState48, useCallback as useCallback34 } from "react";
 import {
   init,
   Terminal as Terminal7,
@@ -27331,20 +27367,20 @@ var TerminalViewer = memo31(function TerminalViewer2({
   isActive,
   onExit
 }) {
-  const containerRef = useRef29(null);
-  const termRef = useRef29(null);
-  const fitAddonRef = useRef29(null);
-  const wsRef = useRef29(null);
-  const retryCountRef = useRef29(0);
-  const retryTimerRef = useRef29(null);
-  const [ready, setReady] = useState49(false);
-  const onExitRef = useRef29(onExit);
+  const containerRef = useRef30(null);
+  const termRef = useRef30(null);
+  const fitAddonRef = useRef30(null);
+  const wsRef = useRef30(null);
+  const retryCountRef = useRef30(0);
+  const retryTimerRef = useRef30(null);
+  const [ready, setReady] = useState48(false);
+  const onExitRef = useRef30(onExit);
   onExitRef.current = onExit;
-  const blinkTimerRef = useRef29(null);
-  const userScrolledRef = useRef29(false);
-  const bgColorRef = useRef29("#121216");
-  const disposedRef = useRef29(false);
-  const focusHandlersRef = useRef29(null);
+  const blinkTimerRef = useRef30(null);
+  const userScrolledRef = useRef30(false);
+  const bgColorRef = useRef30("#121216");
+  const disposedRef = useRef30(false);
+  const focusHandlersRef = useRef30(null);
   const fitTerminal = useCallback34(() => {
     if (fitAddonRef.current) {
       try {
@@ -27677,10 +27713,10 @@ var TerminalsPanelContent = memo32(function TerminalsPanelContent2() {
   const { data: terminals } = useTerminals();
   const createTerminal = useCreateTerminal();
   const killTerminal = useKillTerminal();
-  const dragRef = useRef30(null);
+  const dragRef = useRef31(null);
   const terminalsList = terminals?.terminals ?? [];
-  const autoCreatingRef = useRef30(false);
-  const terminalsListRef = useRef30(terminalsList);
+  const autoCreatingRef = useRef31(false);
+  const terminalsListRef = useRef31(terminalsList);
   terminalsListRef.current = terminalsList;
   useEffect49(() => {
     if (terminalsListRef.current.length > 0 && (!activeTabId || !terminalsListRef.current.find((t) => t.id === activeTabId))) {
@@ -28567,7 +28603,7 @@ ${contentLines.map((line) => `+${line}`).join(`
   });
 });
 // src/components/research/ResearchSidebar.tsx
-import { memo as memo37, useState as useState50, useEffect as useEffect51, useCallback as useCallback37, useRef as useRef31, useMemo as useMemo30 } from "react";
+import { memo as memo37, useState as useState49, useEffect as useEffect51, useCallback as useCallback37, useRef as useRef32, useMemo as useMemo30 } from "react";
 import {
   FlaskConical as FlaskConical3,
   Plus as Plus6,
@@ -28722,12 +28758,12 @@ var ResearchSidebarContent = memo37(function ResearchSidebarContent2({
   const panelWidth = usePanelWidthStore((s) => s.widths[PANEL_KEY3] ?? DEFAULT_WIDTH3);
   const activeResearchSessionId = useResearchStore((state) => state.activeResearchSessionId);
   const selectResearchSession = useResearchStore((state) => state.selectResearchSession);
-  const [showHistory, setShowHistory] = useState50(false);
-  const [inputValue, setInputValue] = useState50("");
-  const [showModelSelector, setShowModelSelector] = useState50(false);
-  const [injectionStatus, setInjectionStatus] = useState50("idle");
-  const textareaRef = useRef31(null);
-  const messagesEndRef = useRef31(null);
+  const [showHistory, setShowHistory] = useState49(false);
+  const [inputValue, setInputValue] = useState49("");
+  const [showModelSelector, setShowModelSelector] = useState49(false);
+  const [injectionStatus, setInjectionStatus] = useState49("idle");
+  const textareaRef = useRef32(null);
+  const messagesEndRef = useRef32(null);
   const {
     data: researchData,
     isLoading,
@@ -29268,7 +29304,7 @@ var ResearchSidebarToggle = memo38(function ResearchSidebarToggle2({
   });
 });
 // src/components/settings/SettingsSidebar.tsx
-import { memo as memo40, useState as useState52, useMemo as useMemo31, useCallback as useCallback39, useEffect as useEffect54, useRef as useRef34 } from "react";
+import { memo as memo40, useState as useState51, useMemo as useMemo31, useCallback as useCallback39, useEffect as useEffect54, useRef as useRef35 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
 import {
@@ -29332,7 +29368,7 @@ var useOnboardingStore = create25((set, get) => ({
 }));
 
 // src/hooks/useAuthStatus.ts
-import { useEffect as useEffect52, useCallback as useCallback38, useState as useState51, useRef as useRef32 } from "react";
+import { useEffect as useEffect52, useCallback as useCallback38, useState as useState50, useRef as useRef33 } from "react";
 import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 var isInIframe = typeof window !== "undefined" && window.self !== window.top;
 function useAuthStatus() {
@@ -29343,10 +29379,10 @@ function useAuthStatus() {
   const authStatus = useOnboardingStore((s) => s.authStatus);
   const isOpen = useOnboardingStore((s) => s.isOpen);
   const queryClient = useQueryClient20();
-  const [initialized, setInitialized] = useState51(false);
-  const [oauthPolling, setOauthPolling] = useState51(false);
-  const oauthPollingRef = useRef32(null);
-  const preOauthProvidersRef = useRef32(new Set);
+  const [initialized, setInitialized] = useState50(false);
+  const [oauthPolling, setOauthPolling] = useState50(false);
+  const oauthPollingRef = useRef33(null);
+  const preOauthProvidersRef = useRef33(new Set);
   const fetchAuthStatus = useCallback38(async () => {
     setLoading(true);
     setError(null);
@@ -29871,11 +29907,11 @@ var DictationSettings = memo39(function DictationSettings2({
 });
 
 // src/hooks/useTopupCallback.ts
-import { useEffect as useEffect53, useRef as useRef33 } from "react";
+import { useEffect as useEffect53, useRef as useRef34 } from "react";
 var STORAGE_KEY = "pendingPolarCheckout";
 function useTopupCallback() {
-  const hasHandled = useRef33(false);
-  const loadingToastId = useRef33(null);
+  const hasHandled = useRef34(false);
+  const loadingToastId = useRef34(null);
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const removeToast = useToastStore((s) => s.removeToast);
   useEffect53(() => {
@@ -30079,9 +30115,9 @@ var SelectRow = memo40(function SelectRow2({
   disabled,
   description
 }) {
-  const [isOpen, setIsOpen] = useState52(false);
-  const [menuStyle, setMenuStyle] = useState52(null);
-  const buttonRef = useRef34(null);
+  const [isOpen, setIsOpen] = useState51(false);
+  const [menuStyle, setMenuStyle] = useState51(null);
+  const buttonRef = useRef35(null);
   const selectedOption = options.find((o) => o.id === value);
   useEffect54(() => {
     if (!isOpen || !buttonRef.current)
@@ -30175,11 +30211,11 @@ var FontPickerRow = memo40(function FontPickerRow2({
   value,
   onChange
 }) {
-  const [isOpen, setIsOpen] = useState52(false);
-  const [search, setSearch] = useState52("");
-  const [localFonts, setLocalFonts] = useState52([]);
-  const [isLoadingFonts, setIsLoadingFonts] = useState52(false);
-  const [fontError, setFontError] = useState52(null);
+  const [isOpen, setIsOpen] = useState51(false);
+  const [search, setSearch] = useState51("");
+  const [localFonts, setLocalFonts] = useState51([]);
+  const [isLoadingFonts, setIsLoadingFonts] = useState51(false);
+  const [fontError, setFontError] = useState51(null);
   const canQueryLocalFonts = typeof window !== "undefined" && typeof window.queryLocalFonts === "function";
   const canRequestDesktopFonts = hasPlatformSystemFonts() || typeof window !== "undefined" && window.self !== window.top;
   const fontOptions = useMemo31(() => {
@@ -30308,7 +30344,7 @@ var NumberInputRow = memo40(function NumberInputRow2({
   hint,
   disabled
 }) {
-  const [draft, setDraft] = useState52(value !== null && value !== undefined ? String(value) : "");
+  const [draft, setDraft] = useState51(value !== null && value !== undefined ? String(value) : "");
   useEffect54(() => {
     setDraft(value !== null && value !== undefined ? String(value) : "");
   }, [value]);
@@ -30416,7 +30452,7 @@ function PreferencesModal({ isOpen, onClose }) {
   const { preferences, updatePreferences } = usePreferences();
   const updateDefaults = useUpdateDefaults();
   const isDesktop = isPlatformDesktop();
-  const [activeTab, setActiveTab] = useState52("editor");
+  const [activeTab, setActiveTab] = useState51("editor");
   const activeTabConfig = PREFERENCE_TABS.find((tab) => tab.id === activeTab);
   const renderActiveTab = () => {
     switch (activeTab) {
@@ -30646,7 +30682,7 @@ var SettingsSidebarContent = memo40(function SettingsSidebarContent2({
   onOpenDashboard
 } = {}) {
   const collapseSidebar = useSettingsStore((state) => state.collapseSidebar);
-  const [isPreferencesOpen, setIsPreferencesOpen] = useState52(false);
+  const [isPreferencesOpen, setIsPreferencesOpen] = useState51(false);
   const panelWidth = usePanelWidthStore((s) => s.widths[SETTINGS_PANEL_KEY] ?? SETTINGS_DEFAULT_WIDTH);
   const { data: config2 } = useConfig();
   const { data: allModels } = useAllModels();
@@ -30907,12 +30943,12 @@ var OttoRouterWalletSection = memo40(function OttoRouterWalletSection2({
   onExportPrivateKey
 }) {
   const hasActiveSubscription = useOttoRouterStore((s) => !!s.subscription?.active);
-  const [copied, setCopied] = useState52(false);
-  const [isExportModalOpen, setIsExportModalOpen] = useState52(false);
-  const [exportPrivateKey, setExportPrivateKey] = useState52(null);
-  const [isExportingPrivateKey, setIsExportingPrivateKey] = useState52(false);
-  const [exportPrivateKeyError, setExportPrivateKeyError] = useState52(null);
-  const [privateKeyCopied, setPrivateKeyCopied] = useState52(false);
+  const [copied, setCopied] = useState51(false);
+  const [isExportModalOpen, setIsExportModalOpen] = useState51(false);
+  const [exportPrivateKey, setExportPrivateKey] = useState51(null);
+  const [isExportingPrivateKey, setIsExportingPrivateKey] = useState51(false);
+  const [exportPrivateKeyError, setExportPrivateKeyError] = useState51(null);
+  const [privateKeyCopied, setPrivateKeyCopied] = useState51(false);
   const handleCopy = useCallback39(async () => {
     if (!ottorouterWallet)
       return;
@@ -31209,7 +31245,7 @@ var SettingsSidebarToggle = memo41(function SettingsSidebarToggle2() {
   });
 });
 // src/components/tunnel/TunnelSidebar.tsx
-import { memo as memo42, useState as useState53 } from "react";
+import { memo as memo42, useState as useState52 } from "react";
 import {
   Globe as Globe3,
   AlertCircle as AlertCircle12,
@@ -31222,7 +31258,7 @@ import { QRCodeSVG as QRCodeSVG2 } from "qrcode.react";
 
 // src/hooks/useTunnel.ts
 import { useQuery as useQuery14, useMutation as useMutation11, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
-import { useEffect as useEffect55, useCallback as useCallback40, useRef as useRef35 } from "react";
+import { useEffect as useEffect55, useCallback as useCallback40, useRef as useRef36 } from "react";
 import {
   client as client4,
   getTunnelQr,
@@ -31230,6 +31266,15 @@ import {
   startTunnel as apiStartTunnel,
   stopTunnel as apiStopTunnel
 } from "@ottocode/api";
+function normalizeTunnelStatus(data) {
+  if (data.isRunning && data.url)
+    return "connected";
+  if (data.isRunning && data.status === "idle")
+    return "starting";
+  if (data.status === "connected" && !data.url)
+    return "starting";
+  return data.status;
+}
 async function fetchTunnelStatus() {
   const response = await getTunnelStatus();
   if (response.error)
@@ -31263,11 +31308,12 @@ function useTunnelStatus() {
   const query = useQuery14({
     queryKey: ["tunnel", "status"],
     queryFn: fetchTunnelStatus,
-    refetchInterval: 3000
+    refetchInterval: 3000,
+    refetchOnMount: "always"
   });
   useEffect55(() => {
     if (query.data) {
-      setStatus(query.data.status);
+      setStatus(normalizeTunnelStatus(query.data));
       setUrl(query.data.url);
       setError(query.data.error);
     }
@@ -31288,11 +31334,13 @@ function useStartTunnel() {
       setError(null);
     },
     onSuccess: (data) => {
-      if (data.ok && data.url) {
-        setStatus("connected");
-        setUrl(data.url);
+      if (data.ok) {
+        if (data.url) {
+          setStatus("connected");
+          setUrl(data.url);
+        }
         setProgress(null);
-      } else if (!data.ok) {
+      } else {
         setStatus("error");
         setError(data.error || "Failed to start tunnel");
         setProgress(null);
@@ -31338,7 +31386,7 @@ function useTunnelStream() {
   const setError = useTunnelStore((s) => s.setError);
   const setProgress = useTunnelStore((s) => s.setProgress);
   const isExpanded = useTunnelStore((s) => s.isExpanded);
-  const eventSourceRef = useRef35(null);
+  const eventSourceRef = useRef36(null);
   const connect = useCallback40(() => {
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
@@ -31349,7 +31397,7 @@ function useTunnelStream() {
       try {
         const data = JSON.parse(event.data);
         if (data.type === "status") {
-          setStatus(data.status);
+          setStatus(normalizeTunnelStatus(data));
           setUrl(data.url);
           setError(data.error);
           setProgress(data.progress);
@@ -31396,6 +31444,7 @@ function truncateUrl(url) {
 }
 var TunnelSidebar = memo42(function TunnelSidebar2() {
   const isExpanded = useTunnelStore((s) => s.isExpanded);
+  useTunnelStatus();
   return isExpanded ? /* @__PURE__ */ jsx114(TunnelSidebarContent, {}) : null;
 });
 var TunnelSidebarContent = memo42(function TunnelSidebarContent2() {
@@ -31406,8 +31455,7 @@ var TunnelSidebarContent = memo42(function TunnelSidebarContent2() {
   const progress = useTunnelStore((s) => s.progress);
   const startTunnel2 = useStartTunnel();
   const stopTunnel2 = useStopTunnel();
-  const [copied, setCopied] = useState53(false);
-  useTunnelStatus();
+  const [copied, setCopied] = useState52(false);
   useTunnelStream();
   const handleCopyUrl = async () => {
     if (url) {
@@ -31625,7 +31673,7 @@ var TunnelSidebarToggle = memo43(function TunnelSidebarToggle2() {
   });
 });
 // src/components/mcp/MCPSidebar.tsx
-import { memo as memo46, useState as useState55, useCallback as useCallback43, useMemo as useMemo32, useEffect as useEffect58, useRef as useRef38 } from "react";
+import { memo as memo46, useState as useState54, useCallback as useCallback43, useMemo as useMemo32, useEffect as useEffect58, useRef as useRef39 } from "react";
 import {
   ChevronDown as ChevronDown13,
   ChevronRight as ChevronRight16,
@@ -31646,7 +31694,7 @@ import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 
 // src/hooks/useMCP.ts
 import { useQuery as useQuery15, useMutation as useMutation12, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
-import { useEffect as useEffect56, useRef as useRef36, useCallback as useCallback41 } from "react";
+import { useEffect as useEffect56, useRef as useRef37, useCallback as useCallback41 } from "react";
 import {
   listMcpServers,
   startMcpServer,
@@ -31812,7 +31860,7 @@ function useCopilotDevicePoller() {
   const setCopilotDevice = useMCPStore((s) => s.setCopilotDevice);
   const setLoading = useMCPStore((s) => s.setLoading);
   const queryClient = useQueryClient22();
-  const timerRef = useRef36(null);
+  const timerRef = useRef37(null);
   const stopPolling = useCallback41(() => {
     if (timerRef.current) {
       clearInterval(timerRef.current);
@@ -31855,7 +31903,7 @@ function useCopilotDevicePoller() {
 }
 
 // src/components/mcp/AddMCPServerModal.tsx
-import { memo as memo44, useState as useState54, useCallback as useCallback42, useRef as useRef37, useEffect as useEffect57 } from "react";
+import { memo as memo44, useState as useState53, useCallback as useCallback42, useRef as useRef38, useEffect as useEffect57 } from "react";
 import { Globe as Globe5, Laptop, FolderDot, Terminal as Terminal9 } from "lucide-react";
 import { jsx as jsx116, jsxs as jsxs102, Fragment as Fragment49 } from "react/jsx-runtime";
 function parseCommandString(input) {
@@ -31894,15 +31942,15 @@ var AddMCPServerModal = memo44(function AddMCPServerModal2({
   isOpen,
   onClose
 }) {
-  const [serverMode, setServerMode] = useState54("local");
-  const [name, setName] = useState54("");
-  const [commandStr, setCommandStr] = useState54("");
-  const [url, setUrl] = useState54("");
-  const [transport, setTransport] = useState54("http");
-  const [headersStr, setHeadersStr] = useState54("");
-  const [envStr, setEnvStr] = useState54("");
-  const [scope, setScope] = useState54("global");
-  const [error, setError] = useState54(null);
+  const [serverMode, setServerMode] = useState53("local");
+  const [name, setName] = useState53("");
+  const [commandStr, setCommandStr] = useState53("");
+  const [url, setUrl] = useState53("");
+  const [transport, setTransport] = useState53("http");
+  const [headersStr, setHeadersStr] = useState53("");
+  const [envStr, setEnvStr] = useState53("");
+  const [scope, setScope] = useState53("global");
+  const [error, setError] = useState53(null);
   const addServer = useAddMCPServer();
   const reset = useCallback42(() => {
     setName("");
@@ -31976,8 +32024,8 @@ var AddMCPServerModal = memo44(function AddMCPServerModal2({
     addServer,
     handleClose
   ]);
-  const contentRef = useRef37(null);
-  const [contentHeight, setContentHeight] = useState54(undefined);
+  const contentRef = useRef38(null);
+  const [contentHeight, setContentHeight] = useState53(undefined);
   useEffect57(() => {
     const el = contentRef.current;
     if (!el)
@@ -32295,7 +32343,7 @@ var CopilotDeviceAuth = memo46(function CopilotDeviceAuth2({
   userCode,
   verificationUri
 }) {
-  const [copied, setCopied] = useState55(false);
+  const [copied, setCopied] = useState54(false);
   const handleCopy = useCallback43(() => {
     navigator.clipboard.writeText(userCode).then(() => {
       setCopied(true);
@@ -32373,7 +32421,7 @@ var MCPServerCard = memo46(function MCPServerCard2({
   onRemove,
   onAuth
 }) {
-  const [showTools, setShowTools] = useState55(false);
+  const [showTools, setShowTools] = useState54(false);
   const hasTools = server.connected && server.tools.length > 0;
   const isRemote = server.transport === "http" || server.transport === "sse";
   const isAwaitingAuth = (!!authUrl || !!copilotDevice) && !server.connected;
@@ -32525,7 +32573,7 @@ var MCPServerCard = memo46(function MCPServerCard2({
 });
 function useAuthPoller(name, onAuthenticated) {
   const { data } = useMCPAuthStatus(name);
-  const prevAuth = useRef38(false);
+  const prevAuth = useRef39(false);
   useEffect58(() => {
     if (data?.authenticated && !prevAuth.current) {
       onAuthenticated();
@@ -32551,10 +32599,10 @@ var MCPSidebarContent = memo46(function MCPSidebarContent2() {
   const removeServer = useRemoveMCPServer();
   const authServer = useAuthenticateMCPServer();
   const copilotDevice = useCopilotDevicePoller();
-  const [isAddModalOpen, setIsAddModalOpen] = useState55(false);
-  const [pollingServer, setPollingServer] = useState55(null);
-  const [deleteTarget, setDeleteTarget] = useState55(null);
-  const [searchQuery, setSearchQuery] = useState55("");
+  const [isAddModalOpen, setIsAddModalOpen] = useState54(false);
+  const [pollingServer, setPollingServer] = useState54(null);
+  const [deleteTarget, setDeleteTarget] = useState54(null);
+  const [searchQuery, setSearchQuery] = useState54("");
   const queryClient = useQueryClient23();
   const handleAuthCompleted = useCallback43(() => {
     if (pollingServer) {
@@ -32845,7 +32893,7 @@ var MCPSidebarToggle = memo47(function MCPSidebarToggle2() {
   });
 });
 // src/components/skills/SkillsSidebar.tsx
-import { memo as memo48, useMemo as useMemo33, useState as useState56 } from "react";
+import { memo as memo48, useMemo as useMemo33, useState as useState55 } from "react";
 import {
   Sparkles as Sparkles7,
   FolderDot as FolderDot3,
@@ -32893,7 +32941,7 @@ var SkillsSidebarContent = memo48(function SkillsSidebarContent2() {
   const selectSkill = useSkillsStore((s) => s.selectSkill);
   const openViewer = useSkillsStore((s) => s.openViewer);
   const viewingFile = useSkillsStore((s) => s.viewingFile);
-  const [searchQuery, setSearchQuery] = useState56("");
+  const [searchQuery, setSearchQuery] = useState55("");
   const { isLoading, isFetching, refetch } = useSkills();
   const updateSkillsConfig = useUpdateSkillsConfig();
   const { data: skillDetail } = useSkillDetail(selectedSkill);
@@ -33439,7 +33487,7 @@ var AgentsSidebarToggle = memo51(function AgentsSidebarToggle2() {
   });
 });
 // src/components/agents/AgentsManagerModal.tsx
-import { memo as memo55, useCallback as useCallback44, useEffect as useEffect62, useMemo as useMemo36, useRef as useRef40, useState as useState59 } from "react";
+import { memo as memo55, useCallback as useCallback44, useEffect as useEffect62, useMemo as useMemo36, useRef as useRef41, useState as useState58 } from "react";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
 import {
   ArrowLeft as ArrowLeft2,
@@ -33556,7 +33604,7 @@ function getAgentToolCount(agent) {
 }
 
 // src/components/agents/AgentToolList.tsx
-import { memo as memo52, useEffect as useEffect61, useMemo as useMemo34, useRef as useRef39, useState as useState57 } from "react";
+import { memo as memo52, useEffect as useEffect61, useMemo as useMemo34, useRef as useRef40, useState as useState56 } from "react";
 import { GripVertical, Plus as Plus9, Search as Search10, X as X24, Zap as Zap2 } from "lucide-react";
 
 // src/components/agents/agentConstants.ts
@@ -33605,7 +33653,7 @@ function toolCategoryFromName(tool) {
     return "Filesystem";
   if (["edit", "multiedit", "write", "apply_patch"].includes(tool))
     return "Editing";
-  if (["ripgrep"].includes(tool))
+  if (["search"].includes(tool))
     return "Search";
   if (["shell", "terminal"].includes(tool))
     return "Shell";
@@ -33696,7 +33744,7 @@ var TOOL_PRESETS = {
         "ls",
         "tree",
         "glob",
-        "ripgrep",
+        "search",
         "websearch"
       ],
       loadable: ["read_image"]
@@ -33713,7 +33761,7 @@ var TOOL_PRESETS = {
         "ls",
         "tree",
         "glob",
-        "ripgrep",
+        "search",
         "websearch"
       ],
       loadable: ["read_image"]
@@ -33729,7 +33777,7 @@ var TOOL_PRESETS = {
         "read",
         "ls",
         "tree",
-        "ripgrep",
+        "search",
         "websearch",
         "query_sessions",
         "query_messages",
@@ -33867,8 +33915,8 @@ var ToolColumn = memo52(function ToolColumn2({
   onDropName
 }) {
   const meta = BUCKET_META[bucket];
-  const [isDragOver, setIsDragOver] = useState57(false);
-  const [picking, setPicking] = useState57(false);
+  const [isDragOver, setIsDragOver] = useState56(false);
+  const [picking, setPicking] = useState56(false);
   const selected = tools.filter((t) => t.enabled).sort((a, b) => Number(a.required ?? false) - Number(b.required ?? false));
   const available = tools.filter((t) => !t.enabled);
   const handleDrop = (e) => {
@@ -33955,8 +34003,8 @@ var ToolPicker = memo52(function ToolPicker2({
   onPick,
   onClose
 }) {
-  const [query, setQuery] = useState57("");
-  const inputRef = useRef39(null);
+  const [query, setQuery] = useState56("");
+  const inputRef = useRef40(null);
   useEffect61(() => {
     inputRef.current?.focus();
   }, []);
@@ -34148,7 +34196,7 @@ var AgentProviderModelFields = memo53(function AgentProviderModelFields2({
 });
 
 // src/components/agents/CreateAgentModal.tsx
-import { memo as memo54, useId as useId5, useMemo as useMemo35, useState as useState58 } from "react";
+import { memo as memo54, useId as useId5, useMemo as useMemo35, useState as useState57 } from "react";
 import { ArrowLeft } from "lucide-react";
 import { jsx as jsx126, jsxs as jsxs110, Fragment as Fragment51 } from "react/jsx-runtime";
 var AGENT_NAME_RE = /^[a-zA-Z0-9_-]+$/;
@@ -34175,17 +34223,17 @@ var AgentCreatePane = memo54(function AgentCreatePane2({
   const nameId = useId5();
   const duplicateId = useId5();
   const promptId = useId5();
-  const [name, setName] = useState58("");
-  const [prompt, setPrompt] = useState58(BLANK_AGENT_PROMPT);
-  const [preset, setPreset] = useState58("planning");
-  const [duplicateFrom, setDuplicateFrom] = useState58("");
-  const [scope, setScope] = useState58("local");
-  const [provider, setProvider] = useState58("");
-  const [model, setModel] = useState58("");
-  const [copyPrompt, setCopyPrompt] = useState58(true);
-  const [copyTools, setCopyTools] = useState58(true);
-  const [copyModelSettings, setCopyModelSettings] = useState58(false);
-  const [error, setError] = useState58(null);
+  const [name, setName] = useState57("");
+  const [prompt, setPrompt] = useState57(BLANK_AGENT_PROMPT);
+  const [preset, setPreset] = useState57("planning");
+  const [duplicateFrom, setDuplicateFrom] = useState57("");
+  const [scope, setScope] = useState57("local");
+  const [provider, setProvider] = useState57("");
+  const [model, setModel] = useState57("");
+  const [copyPrompt, setCopyPrompt] = useState57(true);
+  const [copyTools, setCopyTools] = useState57(true);
+  const [copyModelSettings, setCopyModelSettings] = useState57(false);
+  const [error, setError] = useState57(null);
   const duplicateSource = duplicateFrom ? agents.find((a) => a.name === duplicateFrom) : undefined;
   const selectedTools = useMemo35(() => {
     const base = new Set(toolNamesFromConfig(TOOL_PRESETS[preset].tools));
@@ -34541,7 +34589,7 @@ var AgentsManagerContent = memo55(function AgentsManagerContent2({
   const setManagerMode = useAgentsStore((s) => s.setManagerMode);
   const workspacePage = useAgentsStore((s) => s.editorPage);
   const setEditorPage = useAgentsStore((s) => s.setEditorPage);
-  const workspaceGuardRef = useRef40(null);
+  const workspaceGuardRef = useRef41(null);
   const registerWorkspaceGuard = useCallback44((guard) => {
     workspaceGuardRef.current = guard;
   }, []);
@@ -34861,11 +34909,11 @@ var AgentWorkspaceMain = memo55(function AgentWorkspaceMain2({
   const deleteAgent = useDeleteAgent();
   const setDefaultAgent = useSetDefaultAgent();
   const savedToolNames = useMemo36(() => toolNamesFromConfig(agent.toolConfig), [agent.toolConfig]);
-  const [prompt, setPrompt] = useState59(agent.prompt);
-  const [provider, setProvider] = useState59(agent.provider ?? "");
-  const [model, setModel] = useState59(agent.model ?? "");
-  const [selectedToolNames, setSelectedToolNames] = useState59(() => new Set(savedToolNames));
-  const [toolBuckets, setToolBuckets] = useState59(() => toolBucketsFromConfig(agent.toolConfig));
+  const [prompt, setPrompt] = useState58(agent.prompt);
+  const [provider, setProvider] = useState58(agent.provider ?? "");
+  const [model, setModel] = useState58(agent.model ?? "");
+  const [selectedToolNames, setSelectedToolNames] = useState58(() => new Set(savedToolNames));
+  const [toolBuckets, setToolBuckets] = useState58(() => toolBucketsFromConfig(agent.toolConfig));
   useEffect62(() => {
     setPrompt(agent.prompt);
     setProvider(agent.provider ?? "");
@@ -35167,7 +35215,7 @@ function MetaRow({ label, value }) {
   });
 }
 // src/components/file-browser/FileBrowserSidebar.tsx
-import { memo as memo56, useCallback as useCallback45, useEffect as useEffect63, useRef as useRef41 } from "react";
+import { memo as memo56, useCallback as useCallback45, useEffect as useEffect63, useRef as useRef42 } from "react";
 import {
   ChevronRight as ChevronRight17,
   ChevronDown as ChevronDown14,
@@ -35436,7 +35484,7 @@ function TreeItem({
   const isExpanded = expandedDirs.has(path);
   const activeViewerTabPath = getViewerTabPath3(activeViewerTab);
   const isSelected = selectedFile === path || activeViewerTabPath === path;
-  const itemRef = useRef41(null);
+  const itemRef = useRef42(null);
   useEffect63(() => {
     if (isSelected) {
       itemRef.current?.scrollIntoView({ block: "nearest" });
@@ -35612,8 +35660,8 @@ import {
   useCallback as useCallback46,
   useEffect as useEffect65,
   useMemo as useMemo38,
-  useRef as useRef43,
-  useState as useState60
+  useRef as useRef44,
+  useState as useState59
 } from "react";
 import { X as X25 } from "lucide-react";
 import ReactMarkdown3 from "react-markdown";
@@ -35621,7 +35669,7 @@ import remarkGfm3 from "remark-gfm";
 
 // src/components/workspace/ToolPreviewPanel.tsx
 import { CheckCircle2 as CheckCircle23, XCircle as XCircle4 } from "lucide-react";
-import { useEffect as useEffect64, useMemo as useMemo37, useRef as useRef42 } from "react";
+import { useEffect as useEffect64, useMemo as useMemo37, useRef as useRef43 } from "react";
 import { jsx as jsx131, jsxs as jsxs114 } from "react/jsx-runtime";
 var LARGE_WRITE_PREVIEW_CHARS = 24000;
 var LARGE_WRITE_PREVIEW_LINES = 500;
@@ -36237,8 +36285,8 @@ function SourceViewer({
   });
 }
 function ToolPreviewPanel({ tab }) {
-  const scrollContainerRef = useRef42(null);
-  const lastPatchPreviewRef = useRef42(null);
+  const scrollContainerRef = useRef43(null);
+  const lastPatchPreviewRef = useRef43(null);
   const statusLabel = getStatusLabel(tab);
   const isPatchPreview = isPatchPreviewTool2(tab.toolName);
   const shouldLoadPatchFile = isPatchPreview;
@@ -36527,9 +36575,9 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
   writePreview,
   onClose
 } = {}) {
-  const scrollContainerRef = useRef43(null);
-  const latestAnchorRectRef = useRef43(null);
-  const [selectionToolbar, setSelectionToolbar] = useState60(null);
+  const scrollContainerRef = useRef44(null);
+  const latestAnchorRectRef = useRef44(null);
+  const [selectionToolbar, setSelectionToolbar] = useState59(null);
   const storeIsViewerOpen = useFileBrowserStore((s) => s.isViewerOpen);
   const storeSelectedFile = useFileBrowserStore((s) => s.selectedFile);
   const storeCloseViewer = useFileBrowserStore((s) => s.closeViewer);
@@ -36962,7 +37010,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
   });
 });
 // src/components/file-browser/QuickFilePicker.tsx
-import { memo as memo59, useState as useState61, useEffect as useEffect66, useRef as useRef44, useCallback as useCallback47, useMemo as useMemo39 } from "react";
+import { memo as memo59, useState as useState60, useEffect as useEffect66, useRef as useRef45, useCallback as useCallback47, useMemo as useMemo39 } from "react";
 import { FileCode as FileCode3, Search as Search11 } from "lucide-react";
 
 // src/stores/filePickerStore.ts
@@ -37006,10 +37054,10 @@ var QuickFilePicker = memo59(function QuickFilePicker2() {
 var QuickFilePickerContent = memo59(function QuickFilePickerContent2() {
   const close = useFilePickerStore((s) => s.close);
   const openFile = useFileBrowserStore((s) => s.openFile);
-  const [query, setQuery] = useState61("");
-  const [selectedIndex, setSelectedIndex] = useState61(0);
-  const inputRef = useRef44(null);
-  const listRef = useRef44(null);
+  const [query, setQuery] = useState60("");
+  const [selectedIndex, setSelectedIndex] = useState60(0);
+  const inputRef = useRef45(null);
+  const listRef = useRef45(null);
   const { data: filesData } = useFiles({ enabled: true, query });
   const ignoredSet = useMemo39(() => new Set(filesData?.ignoredFiles ?? []), [filesData?.ignoredFiles]);
   const filtered = useMemo39(() => {
@@ -37212,7 +37260,7 @@ var BrowserPanelToggle = memo60(function BrowserPanelToggle2() {
   });
 });
 // src/components/browser/BrowserViewerPanel.tsx
-import { useCallback as useCallback48, useEffect as useEffect67, useRef as useRef45, useState as useState62 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect67, useRef as useRef46, useState as useState61 } from "react";
 import {
   ChevronLeft as ChevronLeft2,
   ChevronRight as ChevronRight18,
@@ -37322,17 +37370,17 @@ function BrowserViewerPanel({ tab }) {
   const updateBrowserTabUrl = useViewerTabsStore((state) => state.updateBrowserTabUrl);
   const reloadBrowserTab = useViewerTabsStore((state) => state.reloadBrowserTab);
   const openBrowserTab = useViewerTabsStore((state) => state.openBrowserTab);
-  const contentRef = useRef45(null);
-  const iframeRef = useRef45(null);
-  const loadingDoneTimeoutRef = useRef45(null);
-  const iframeEmbedTimeoutRef = useRef45(null);
-  const isLoadingRef = useRef45(false);
-  const [draftUrl, setDraftUrl] = useState62(tab.url);
-  const [historyEntries, setHistoryEntries] = useState62(() => tab.url ? [normalizeBrowserUrl(tab.url)] : []);
-  const [historyIndex, setHistoryIndex] = useState62(tab.url ? 0 : -1);
-  const [isLoading, setIsLoading] = useState62(() => isEmbeddableUrl(normalizeBrowserUrl(tab.url)));
-  const [loadingProgress, setLoadingProgress] = useState62(() => isEmbeddableUrl(normalizeBrowserUrl(tab.url)) ? 12 : 0);
-  const [embedError, setEmbedError] = useState62(null);
+  const contentRef = useRef46(null);
+  const iframeRef = useRef46(null);
+  const loadingDoneTimeoutRef = useRef46(null);
+  const iframeEmbedTimeoutRef = useRef46(null);
+  const isLoadingRef = useRef46(false);
+  const [draftUrl, setDraftUrl] = useState61(tab.url);
+  const [historyEntries, setHistoryEntries] = useState61(() => tab.url ? [normalizeBrowserUrl(tab.url)] : []);
+  const [historyIndex, setHistoryIndex] = useState61(tab.url ? 0 : -1);
+  const [isLoading, setIsLoading] = useState61(() => isEmbeddableUrl(normalizeBrowserUrl(tab.url)));
+  const [loadingProgress, setLoadingProgress] = useState61(() => isEmbeddableUrl(normalizeBrowserUrl(tab.url)) ? 12 : 0);
+  const [embedError, setEmbedError] = useState61(null);
   const simulatorStatus = useSimulatorStatus();
   const {
     mutate: startSimulatorPreview,
@@ -38172,7 +38220,7 @@ ${tabKindLabel(tab)}`,
 import { memo as memo64, useEffect as useEffect71 } from "react";
 
 // src/components/onboarding/steps/ProviderSetupStep.tsx
-import { memo as memo62, useEffect as useEffect69, useState as useState63, useRef as useRef46 } from "react";
+import { memo as memo62, useEffect as useEffect69, useState as useState62, useRef as useRef47 } from "react";
 import {
   Copy as Copy5,
   Check as Check16,
@@ -38228,70 +38276,70 @@ var ProviderSetupStep = memo62(function ProviderSetupStep2({
   onImportCopilotTokenFromGh,
   onGetCopilotDiagnostics
 }) {
-  const [copied, setCopied] = useState63(false);
-  const [isSettingUp, setIsSettingUp] = useState63(false);
-  const [isImportModalOpen, setIsImportModalOpen] = useState63(false);
-  const [importPrivateKey, setImportPrivateKey] = useState63("");
-  const [isImportingWallet, setIsImportingWallet] = useState63(false);
-  const [importWalletError, setImportWalletError] = useState63(null);
-  const [addingProvider, setAddingProvider] = useState63(null);
-  const [apiKeyInput, setApiKeyInput] = useState63("");
-  const [isCustomProviderModalOpen, setIsCustomProviderModalOpen] = useState63(false);
-  const [customProviderId, setCustomProviderId] = useState63("");
-  const [customProviderLabel, setCustomProviderLabel] = useState63("");
-  const [customProviderBaseURL, setCustomProviderBaseURL] = useState63("");
-  const [customProviderApiKey, setCustomProviderApiKey] = useState63("");
-  const [customProviderModels, setCustomProviderModels] = useState63("");
-  const [customProviderCompatibility, setCustomProviderCompatibility] = useState63("openai-compatible");
-  const [customProviderAllowAnyModel, setCustomProviderAllowAnyModel] = useState63(true);
-  const [isAddingCustomProvider, setIsAddingCustomProvider] = useState63(false);
-  const [customProviderError, setCustomProviderError] = useState63(null);
-  const [isDiscoveringCustomModels, setIsDiscoveringCustomModels] = useState63(false);
-  const [discoveredCustomModels, setDiscoveredCustomModels] = useState63([]);
-  const [customProviderDiscoveryMessage, setCustomProviderDiscoveryMessage] = useState63(null);
-  const [removingProvider, setRemovingProvider] = useState63(null);
-  const [confirmingDelete, setConfirmingDelete] = useState63(null);
-  const [oauthSession, setOauthSession] = useState63(null);
-  const [oauthCodeInput, setOauthCodeInput] = useState63("");
-  const [isExchangingCode, setIsExchangingCode] = useState63(false);
-  const [isOpeningPopup, setIsOpeningPopup] = useState63(false);
-  const [openAIDevice, setOpenAIDevice] = useState63(null);
-  const [openAIPolling, setOpenAIPolling] = useState63(false);
-  const [openAIError, setOpenAIError] = useState63(null);
-  const [openAICodeCopied, setOpenAICodeCopied] = useState63(false);
-  const [openAIModalOpen, setOpenAIModalOpen] = useState63(false);
-  const [openAIAuthMode, setOpenAIAuthMode] = useState63("choice");
-  const [openAILoading, setOpenAILoading] = useState63(false);
-  const [copilotDevice, setCopilotDevice] = useState63(null);
-  const [copilotPolling, setCopilotPolling] = useState63(false);
-  const [copilotError, setCopilotError] = useState63(null);
-  const [copilotAuthMode, setCopilotAuthMode] = useState63("oauth");
-  const [copilotTokenInput, setCopilotTokenInput] = useState63("");
-  const [copilotTokenSaving, setCopilotTokenSaving] = useState63(false);
-  const [copilotGhImporting, setCopilotGhImporting] = useState63(false);
-  const [copilotAuthMethods, setCopilotAuthMethods] = useState63(null);
-  const [copilotDiagnostics, setCopilotDiagnostics] = useState63(null);
-  const [copilotCodeCopied, setCopilotCodeCopied] = useState63(false);
-  const [copilotModalOpen, setCopilotModalOpen] = useState63(false);
-  const [copilotLoading, setCopilotLoading] = useState63(false);
-  const copilotPollRef = useRef46(undefined);
-  const copilotCancelledRef = useRef46(false);
-  const copilotPollFnRef = useRef46(onPollCopilotDeviceFlow);
+  const [copied, setCopied] = useState62(false);
+  const [isSettingUp, setIsSettingUp] = useState62(false);
+  const [isImportModalOpen, setIsImportModalOpen] = useState62(false);
+  const [importPrivateKey, setImportPrivateKey] = useState62("");
+  const [isImportingWallet, setIsImportingWallet] = useState62(false);
+  const [importWalletError, setImportWalletError] = useState62(null);
+  const [addingProvider, setAddingProvider] = useState62(null);
+  const [apiKeyInput, setApiKeyInput] = useState62("");
+  const [isCustomProviderModalOpen, setIsCustomProviderModalOpen] = useState62(false);
+  const [customProviderId, setCustomProviderId] = useState62("");
+  const [customProviderLabel, setCustomProviderLabel] = useState62("");
+  const [customProviderBaseURL, setCustomProviderBaseURL] = useState62("");
+  const [customProviderApiKey, setCustomProviderApiKey] = useState62("");
+  const [customProviderModels, setCustomProviderModels] = useState62("");
+  const [customProviderCompatibility, setCustomProviderCompatibility] = useState62("openai-compatible");
+  const [customProviderAllowAnyModel, setCustomProviderAllowAnyModel] = useState62(true);
+  const [isAddingCustomProvider, setIsAddingCustomProvider] = useState62(false);
+  const [customProviderError, setCustomProviderError] = useState62(null);
+  const [isDiscoveringCustomModels, setIsDiscoveringCustomModels] = useState62(false);
+  const [discoveredCustomModels, setDiscoveredCustomModels] = useState62([]);
+  const [customProviderDiscoveryMessage, setCustomProviderDiscoveryMessage] = useState62(null);
+  const [removingProvider, setRemovingProvider] = useState62(null);
+  const [confirmingDelete, setConfirmingDelete] = useState62(null);
+  const [oauthSession, setOauthSession] = useState62(null);
+  const [oauthCodeInput, setOauthCodeInput] = useState62("");
+  const [isExchangingCode, setIsExchangingCode] = useState62(false);
+  const [isOpeningPopup, setIsOpeningPopup] = useState62(false);
+  const [openAIDevice, setOpenAIDevice] = useState62(null);
+  const [openAIPolling, setOpenAIPolling] = useState62(false);
+  const [openAIError, setOpenAIError] = useState62(null);
+  const [openAICodeCopied, setOpenAICodeCopied] = useState62(false);
+  const [openAIModalOpen, setOpenAIModalOpen] = useState62(false);
+  const [openAIAuthMode, setOpenAIAuthMode] = useState62("choice");
+  const [openAILoading, setOpenAILoading] = useState62(false);
+  const [copilotDevice, setCopilotDevice] = useState62(null);
+  const [copilotPolling, setCopilotPolling] = useState62(false);
+  const [copilotError, setCopilotError] = useState62(null);
+  const [copilotAuthMode, setCopilotAuthMode] = useState62("oauth");
+  const [copilotTokenInput, setCopilotTokenInput] = useState62("");
+  const [copilotTokenSaving, setCopilotTokenSaving] = useState62(false);
+  const [copilotGhImporting, setCopilotGhImporting] = useState62(false);
+  const [copilotAuthMethods, setCopilotAuthMethods] = useState62(null);
+  const [copilotDiagnostics, setCopilotDiagnostics] = useState62(null);
+  const [copilotCodeCopied, setCopilotCodeCopied] = useState62(false);
+  const [copilotModalOpen, setCopilotModalOpen] = useState62(false);
+  const [copilotLoading, setCopilotLoading] = useState62(false);
+  const copilotPollRef = useRef47(undefined);
+  const copilotCancelledRef = useRef47(false);
+  const copilotPollFnRef = useRef47(onPollCopilotDeviceFlow);
   copilotPollFnRef.current = onPollCopilotDeviceFlow;
-  const openAIPollRef = useRef46(undefined);
-  const openAICancelledRef = useRef46(false);
-  const openAIPollFnRef = useRef46(onPollOpenAIDeviceFlow);
+  const openAIPollRef = useRef47(undefined);
+  const openAICancelledRef = useRef47(false);
+  const openAIPollFnRef = useRef47(onPollOpenAIDeviceFlow);
   openAIPollFnRef.current = onPollOpenAIDeviceFlow;
   const balance = useOttoRouterStore((s) => s.balance);
   const usdcBalance = useOttoRouterStore((s) => s.usdcBalance);
   const payg = useOttoRouterStore((s) => s.payg);
   const subscription = useOttoRouterStore((s) => s.subscription);
   const isBalanceLoading = useOttoRouterStore((s) => s.isLoading);
-  const apiKeyInputRef = useRef46(null);
-  const oauthCodeInputRef = useRef46(null);
-  const importPrivateKeyRef = useRef46(null);
+  const apiKeyInputRef = useRef47(null);
+  const oauthCodeInputRef = useRef47(null);
+  const importPrivateKeyRef = useRef47(null);
   const isTopupModalOpen = useOttoRouterStore((s) => s.isTopupModalOpen);
-  const prevTopupModalOpen = useRef46(false);
+  const prevTopupModalOpen = useRef47(false);
   const { fetchBalance } = useOttoRouterBalance("ottorouter");
   const effectivePayg = payg?.effectiveSpendableUsd ?? balance ?? 0;
   const ottorouterStatusLabel = subscription?.active ? `GO ${(subscription.creditsRemaining ?? 0).toFixed(1)} credits` : `$${effectivePayg.toFixed(2)}`;
@@ -40075,7 +40123,7 @@ var ProviderSetupStep = memo62(function ProviderSetupStep2({
 });
 
 // src/components/onboarding/steps/DefaultsStep.tsx
-import { memo as memo63, useState as useState64, useEffect as useEffect70, useId as useId6, useRef as useRef47 } from "react";
+import { memo as memo63, useState as useState63, useEffect as useEffect70, useId as useId6, useRef as useRef48 } from "react";
 import { ArrowLeft as ArrowLeft3, Sparkles as Sparkles9, ChevronDown as ChevronDown15 } from "lucide-react";
 import { jsx as jsx138, jsxs as jsxs120, Fragment as Fragment55 } from "react/jsx-runtime";
 var DefaultsStep = memo63(function DefaultsStep2({
@@ -40084,16 +40132,16 @@ var DefaultsStep = memo63(function DefaultsStep2({
   onBack,
   hideHeader = false
 }) {
-  const [config2, setConfig] = useState64(null);
-  const [allModels, setAllModels] = useState64(null);
-  const [isLoading, setIsLoading] = useState64(true);
-  const [isSaving, setIsSaving] = useState64(false);
-  const [selectedProvider, setSelectedProvider] = useState64("ottorouter");
-  const [selectedModel, setSelectedModel] = useState64("kimi-k2.5");
-  const [selectedAgent, setSelectedAgent] = useState64(authStatus.defaults.agent || "build");
-  const [selectedApproval, setSelectedApproval] = useState64(authStatus.defaults.toolApproval || "dangerous");
-  const [guidedMode, setGuidedMode] = useState64(false);
-  const hasUserChangedProvider = useRef47(false);
+  const [config2, setConfig] = useState63(null);
+  const [allModels, setAllModels] = useState63(null);
+  const [isLoading, setIsLoading] = useState63(true);
+  const [isSaving, setIsSaving] = useState63(false);
+  const [selectedProvider, setSelectedProvider] = useState63("ottorouter");
+  const [selectedModel, setSelectedModel] = useState63("kimi-k2.5");
+  const [selectedAgent, setSelectedAgent] = useState63(authStatus.defaults.agent || "build");
+  const [selectedApproval, setSelectedApproval] = useState63(authStatus.defaults.toolApproval || "dangerous");
+  const [guidedMode, setGuidedMode] = useState63(false);
+  const hasUserChangedProvider = useRef48(false);
   const providerId = useId6();
   const modelId = useId6();
   const agentId = useId6();
@@ -40556,7 +40604,7 @@ var OnboardingModal = memo64(function OnboardingModal2({
   });
 });
 // src/components/dashboard/UsageDashboard.tsx
-import { useCallback as useCallback49, useEffect as useEffect72, useMemo as useMemo40, useState as useState65 } from "react";
+import { useCallback as useCallback49, useEffect as useEffect72, useMemo as useMemo40, useState as useState64 } from "react";
 import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft4, Globe2 as Globe25, RefreshCw as RefreshCw16 } from "lucide-react";
 import { jsx as jsx140, jsxs as jsxs122, Fragment as Fragment56 } from "react/jsx-runtime";
 function formatNumber(n) {
@@ -40604,8 +40652,8 @@ function authColor(t) {
   return "text-muted-foreground";
 }
 function DailyChart({ data }) {
-  const [tab, setTab] = useState65("cost");
-  const [hover, setHover] = useState65(null);
+  const [tab, setTab] = useState64("cost");
+  const [hover, setHover] = useState64(null);
   const max = useMemo40(() => {
     if (tab === "tokens") {
       return data.reduce((m, d) => Math.max(m, d.inputTokens + d.outputTokens), 0);
@@ -41130,10 +41178,10 @@ function Section({
   });
 }
 function UsageDashboard({ onBack }) {
-  const [stats, setStats] = useState65(null);
-  const [loading, setLoading] = useState65(false);
-  const [error, setError] = useState65(null);
-  const [scope, setScope] = useState65("project");
+  const [stats, setStats] = useState64(null);
+  const [loading, setLoading] = useState64(false);
+  const [error, setError] = useState64(null);
+  const [scope, setScope] = useState64("project");
   const fetchStats = useCallback49(async () => {
     setLoading(true);
     setError(null);
@@ -41514,7 +41562,7 @@ function UsageDashboard({ onBack }) {
   });
 }
 // src/hooks/useClientEvents.ts
-import { useEffect as useEffect73, useRef as useRef48 } from "react";
+import { useEffect as useEffect73, useRef as useRef49 } from "react";
 import { useQueryClient as useQueryClient26 } from "@tanstack/react-query";
 import {
   buildClientEventsStreamUrl,
@@ -41701,7 +41749,7 @@ async function maybeShowLocalAccessToast(baseUrl) {
 }
 function useClientEvents(activeSessionId) {
   const queryClient = useQueryClient26();
-  const activeSessionIdRef = useRef48(activeSessionId);
+  const activeSessionIdRef = useRef49(activeSessionId);
   useEffect73(() => {
     activeSessionIdRef.current = activeSessionId;
   }, [activeSessionId]);
@@ -41784,7 +41832,7 @@ function useClientEvents(activeSessionId) {
   return buildClientEventsStreamUrl({ baseUrl: getBaseUrl() });
 }
 // src/hooks/useTheme.ts
-import { useCallback as useCallback50, useEffect as useEffect74, useMemo as useMemo41, useState as useState66 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect74, useMemo as useMemo41, useState as useState65 } from "react";
 function normalizeTheme(theme) {
   return theme === "light" ? "light" : "dark";
 }
@@ -41792,7 +41840,7 @@ function useTheme() {
   const { data: config2 } = useConfig();
   const updateDefaults = useUpdateDefaults();
   const configTheme = normalizeTheme(config2?.defaults?.theme);
-  const [optimisticTheme, setOptimisticTheme] = useState66(null);
+  const [optimisticTheme, setOptimisticTheme] = useState65(null);
   const theme = optimisticTheme ?? configTheme;
   useEffect74(() => {
     if (optimisticTheme === configTheme) {
@@ -41826,10 +41874,10 @@ function useTheme() {
   return useMemo41(() => ({ theme, setTheme, toggleTheme }), [theme, setTheme, toggleTheme]);
 }
 // src/hooks/useWorkingDirectory.ts
-import { useEffect as useEffect75, useState as useState67 } from "react";
+import { useEffect as useEffect75, useState as useState66 } from "react";
 import { getCwd } from "@ottocode/api";
 function useWorkingDirectory() {
-  const [dirName, setDirName] = useState67(null);
+  const [dirName, setDirName] = useState66(null);
   useEffect75(() => {
     const fetchWorkingDirectory = async () => {
       try {
@@ -42175,7 +42223,7 @@ function useKeyboardShortcuts({
 }
 // src/hooks/useImageUpload.ts
 import {
-  useState as useState68,
+  useState as useState67,
   useCallback as useCallback52,
   useEffect as useEffect77
 } from "react";
@@ -42205,9 +42253,9 @@ async function fileToPreview2(file) {
 }
 function useImageUpload(options = {}) {
   const { maxImages = 5, maxSizeMB = 5, pageWide = true } = options;
-  const [images, setImages] = useState68([]);
-  const [isDragging, setIsDragging] = useState68(false);
-  const [error, setError] = useState68(null);
+  const [images, setImages] = useState67([]);
+  const [isDragging, setIsDragging] = useState67(false);
+  const [error, setError] = useState67(null);
   const maxSizeBytes = maxSizeMB * 1024 * 1024;
   const validateFile = useCallback52((file) => {
     if (!SUPPORTED_TYPES.includes(file.type)) {
@@ -42374,10 +42422,10 @@ function useImageUpload(options = {}) {
   };
 }
 // src/hooks/useOttoRouterPayments.ts
-import { useEffect as useEffect78, useRef as useRef49 } from "react";
+import { useEffect as useEffect78, useRef as useRef50 } from "react";
 function useOttoRouterPayments(sessionId) {
-  const clientRef = useRef49(null);
-  const loadingToastIdRef = useRef49(null);
+  const clientRef = useRef50(null);
+  const loadingToastIdRef = useRef50(null);
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const setPaymentPending = useOttoRouterStore((s) => s.setPaymentPending);
   const removeToast = useToastStore((s) => s.removeToast);
@@ -42762,4 +42810,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=04AD02E35B84EDEC64756E2164756E21
+//# debugId=13247ABCDC55D64D64756E2164756E21