@ottocode/web-sdk 0.1.304 → 0.1.305

package/dist/index.js

@@ -8126,19 +8126,190 @@ import {
   memo as memo10,
   useState as useState19,
   useCallback as useCallback17,
-  useEffect as useEffect19,
+  useEffect as useEffect20,
   useRef as useRef11,
   forwardRef as forwardRef8,
   useImperativeHandle as useImperativeHandle4,
-  useMemo as useMemo13
+  useMemo as useMemo14
 } from "react";
-import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+
+// src/hooks/useAgents.ts
+import { useEffect as useEffect15 } from "react";
+import { useMutation as useMutation6, useQuery as useQuery8, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+
+// src/stores/agentsStore.ts
+import { create as create18 } from "zustand";
+function collapseOtherRightPanels() {
+  useGitStore.getState().collapseSidebar();
+  useSessionFilesStore.getState().collapseSidebar();
+  useResearchStore.getState().collapseSidebar();
+  useSettingsStore.getState().collapseSidebar();
+  useTunnelStore.getState().collapseSidebar();
+  useFileBrowserStore.getState().collapseSidebar();
+  useMCPStore.getState().collapseSidebar();
+  useSkillsStore.getState().collapseSidebar();
+}
+var useAgentsStore = create18((set) => ({
+  isExpanded: false,
+  isManagerOpen: false,
+  managerMode: "library",
+  editorPage: "overview",
+  agents: [],
+  defaultAgent: null,
+  selectedAgent: null,
+  isCreateModalOpen: false,
+  setManagerMode: (mode) => set({ managerMode: mode }),
+  openManager: () => {
+    collapseOtherRightPanels();
+    set({ isManagerOpen: true, isExpanded: true, managerMode: "library" });
+  },
+  closeManager: () => set({
+    isManagerOpen: false,
+    isExpanded: false,
+    isCreateModalOpen: false,
+    managerMode: "library",
+    editorPage: "overview"
+  }),
+  toggleManager: () => {
+    const open = useAgentsStore.getState().isManagerOpen;
+    if (open) {
+      useAgentsStore.getState().closeManager();
+    } else {
+      useAgentsStore.getState().openManager();
+    }
+  },
+  setAgents: (agents, defaultAgent) => set((state) => ({
+    agents,
+    defaultAgent,
+    selectedAgent: state.selectedAgent && agents.some((a) => a.name === state.selectedAgent) ? state.selectedAgent : agents.find((a) => a.name === defaultAgent)?.name ?? agents[0]?.name ?? null
+  })),
+  selectAgent: (agent) => set({ selectedAgent: agent }),
+  backToList: () => set({ selectedAgent: null, editorPage: "overview" }),
+  openAgentInManager: (agent) => set({
+    isManagerOpen: true,
+    isExpanded: true,
+    managerMode: "workspace",
+    selectedAgent: agent,
+    editorPage: "overview",
+    isCreateModalOpen: false
+  }),
+  setEditorPage: (page) => set({ editorPage: page }),
+  openCreateModal: () => set({ isManagerOpen: true, isExpanded: true, isCreateModalOpen: true }),
+  closeCreateModal: () => set({
+    isCreateModalOpen: false,
+    managerMode: "library",
+    editorPage: "overview"
+  })
+}));
+
+// src/hooks/useAgents.ts
+function useAgentDetails(options = {}) {
+  const managerOpen = useAgentsStore((s) => s.isManagerOpen);
+  const createOpen = useAgentsStore((s) => s.isCreateModalOpen);
+  const enabled = options.enabled ?? (managerOpen || createOpen);
+  const setAgents = useAgentsStore((s) => s.setAgents);
+  const selectedAgent = useAgentsStore((s) => s.selectedAgent);
+  const selectAgent = useAgentsStore((s) => s.selectAgent);
+  const query = useQuery8({
+    queryKey: ["config", "agents"],
+    queryFn: () => apiClient.getAgentDetails(),
+    enabled,
+    staleTime: 15000
+  });
+  useEffect15(() => {
+    if (!query.data)
+      return;
+    setAgents(query.data.agents, query.data.default);
+    if (!selectedAgent && query.data.agents.length > 0) {
+      const defaultAgent = query.data.agents.find((agent) => agent.name === query.data.default);
+      selectAgent(defaultAgent?.name ?? query.data.agents[0].name);
+    }
+  }, [query.data, selectAgent, selectedAgent, setAgents]);
+  return query;
+}
+function useAgent(agentName) {
+  return useQuery8({
+    queryKey: ["config", "agents", agentName],
+    queryFn: async () => {
+      if (!agentName)
+        return null;
+      return apiClient.getAgent(agentName);
+    },
+    enabled: Boolean(agentName),
+    staleTime: 15000
+  });
+}
+function useConfigTools(options = {}) {
+  const managerOpen = useAgentsStore((s) => s.isManagerOpen);
+  const createOpen = useAgentsStore((s) => s.isCreateModalOpen);
+  const enabled = options.enabled ?? (managerOpen || createOpen);
+  return useQuery8({
+    queryKey: ["config", "tools"],
+    queryFn: () => apiClient.getConfigTools(),
+    enabled,
+    staleTime: 30000
+  });
+}
+function useUpdateAgent() {
+  const queryClient = useQueryClient7();
+  return useMutation6({
+    mutationFn: ({ name, input }) => apiClient.updateAgent(name, input),
+    onSuccess: (data, variables) => {
+      queryClient.setQueryData(["config", "agents", variables.name], data);
+      queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
+      queryClient.invalidateQueries({ queryKey: ["config"] });
+    }
+  });
+}
+function useDeleteAgent() {
+  const queryClient = useQueryClient7();
+  const setAgents = useAgentsStore((s) => s.setAgents);
+  const selectAgent = useAgentsStore((s) => s.selectAgent);
+  return useMutation6({
+    mutationFn: ({
+      name,
+      scope = "local"
+    }) => apiClient.deleteAgent(name, scope),
+    onSuccess: async (_data, variables) => {
+      await queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
+      const refreshed = await queryClient.fetchQuery({
+        queryKey: ["config", "agents"],
+        queryFn: () => apiClient.getAgentDetails()
+      });
+      setAgents(refreshed.agents, refreshed.default);
+      if (variables.name === useAgentsStore.getState().selectedAgent) {
+        const next = refreshed.agents.find((a) => a.name === refreshed.default)?.name ?? refreshed.agents[0]?.name ?? null;
+        selectAgent(next);
+      }
+      queryClient.invalidateQueries({ queryKey: ["config"] });
+    }
+  });
+}
+function useSetDefaultAgent() {
+  const queryClient = useQueryClient7();
+  return useMutation6({
+    mutationFn: (name) => apiClient.updateDefaults({ agent: name, scope: "global" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
+      queryClient.invalidateQueries({ queryKey: ["config"] });
+    }
+  });
+}
+function getAgentToolCount(agent) {
+  if (!agent)
+    return 0;
+  return Array.from(new Set([
+    ...agent.toolConfig.firstClass ?? [],
+    ...agent.toolConfig.loadable ?? []
+  ])).length;
+}
 
 // src/hooks/useGit.ts
-import { useQuery as useQuery8, useMutation as useMutation6, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+import { useQuery as useQuery9, useMutation as useMutation7, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
 function useGitStatus() {
   const isExpanded = useGitStore((state) => state.isExpanded);
-  return useQuery8({
+  return useQuery9({
     queryKey: ["git", "status"],
     queryFn: () => apiClient.getGitStatus(),
     refetchInterval: isExpanded ? 5000 : false,
@@ -8147,7 +8318,7 @@ function useGitStatus() {
   });
 }
 function useGitDiff(file, staged = false) {
-  return useQuery8({
+  return useQuery9({
     queryKey: ["git", "diff", file, staged],
     queryFn: () => file ? apiClient.getGitDiff(file, staged) : null,
     enabled: !!file,
@@ -8157,7 +8328,7 @@ function useGitDiff(file, staged = false) {
 }
 function useGitBranch() {
   const isExpanded = useGitStore((state) => state.isExpanded);
-  return useQuery8({
+  return useQuery9({
     queryKey: ["git", "branch"],
     queryFn: () => apiClient.getGitBranch(),
     refetchInterval: isExpanded ? 1e4 : false,
@@ -8166,13 +8337,13 @@ function useGitBranch() {
   });
 }
 function useGenerateCommitMessage(sessionId) {
-  return useMutation6({
+  return useMutation7({
     mutationFn: () => apiClient.generateCommitMessage(sessionId ?? undefined)
   });
 }
 function useStageFiles() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (files) => apiClient.stageFiles(files),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8180,8 +8351,8 @@ function useStageFiles() {
   });
 }
 function useUnstageFiles() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (files) => apiClient.unstageFiles(files),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8189,8 +8360,8 @@ function useUnstageFiles() {
   });
 }
 function useRestoreFiles() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (files) => apiClient.restoreFiles(files),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8198,8 +8369,8 @@ function useRestoreFiles() {
   });
 }
 function useDeleteFiles() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (files) => apiClient.deleteFiles(files),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8207,8 +8378,8 @@ function useDeleteFiles() {
   });
 }
 function useCommitChanges() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (message) => apiClient.commitChanges(message),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8217,8 +8388,8 @@ function useCommitChanges() {
   });
 }
 function usePushCommits() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: () => apiClient.pushCommits(),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8227,8 +8398,8 @@ function usePushCommits() {
   });
 }
 function usePullChanges() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: () => apiClient.pullChanges(),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8237,8 +8408,8 @@ function usePullChanges() {
   });
 }
 function useGitRebaseAction() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (action) => apiClient.performRebaseAction(action),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8247,8 +8418,8 @@ function useGitRebaseAction() {
   });
 }
 function useGitInit() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: () => apiClient.initGitRepo(),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8258,7 +8429,7 @@ function useGitInit() {
 }
 function useGitRemotes() {
   const isExpanded = useGitStore((state) => state.isExpanded);
-  return useQuery8({
+  return useQuery9({
     queryKey: ["git", "remotes"],
     queryFn: () => apiClient.getRemotes(),
     enabled: isExpanded,
@@ -8267,8 +8438,8 @@ function useGitRemotes() {
   });
 }
 function useAddRemote() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: ({ name, url }) => apiClient.addRemote(name, url),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "remotes"] });
@@ -8277,8 +8448,8 @@ function useAddRemote() {
   });
 }
 function useRemoveRemote() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (name) => apiClient.removeRemote(name),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "remotes"] });
@@ -8287,7 +8458,7 @@ function useRemoveRemote() {
   });
 }
 function useGitBranches(enabled = true) {
-  return useQuery8({
+  return useQuery9({
     queryKey: ["git", "branches"],
     queryFn: () => apiClient.listGitBranches(),
     enabled,
@@ -8296,8 +8467,8 @@ function useGitBranches(enabled = true) {
   });
 }
 function useCheckoutBranch() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: (branch) => apiClient.checkoutBranch(branch),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
@@ -8307,8 +8478,8 @@ function useCheckoutBranch() {
   });
 }
 function useCreateGitBranch() {
-  const queryClient = useQueryClient7();
-  return useMutation6({
+  const queryClient = useQueryClient8();
+  return useMutation7({
     mutationFn: ({
       name,
       startPoint,
@@ -8326,7 +8497,7 @@ function useCreateGitBranch() {
 import {
   useState as useState15,
   useCallback as useCallback16,
-  useEffect as useEffect15
+  useEffect as useEffect16
 } from "react";
 import { uploadAttachment } from "@ottocode/api";
 var IMAGE_TYPES = ["image/png", "image/jpeg", "image/gif", "image/webp"];
@@ -8615,7 +8786,7 @@ function useFileUpload(options = {}) {
       addFiles(pastedFiles);
     }
   }, [addFiles]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!pageWide)
       return;
     let dragCounter = 0;
@@ -8678,8 +8849,8 @@ function useFileUpload(options = {}) {
 }
 
 // src/stores/pendingResearchStore.ts
-import { create as create18 } from "zustand";
-var usePendingResearchStore = create18((set, get) => ({
+import { create as create19 } from "zustand";
+var usePendingResearchStore = create19((set, get) => ({
   pendingContexts: new Map,
   addContext: (parentSessionId, context) => {
     set((state) => {
@@ -8717,9 +8888,9 @@ var usePendingResearchStore = create18((set, get) => ({
 }));
 
 // src/stores/fileSelectionStore.ts
-import { create as create19 } from "zustand";
+import { create as create20 } from "zustand";
 var NEW_SESSION_FILE_SELECTIONS_KEY = "__new-session__";
-var useFileSelectionStore = create19((set, get) => ({
+var useFileSelectionStore = create20((set, get) => ({
   activeSelection: null,
   pendingSelections: new Map,
   setActiveSelection: (selection) => set({ activeSelection: selection }),
@@ -8859,12 +9030,12 @@ function parseFileSelections(content) {
 }
 
 // src/components/chat/ConfigModal.tsx
-import { useEffect as useEffect18, useRef as useRef10 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo13, useRef as useRef10 } from "react";
 
 // src/components/chat/UnifiedModelSelector.tsx
 import {
   useState as useState16,
-  useEffect as useEffect16,
+  useEffect as useEffect17,
   useRef as useRef7,
   useMemo as useMemo11,
   useImperativeHandle as useImperativeHandle2,
@@ -8897,7 +9068,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({
   const menuRef = useRef7(null);
   const [menuStyle, setMenuStyle] = useState16({});
   const itemRefs = useRef7([]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!allModels)
       return;
     setLoadedModels((prev) => {
@@ -8918,7 +9089,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({
     }
     return [provider, ...providers];
   }, [allModels, provider]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!provider || !currentProviderModels)
       return;
     setLoadedModels((prev) => ({
@@ -8931,7 +9102,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({
     }));
     setHydratedProviders((prev) => ({ ...prev, [provider]: true }));
   }, [currentProviderModels, provider]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!isOpen || !configuredProviders.length)
       return;
     for (const providerId of configuredProviders) {
@@ -9075,12 +9246,12 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({
     }
     return list;
   }, [filteredModels]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isOpen) {
       setHighlightedIndex(0);
     }
   }, [isOpen]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isOpen && highlightedIndex >= 0 && highlightedIndex < itemRefs.current.length) {
       itemRefs.current[highlightedIndex]?.scrollIntoView({
         block: "nearest",
@@ -9088,7 +9259,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({
       });
     }
   }, [highlightedIndex, isOpen]);
-  useEffect16(() => {
+  useEffect17(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target) && (!menuRef.current || !menuRef.current.contains(event.target))) {
         setIsOpen(false);
@@ -9315,7 +9486,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({
 // src/components/chat/UnifiedAgentSelector.tsx
 import {
   useState as useState17,
-  useEffect as useEffect17,
+  useEffect as useEffect18,
   useRef as useRef8,
   useMemo as useMemo12,
   useImperativeHandle as useImperativeHandle3,
@@ -9348,12 +9519,12 @@ var UnifiedAgentSelector = forwardRef7(function UnifiedAgentSelector2({ agent, a
     const results = fuse.search(searchQuery);
     return results.map((result) => result.item);
   }, [agents, searchQuery, fuse]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isOpen) {
       setHighlightedIndex(0);
     }
   }, [isOpen]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isOpen && highlightedIndex >= 0 && highlightedIndex < itemRefs.current.length) {
       itemRefs.current[highlightedIndex]?.scrollIntoView({
         block: "nearest",
@@ -9361,7 +9532,7 @@ var UnifiedAgentSelector = forwardRef7(function UnifiedAgentSelector2({ agent, a
       });
     }
   }, [highlightedIndex, isOpen]);
-  useEffect17(() => {
+  useEffect18(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -9550,12 +9721,14 @@ function ConfigModal({
   modalPosition = "fixed"
 }) {
   const { data: config2, isLoading: configLoading } = useConfig();
+  const { data: agentDetails } = useAgentDetails({ enabled: true });
   const updateDefaults = useUpdateDefaults();
   const reasoningEnabled = config2?.defaults?.reasoningText ?? true;
   const reasoningLevel = config2?.defaults?.reasoningLevel ?? "high";
+  const agentNames = useMemo13(() => agentDetails?.agents.length ? agentDetails.agents.map((agentDetail) => agentDetail.name) : config2?.agents ?? [], [agentDetails?.agents, config2?.agents]);
   const agentSelectorRef = useRef10(null);
   const modelSelectorRef = useRef10(null);
-  useEffect18(() => {
+  useEffect19(() => {
     if (isOpen && initialFocus) {
       setTimeout(() => {
         if (initialFocus === "agent") {
@@ -9638,7 +9811,7 @@ function ConfigModal({
             /* @__PURE__ */ jsx27(UnifiedAgentSelector, {
               ref: agentSelectorRef,
               agent,
-              agents: config2.agents,
+              agents: agentNames,
               onChange: onAgentChange
             })
           ]
@@ -9694,15 +9867,17 @@ var ChatInputContainer = memo10(forwardRef8(function ChatInputContainer2({
   const deleteSession = useDeleteSession();
   const { data: allModels } = useAllModels();
   const { data: config2 } = useConfig();
+  const { data: agentDetails } = useAgentDetails({ enabled: true });
   const stageFiles = useStageFiles();
   const openCommitModalForSession = useGitStore((state) => state.openCommitModalForSession);
   const setActiveSessionId = useGitStore((state) => state.setActiveSessionId);
-  const queryClient = useQueryClient8();
-  const selectedModel = useMemo13(() => allModels?.[provider]?.models?.find((m) => m.id === model), [allModels, provider, model]);
+  const queryClient = useQueryClient9();
+  const selectedModel = useMemo14(() => allModels?.[provider]?.models?.find((m) => m.id === model), [allModels, provider, model]);
   const modelSupportsReasoning = selectedModel?.reasoningText;
   const modelSupportsVision = selectedModel?.vision;
   const modelSupportsAttachment = selectedModel?.attachment;
   const modelIsFree = selectedModel?.free;
+  const agentNames = useMemo14(() => agentDetails?.agents.length ? agentDetails.agents.map((agentDetail) => agentDetail.name) : config2?.agents ?? [], [agentDetails?.agents, config2?.agents]);
   const {
     images,
     documents,
@@ -9724,11 +9899,11 @@ var ChatInputContainer = memo10(forwardRef8(function ChatInputContainer2({
   const clearFileSelections = useFileSelectionStore((state) => state.clearSelections);
   const pendingResearchContexts = pendingContextsMap.get(sessionId) || [];
   const pendingFileSelections = pendingFileSelectionsMap.get(sessionId) || [];
-  const researchContexts = useMemo13(() => pendingResearchContexts.map((ctx) => ({
+  const researchContexts = useMemo14(() => pendingResearchContexts.map((ctx) => ({
     id: ctx.id,
     label: ctx.label
   })), [pendingResearchContexts]);
-  const fileSelectionContexts = useMemo13(() => pendingFileSelections.map((selection) => ({
+  const fileSelectionContexts = useMemo14(() => pendingFileSelections.map((selection) => ({
     id: selection.id,
     label: selection.label
   })), [pendingFileSelections]);
@@ -9740,23 +9915,23 @@ var ChatInputContainer = memo10(forwardRef8(function ChatInputContainer2({
   }, [sessionId, removeFileSelection]);
   const providerAuthType = allModels?.[provider]?.authType;
   const isCustomProvider = allModels?.[provider]?.label?.includes("(custom)") ?? false;
-  useEffect19(() => {
+  useEffect20(() => {
     if (session) {
       setAgent(session.agent);
       setProvider(session.provider);
       setModel(session.model);
     }
   }, [session]);
-  useEffect19(() => {
+  useEffect20(() => {
     setActiveSessionId(sessionId);
     return () => setActiveSessionId(null);
   }, [sessionId, setActiveSessionId]);
-  useEffect19(() => {
+  useEffect20(() => {
     setInputKey((prev) => prev + 1);
   }, []);
   const pendingRestoreText = useQueueStore((state) => state.pendingRestoreText);
   const consumeRestoreText = useQueueStore((state) => state.consumeRestoreText);
-  useEffect19(() => {
+  useEffect20(() => {
     if (pendingRestoreText) {
       const text = consumeRestoreText();
       if (text) {
@@ -9944,12 +10119,29 @@ var ChatInputContainer = memo10(forwardRef8(function ChatInputContainer2({
   ]);
   const handleAgentChange = useCallback17(async (value) => {
     setAgent(value);
+    const selectedAgent = agentDetails?.agents.find((agentDetail) => agentDetail.name === value);
+    const update = selectedAgent ? {
+      agent: value,
+      provider: selectedAgent.provider ?? config2?.defaults?.provider ?? provider,
+      model: selectedAgent.model ?? config2?.defaults?.model ?? model
+    } : { agent: value };
+    if ("provider" in update)
+      setProvider(update.provider);
+    if ("model" in update)
+      setModel(update.model);
     try {
-      await updateSession.mutateAsync({ agent: value });
+      await updateSession.mutateAsync(update);
     } catch (error) {
       console.error("Failed to update agent:", error);
     }
-  }, [updateSession]);
+  }, [
+    agentDetails?.agents,
+    config2?.defaults?.model,
+    config2?.defaults?.provider,
+    model,
+    provider,
+    updateSession
+  ]);
   const handleModelSelectorChange = useCallback17(async (newProvider, newModel) => {
     setProvider(newProvider);
     setModel(newModel);
@@ -9985,13 +10177,8 @@ var ChatInputContainer = memo10(forwardRef8(function ChatInputContainer2({
   }, [provider, updateSession]);
   const handlePlanModeToggle = useCallback17(async (isPlanMode) => {
     const newAgent = isPlanMode ? "plan" : "build";
-    setAgent(newAgent);
-    try {
-      await updateSession.mutateAsync({ agent: newAgent });
-    } catch (error) {
-      console.error("Failed to switch agent:", error);
-    }
-  }, [updateSession]);
+    await handleAgentChange(newAgent);
+  }, [handleAgentChange]);
   const openConfigRef = useRef11(null);
   const handleOpenConfigReady = useCallback17((openConfig) => {
     openConfigRef.current = openConfig;
@@ -10036,7 +10223,7 @@ var ChatInputContainer = memo10(forwardRef8(function ChatInputContainer2({
       onFileSelectionContextRemove: handleFileSelectionContextRemove,
       onModelInfoClick: openModelConfig,
       agent,
-      agents: config2?.agents,
+      agents: agentNames,
       onAgentChange: handleAgentChange
     }, inputKey)
   });
@@ -10061,7 +10248,7 @@ var ChatConfigModalHost = memo10(function ChatConfigModalHost2({
     setConfigFocusTarget(target);
     setIsConfigOpen(true);
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     onOpenConfigReady(openConfig);
   }, [onOpenConfigReady, openConfig]);
   const toggleConfig = useCallback17(() => {
@@ -10074,7 +10261,7 @@ var ChatConfigModalHost = memo10(function ChatConfigModalHost2({
   const openModelConfig = useCallback17(() => {
     openConfig("model");
   }, [openConfig]);
-  const controls = useMemo13(() => ({ openConfig, openModelConfig, toggleConfig }), [openConfig, openModelConfig, toggleConfig]);
+  const controls = useMemo14(() => ({ openConfig, openModelConfig, toggleConfig }), [openConfig, openModelConfig, toggleConfig]);
   return /* @__PURE__ */ jsxs21(Fragment7, {
     children: [
       isConfigOpen ? /* @__PURE__ */ jsx28(ConfigModal, {
@@ -10097,7 +10284,7 @@ var ChatConfigModalHost = memo10(function ChatConfigModalHost2({
   });
 });
 // src/components/chat/ConfigSelector.tsx
-import { useEffect as useEffect20 } from "react";
+import { useEffect as useEffect21 } from "react";
 import { Settings } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function ConfigSelector({
@@ -10118,7 +10305,7 @@ function ConfigSelector({
     provider,
     model
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (config2 && !agent && !provider && !model) {
       onAgentChange(config2.defaults.agent);
       onProviderChange(config2.defaults.provider);
@@ -10133,7 +10320,7 @@ function ConfigSelector({
     onProviderChange,
     onModelChange
   ]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (modelsData && modelsData.models.length > 0) {
       const currentModelExists = modelsData.models.some((m) => m.id === model);
       if (!currentModelExists) {
@@ -10241,15 +10428,15 @@ import {
   useRef as useRef12,
   forwardRef as forwardRef9,
   useImperativeHandle as useImperativeHandle5,
-  useEffect as useEffect21,
-  useMemo as useMemo14
+  useEffect as useEffect22,
+  useMemo as useMemo15
 } from "react";
-import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var NewSessionLanding = memo11(forwardRef9(function NewSessionLanding2({ onSessionCreated, defaultAgent, wordmark, compact, modalPosition }, ref) {
   const { data: config2 } = useConfig();
   const { data: allModels } = useAllModels();
-  const queryClient = useQueryClient9();
+  const queryClient = useQueryClient10();
   const [sending, setSending] = useState21(false);
   const [transitioning, setTransitioning] = useState21(false);
   const pendingSessionIdRef = useRef12(null);
@@ -10260,7 +10447,7 @@ var NewSessionLanding = memo11(forwardRef9(function NewSessionLanding2({ onSessi
   const [configFocusTarget, setConfigFocusTarget] = useState21(null);
   const chatInputRef = useRef12(null);
   const initializedRef = useRef12(false);
-  useEffect21(() => {
+  useEffect22(() => {
     if (initializedRef.current || !config2?.defaults)
       return;
     initializedRef.current = true;
@@ -10290,7 +10477,7 @@ var NewSessionLanding = memo11(forwardRef9(function NewSessionLanding2({ onSessi
   const removeFileSelection = useFileSelectionStore((state) => state.removeSelectionFromSession);
   const clearFileSelections = useFileSelectionStore((state) => state.clearSelections);
   const pendingFileSelections = pendingFileSelectionsMap.get(NEW_SESSION_FILE_SELECTIONS_KEY) ?? [];
-  const fileSelectionContexts = useMemo14(() => pendingFileSelections.map((selection) => ({
+  const fileSelectionContexts = useMemo15(() => pendingFileSelections.map((selection) => ({
     id: selection.id,
     label: selection.label
   })), [pendingFileSelections]);
@@ -10302,7 +10489,7 @@ var NewSessionLanding = memo11(forwardRef9(function NewSessionLanding2({ onSessi
       chatInputRef.current?.focus();
     }
   }));
-  useEffect21(() => {
+  useEffect22(() => {
     const timer = setTimeout(() => {
       chatInputRef.current?.focus();
     }, 100);
@@ -10415,7 +10602,7 @@ var NewSessionLanding = memo11(forwardRef9(function NewSessionLanding2({ onSessi
     queryClient,
     modelSupportsReasoning
   ]);
-  const defaultWordmark = useMemo14(() => /* @__PURE__ */ jsx31("svg", {
+  const defaultWordmark = useMemo15(() => /* @__PURE__ */ jsx31("svg", {
     width: compact ? 60 : 80,
     height: compact ? 24 : 32,
     viewBox: "0 0 748 303",
@@ -10497,18 +10684,18 @@ var NewSessionLanding = memo11(forwardRef9(function NewSessionLanding2({ onSessi
 import {
   memo as memo23,
   useCallback as useCallback26,
-  useEffect as useEffect38,
+  useEffect as useEffect39,
   useLayoutEffect as useLayoutEffect7,
-  useMemo as useMemo22,
+  useMemo as useMemo23,
   useRef as useRef24,
   useState as useState40
 } from "react";
-import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
 import { X as X15 } from "lucide-react";
 
 // src/stores/btwStore.ts
-import { create as create20 } from "zustand";
-var useBtwStore = create20((set) => ({
+import { create as create21 } from "zustand";
+var useBtwStore = create21((set) => ({
   isOpen: false,
   selection: null,
   parentSessionId: null,
@@ -10532,12 +10719,12 @@ var useBtwStore = create20((set) => ({
 }));
 
 // src/components/messages/MessageThreadContainer.tsx
-import { memo as memo22, useEffect as useEffect37, useMemo as useMemo21 } from "react";
-import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
+import { memo as memo22, useEffect as useEffect38, useMemo as useMemo22 } from "react";
+import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
 
 // src/hooks/useSessionStream.ts
-import { useEffect as useEffect22, useRef as useRef13 } from "react";
-import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
+import { useEffect as useEffect23, useRef as useRef13 } from "react";
+import { useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 
 // src/lib/sse-client.ts
 class SSEClient {
@@ -10662,7 +10849,7 @@ var STREAMING_TOOL_INPUT_HEAD_CHARS = 8000;
 var STREAMING_TOOL_INPUT_TAIL_CHARS = 16000;
 var STREAMING_TOOL_MESSAGE_THROTTLE_MS = 500;
 function useSessionStream(sessionId, enabled = true) {
-  const queryClient = useQueryClient10();
+  const queryClient = useQueryClient11();
   const clientRef = useRef13(null);
   const assistantMessageIdRef = useRef13(null);
   const toolInputBuffersRef = useRef13(new Map);
@@ -10675,7 +10862,7 @@ function useSessionStream(sessionId, enabled = true) {
     setPendingApprovals
   } = useToolApprovalStore();
   const { addPendingInput, removePendingInput, setPendingInputs } = useSecureInputStore();
-  useEffect22(() => {
+  useEffect23(() => {
     if (!sessionId || !enabled) {
       return;
     }
@@ -12150,16 +12337,16 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
 
 // src/components/messages/MessageThread.tsx
 import {
-  useEffect as useEffect34,
+  useEffect as useEffect35,
   useRef as useRef22,
   useState as useState38,
-  useMemo as useMemo20,
+  useMemo as useMemo21,
   memo as memo19,
   useCallback as useCallback23,
   useLayoutEffect as useLayoutEffect6
 } from "react";
 import { ArrowDown } from "lucide-react";
-import { useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { Virtuoso } from "react-virtuoso";
 
 // src/components/messages/AssistantMessageGroup.tsx
@@ -12168,8 +12355,8 @@ import {
   memo as memo14,
   useState as useState33,
   useCallback as useCallback19,
-  useMemo as useMemo16,
-  useEffect as useEffect29
+  useMemo as useMemo17,
+  useEffect as useEffect30
 } from "react";
 import {
   Sparkles as Sparkles4,
@@ -13689,7 +13876,7 @@ function WriteRenderer({
 }
 
 // src/components/messages/renderers/BashRenderer.tsx
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect24 } from "react";
 import { Terminal as Terminal3 } from "lucide-react";
 import { Prism as SyntaxHighlighter4 } from "react-syntax-highlighter";
 import {
@@ -13756,7 +13943,7 @@ function BashRenderer({
   onToggle,
   compact
 }) {
-  useEffect23(() => {
+  useEffect24(() => {
     loadNerdFont();
   }, []);
   const result = contentJson.result || {};
@@ -16563,7 +16750,7 @@ function DatabaseToolRenderer({
 }
 
 // src/components/messages/renderers/TerminalRenderer.tsx
-import { useEffect as useEffect24, useState as useState26 } from "react";
+import { useEffect as useEffect25, useState as useState26 } from "react";
 import { Terminal as Terminal4 } from "lucide-react";
 import { jsx as jsx60, jsxs as jsxs51, Fragment as Fragment24 } from "react/jsx-runtime";
 var ANSI_RE = /[\x1B\x9B][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nq-uy=><~]/g;
@@ -16582,7 +16769,7 @@ function TerminalRenderer({
   compact
 }) {
   const [, setFontReady] = useState26(false);
-  useEffect24(() => {
+  useEffect25(() => {
     loadNerdFont().then(() => setFontReady(true));
   }, []);
   const result = contentJson.result || {};
@@ -17553,7 +17740,7 @@ function formatFileSize(bytes) {
   return `${(kb / 1024).toFixed(1)}MB`;
 }
 // src/components/messages/renderers/ReasoningRenderer.tsx
-import { useState as useState27, useRef as useRef14, useEffect as useEffect25 } from "react";
+import { useState as useState27, useRef as useRef14, useEffect as useEffect26 } from "react";
 import { ChevronDown as ChevronDown7, ChevronRight as ChevronRight11 } from "lucide-react";
 import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
 function ReasoningRenderer({ part }) {
@@ -17567,7 +17754,7 @@ function ReasoningRenderer({ part }) {
   } else if (typeof data === "string") {
     content = data;
   }
-  useEffect25(() => {
+  useEffect26(() => {
     if (scrollRef.current && isExpanded && !part.completedAt && !isHoveredRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -18375,7 +18562,7 @@ var MessagePartItem = memo13(function MessagePartItem2({
 });
 
 // src/components/messages/CompactActivityGroup.tsx
-import { useEffect as useEffect26, useLayoutEffect as useLayoutEffect3, useMemo as useMemo15, useRef as useRef15, useState as useState29 } from "react";
+import { useEffect as useEffect27, useLayoutEffect as useLayoutEffect3, useMemo as useMemo16, useRef as useRef15, useState as useState29 } from "react";
 import { Brain as Brain4, Search as Search6 } from "lucide-react";
 
 // src/components/messages/compactActivity.ts
@@ -18746,13 +18933,13 @@ function CompactActivityGroup({
   const hoveredRef = useRef15(false);
   const prevCountRef = useRef15(entries.length);
   const [contentHeight, setContentHeight] = useState29(0);
-  const summary = useMemo15(() => summarizeCompactActivities(entries), [entries]);
+  const summary = useMemo16(() => summarizeCompactActivities(entries), [entries]);
   const summaryTitle = titleOverride || summary.title;
   const summaryText = [summaryTitle, ...summary.details].join(" · ");
   const hasReasoning = entries.some((e) => e.toolName === "reasoning");
   const lastEntry = entries.length > 0 ? entries[entries.length - 1] : null;
   const shouldRenderLiveEntries = !showSummary;
-  useEffect26(() => {
+  useEffect27(() => {
     if (!collapsed) {
       setLatched(false);
       setShowSummary(false);
@@ -18783,14 +18970,14 @@ function CompactActivityGroup({
     observer.observe(el);
     return () => observer.disconnect();
   }, [showSummary]);
-  useEffect26(() => {
+  useEffect27(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     if (showSummary || hoveredRef.current)
       return;
     const el = scrollRef.current;
@@ -18827,7 +19014,7 @@ function CompactActivityGroup({
     };
     scrollAnimationRef.current = window.requestAnimationFrame(tick);
   }, [entries.length, lastEntry?.fullText, showSummary, contentHeight]);
-  useEffect26(() => {
+  useEffect27(() => {
     prevCountRef.current = entries.length;
   }, [entries.length]);
   const isLive = !showSummary;
@@ -18950,7 +19137,7 @@ function CompactActivityGroup({
 }
 
 // src/components/messages/CompactionSummaryBox.tsx
-import { useEffect as useEffect27, useLayoutEffect as useLayoutEffect4, useRef as useRef16, useState as useState30 } from "react";
+import { useEffect as useEffect28, useLayoutEffect as useLayoutEffect4, useRef as useRef16, useState as useState30 } from "react";
 import { Package } from "lucide-react";
 
 // src/components/messages/compactionSummary.ts
@@ -19032,7 +19219,7 @@ function CompactionSummaryBox({
   const collapsedSummary = summarizeCompactionText(summaryText);
   const [showSummary, setShowSummary] = useState30(() => isComplete);
   const [latched, setLatched] = useState30(() => isComplete);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isComplete && !latched) {
       setShowSummary(false);
       return;
@@ -19058,14 +19245,14 @@ function CompactionSummaryBox({
     const nextHeight = Math.min(el.scrollHeight, MAX_SCROLL_H2 - 12);
     setContentHeight((prev) => prev === nextHeight ? prev : nextHeight);
   }, [summaryText, hasSummaryText]);
-  useEffect27(() => {
+  useEffect28(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     const el = scrollRef.current;
     if (!el || hoveredRef.current || showSummary)
       return;
@@ -19235,7 +19422,7 @@ function CompactionSummaryBox({
 }
 
 // src/components/messages/ActionToolBox.tsx
-import { useEffect as useEffect28, useLayoutEffect as useLayoutEffect5, useRef as useRef17, useState as useState31 } from "react";
+import { useEffect as useEffect29, useLayoutEffect as useLayoutEffect5, useRef as useRef17, useState as useState31 } from "react";
 import { Terminal as Terminal6, FileEdit as FileEdit3, Diff as Diff2 } from "lucide-react";
 import { jsx as jsx72, jsxs as jsxs61, Fragment as Fragment32 } from "react/jsx-runtime";
 var ANIM_MS3 = 320;
@@ -19418,7 +19605,7 @@ function ActionToolBox({ part, showLine, compact }) {
     }
     return;
   })();
-  useEffect28(() => {
+  useEffect29(() => {
     if (!isComplete && !latched) {
       setShowSummary(false);
       return;
@@ -19444,14 +19631,14 @@ function ActionToolBox({ part, showLine, compact }) {
     const nextHeight = Math.min(el.scrollHeight, MAX_SCROLL_H3 - 12);
     setContentHeight((prev) => prev === nextHeight ? prev : nextHeight);
   }, [displayContent, hasDisplayContent]);
-  useEffect28(() => {
+  useEffect29(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect28(() => {
+  useEffect29(() => {
     const el = scrollRef.current;
     if (!el || hoveredRef.current)
       return;
@@ -19772,10 +19959,10 @@ import { useState as useState32, useId } from "react";
 import { GitBranch as GitBranch4 } from "lucide-react";
 
 // src/hooks/useBranch.ts
-import { useQuery as useQuery9, useMutation as useMutation7, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
+import { useQuery as useQuery10, useMutation as useMutation8, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 function useCreateBranch(sessionId) {
-  const queryClient = useQueryClient11();
-  return useMutation7({
+  const queryClient = useQueryClient12();
+  return useMutation8({
     mutationFn: (data) => {
       if (!sessionId)
         throw new Error("No session ID");
@@ -19792,7 +19979,7 @@ function useCreateBranch(sessionId) {
   });
 }
 function useBranches(sessionId) {
-  return useQuery9({
+  return useQuery10({
     queryKey: ["branches", sessionId],
     queryFn: () => {
       if (!sessionId)
@@ -19803,7 +19990,7 @@ function useBranches(sessionId) {
   });
 }
 function useParentSession(sessionId) {
-  return useQuery9({
+  return useQuery10({
     queryKey: ["parentSession", sessionId],
     queryFn: () => {
       if (!sessionId)
@@ -20144,7 +20331,7 @@ var AssistantMessageGroup = memo14(function AssistantMessageGroup2({
   const [showBranchModal, setShowBranchModal] = useState33(false);
   const [copied, setCopied] = useState33(false);
   const [showAllParts, setShowAllParts] = useState33(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!message.id)
       return;
     setShowAllParts(false);
@@ -20170,7 +20357,7 @@ var AssistantMessageGroup = memo14(function AssistantMessageGroup2({
       console.error("Failed to reject tool call:", error);
     }
   }, [sessionId, removePendingApproval]);
-  const messagePendingApprovals = useMemo16(() => {
+  const messagePendingApprovals = useMemo17(() => {
     return pendingApprovals.filter((a) => a.messageId === message.id);
   }, [pendingApprovals, message.id]);
   const handleApproveAll = useCallback19(async () => {
@@ -20185,7 +20372,7 @@ var AssistantMessageGroup = memo14(function AssistantMessageGroup2({
       console.error("Failed to approve all tool calls:", error);
     }
   }, [sessionId, messagePendingApprovals, removePendingApproval]);
-  const parts = useMemo16(() => {
+  const parts = useMemo17(() => {
     const rawParts = message.parts || [];
     return areMessagePartsOrdered(rawParts) ? rawParts : [...rawParts].sort(compareMessageParts);
   }, [message.parts]);
@@ -20207,7 +20394,7 @@ var AssistantMessageGroup = memo14(function AssistantMessageGroup2({
     "apply_patch",
     "terminal"
   ].includes(part.toolName || "")).map((part) => part.toolCallId).filter((callId) => Boolean(callId)));
-  const renderItems = useMemo16(() => {
+  const renderItems = useMemo17(() => {
     const items = [];
     let compactBuffer = [];
     let bufferStartIndex = -1;
@@ -20276,7 +20463,7 @@ var AssistantMessageGroup = memo14(function AssistantMessageGroup2({
     flushCompactBuffer();
     return items;
   }, [parts, shouldCompactActivity]);
-  const { visibleRenderItems, omittedRenderItemCount } = useMemo16(() => getVisibleRenderItems(renderItems, showAllParts, message.status), [renderItems, showAllParts, message.status]);
+  const { visibleRenderItems, omittedRenderItemCount } = useMemo17(() => getVisibleRenderItems(renderItems, showAllParts, message.status), [renderItems, showAllParts, message.status]);
   const hasVisibleNonProgressParts = renderItems.length > 0;
   const firstVisiblePartIndex = parts.findIndex((part) => !isStatusLineTool(part.toolName));
   const shouldShowStatusLineToolCall = message.status === "pending" && !hasFinish && Boolean(latestStatusLineToolCallPart);
@@ -20639,7 +20826,7 @@ var AssistantMessageGroup = memo14(function AssistantMessageGroup2({
 
 // src/components/messages/UserMessageGroup.tsx
 import { memo as memo15, useState as useState34 } from "react";
-import { useQueryClient as useQueryClient12 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient13 } from "@tanstack/react-query";
 import {
   User,
   X as X13,
@@ -20676,7 +20863,7 @@ var UserMessageGroup = memo15(function UserMessageGroup2({
 }) {
   const [expandedImage, setExpandedImage] = useState34(null);
   const parts = message.parts || [];
-  const queryClient = useQueryClient12();
+  const queryClient = useQueryClient13();
   const { data: skillsConfig } = useSkills();
   const expandSkillsSidebar = useSkillsStore((state) => state.expandSidebar);
   const selectSkill = useSkillsStore((state) => state.selectSkill);
@@ -21016,7 +21203,7 @@ var UserMessageGroup = memo15(function UserMessageGroup2({
 });
 
 // src/components/sessions/SessionHeader.tsx
-import { useMemo as useMemo17, useRef as useRef19 } from "react";
+import { useMemo as useMemo18, useRef as useRef19 } from "react";
 import {
   estimateModelCostUsd,
   getModelInfo
@@ -21032,10 +21219,10 @@ import {
 } from "lucide-react";
 
 // src/hooks/useContainerWidth.ts
-import { useEffect as useEffect30, useState as useState35 } from "react";
+import { useEffect as useEffect31, useState as useState35 } from "react";
 function useContainerWidth(ref) {
   const [width, setWidth] = useState35(0);
-  useEffect30(() => {
+  useEffect31(() => {
     const el = ref.current;
     if (!el)
       return;
@@ -21069,7 +21256,7 @@ function ToolActivityToggle({
 }
 
 // src/components/sessions/EditableTitle.tsx
-import { useState as useState36, useRef as useRef18, useEffect as useEffect31, useCallback as useCallback20 } from "react";
+import { useState as useState36, useRef as useRef18, useEffect as useEffect32, useCallback as useCallback20 } from "react";
 import { Pencil as Pencil2 } from "lucide-react";
 import { jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
 function EditableTitle({
@@ -21081,13 +21268,13 @@ function EditableTitle({
   const [draft, setDraft] = useState36(title || "");
   const inputRef = useRef18(null);
   const { mutate: updateSession } = useUpdateSession(sessionId);
-  useEffect31(() => {
+  useEffect32(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isEditing]);
-  useEffect31(() => {
+  useEffect32(() => {
     setDraft(title || "");
   }, [title]);
   const save = useCallback20(() => {
@@ -21147,7 +21334,7 @@ function SessionHeader({
   const rootRef = useRef19(null);
   const width = useContainerWidth(rootRef);
   const isCompact = width > 0 && width < 640;
-  const estimatedCost = useMemo17(() => {
+  const estimatedCost = useMemo18(() => {
     const inputTokens = session.totalInputTokens || 0;
     const outputTokens2 = session.totalOutputTokens || 0;
     const cachedInputTokens = session.totalCachedTokens || 0;
@@ -21190,7 +21377,7 @@ function SessionHeader({
   const outputTokens = session.totalOutputTokens || 0;
   const isBranch = session.sessionType === "branch";
   const parentSession = parentData?.parent;
-  const contextLimit = useMemo17(() => {
+  const contextLimit = useMemo18(() => {
     const info = getModelInfo(session.provider, session.model);
     return info?.limit?.context;
   }, [session.provider, session.model]);
@@ -21365,7 +21552,7 @@ function SessionHeader({
 }
 
 // src/components/sessions/LeanHeader.tsx
-import { useMemo as useMemo19, useRef as useRef21 } from "react";
+import { useMemo as useMemo20, useRef as useRef21 } from "react";
 import {
   estimateModelCostUsd as estimateModelCostUsd2,
   getModelInfo as getModelInfo2
@@ -21383,8 +21570,8 @@ import {
 import { memo as memo16 } from "react";
 
 // src/stores/usageStore.ts
-import { create as create21 } from "zustand";
-var useUsageStore = create21((set) => ({
+import { create as create22 } from "zustand";
+var useUsageStore = create22((set) => ({
   usage: {},
   isLoading: {},
   lastFetched: {},
@@ -21466,7 +21653,7 @@ var UsageRing = memo16(function UsageRing2({
 });
 
 // src/components/common/UsageModal.tsx
-import { memo as memo17, useMemo as useMemo18 } from "react";
+import { memo as memo17, useMemo as useMemo19 } from "react";
 import { jsx as jsx80, jsxs as jsxs68 } from "react/jsx-runtime";
 function formatTimeRemaining(resetsAt) {
   if (!resetsAt)
@@ -21546,7 +21733,7 @@ var UsageModal = memo17(function UsageModal2() {
   const provider = useUsageStore((s) => s.modalProvider);
   const closeModal = useUsageStore((s) => s.closeModal);
   const usage = useUsageStore((s) => provider ? s.usage[provider] : undefined);
-  const title = useMemo18(() => /* @__PURE__ */ jsxs68("div", {
+  const title = useMemo19(() => /* @__PURE__ */ jsxs68("div", {
     className: "flex items-center gap-2",
     children: [
       provider && /* @__PURE__ */ jsx80(ProviderLogo, {
@@ -21655,7 +21842,7 @@ var UsageModal = memo17(function UsageModal2() {
 });
 
 // src/hooks/useProviderUsage.ts
-import { useEffect as useEffect32, useCallback as useCallback21, useRef as useRef20 } from "react";
+import { useEffect as useEffect33, useCallback as useCallback21, useRef as useRef20 } from "react";
 var POLL_INTERVAL = 60000;
 var STALE_THRESHOLD = 60000;
 var inflight = new Set;
@@ -21688,12 +21875,12 @@ function useProviderUsage(provider, authType) {
   }, [provider, isOAuthProvider, setUsage, setLoading, setLastFetched]);
   const fetchRef = useRef20(fetchUsage);
   fetchRef.current = fetchUsage;
-  useEffect32(() => {
+  useEffect33(() => {
     if (!provider || !isOAuthProvider)
       return;
     fetchRef.current();
   }, [isOAuthProvider, provider]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!provider || !isOAuthProvider || !isModalOpen || modalProvider !== provider) {
       return;
     }
@@ -21709,7 +21896,7 @@ function useProviderUsage(provider, authType) {
 }
 
 // src/hooks/useOttoRouterBalance.ts
-import { useEffect as useEffect33, useCallback as useCallback22 } from "react";
+import { useEffect as useEffect34, useCallback as useCallback22 } from "react";
 function useOttoRouterBalance(providerName) {
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const setUsdcBalance = useOttoRouterStore((s) => s.setUsdcBalance);
@@ -21786,7 +21973,7 @@ function useOttoRouterBalance(providerName) {
     setUsage
   ]);
   const needsUsageWindows = subscription?.active && !subscription.usageWindows;
-  useEffect33(() => {
+  useEffect34(() => {
     if (providerName === "ottorouter" && (balance === null || usdcBalance === null || needsUsageWindows)) {
       fetchBalance();
     }
@@ -21806,7 +21993,7 @@ function LeanHeader({
 }) {
   const { data: parentData } = useParentSession(session.sessionType === "branch" ? session.id : undefined);
   const { data: shareStatus } = useShareStatus(session.id);
-  const estimatedCost = useMemo19(() => {
+  const estimatedCost = useMemo20(() => {
     const inputTokens = session.totalInputTokens || 0;
     const outputTokens = session.totalOutputTokens || 0;
     const cachedInputTokens = session.totalCachedTokens || 0;
@@ -21835,7 +22022,7 @@ function LeanHeader({
   const contextTokens = session.currentContextTokens || 0;
   const isBranch = session.sessionType === "branch";
   const parentSession = parentData?.parent;
-  const contextLimit = useMemo19(() => {
+  const contextLimit = useMemo20(() => {
     const info = getModelInfo2(session.provider, session.model);
     return info?.limit?.context;
   }, [session.provider, session.model]);
@@ -22154,8 +22341,8 @@ var TopupApprovalCard = memo18(function TopupApprovalCard2({
 });
 
 // src/stores/topupApprovalStore.ts
-import { create as create22 } from "zustand";
-var useTopupApprovalStore = create22((set) => ({
+import { create as create23 } from "zustand";
+var useTopupApprovalStore = create23((set) => ({
   pendingTopup: null,
   isProcessing: false,
   selectedMethod: null,
@@ -22345,7 +22532,7 @@ var ThreadMessageRow = memo19(function ThreadMessageRow2({
   const nextAssistantMessage = nextMessage && nextMessage.role === "assistant" ? nextMessage : undefined;
   const hasQueuedOrRunningLaterTurn = Boolean(currentMessageId && currentMessageId !== message.id);
   const canRetryTurn = message.role === "assistant" && isLastMessage && !hasQueuedOrRunningLaterTurn && queueLength === 0;
-  const retryHandler = useMemo20(() => canRetryTurn ? createRetryHandler(message.id) : undefined, [canRetryTurn, createRetryHandler, message.id]);
+  const retryHandler = useMemo21(() => canRetryTurn ? createRetryHandler(message.id) : undefined, [canRetryTurn, createRetryHandler, message.id]);
   if (message.role === "user") {
     return /* @__PURE__ */ jsx83(UserMessageGroup, {
       sessionId,
@@ -22417,7 +22604,7 @@ var MessageThread = memo19(function MessageThread2({
   onSelectSession,
   footerBottomPaddingClass: footerBottomPaddingClassOverride
 }) {
-  const queryClient = useQueryClient13();
+  const queryClient = useQueryClient14();
   const { preferences } = usePreferences();
   const virtuosoRef = useRef22(null);
   const scrollContainerRef = useRef22(null);
@@ -22442,11 +22629,11 @@ var MessageThread = memo19(function MessageThread2({
   const clearPendingTopup = useTopupApprovalStore((s) => s.clearPendingTopup);
   const setSessionTodos = useTodoStore((s) => s.setSessionTodos);
   const queueState = useQueueState(sessionId);
-  const queuedMessageIds = useMemo20(() => new Set(queueState.queuedMessages.map((item) => item.messageId)), [queueState.queuedMessages]);
+  const queuedMessageIds = useMemo21(() => new Set(queueState.queuedMessages.map((item) => item.messageId)), [queueState.queuedMessages]);
   const showTopupApproval = pendingTopup && pendingTopup.sessionId === sessionId;
-  const todoSnapshotScanMessages = useMemo20(() => getTodoSnapshotScanWindow(messages), [messages]);
-  const latestTodoSnapshot = useMemo20(() => findLatestTodoSnapshot(todoSnapshotScanMessages, queuedMessageIds), [todoSnapshotScanMessages, queuedMessageIds]);
-  const filteredMessages = useMemo20(() => {
+  const todoSnapshotScanMessages = useMemo21(() => getTodoSnapshotScanWindow(messages), [messages]);
+  const latestTodoSnapshot = useMemo21(() => findLatestTodoSnapshot(todoSnapshotScanMessages, queuedMessageIds), [todoSnapshotScanMessages, queuedMessageIds]);
+  const filteredMessages = useMemo21(() => {
     return filterThreadMessages(messages, queueState.currentMessageId, queueState.queueLength, queuedMessageIds);
   }, [
     messages,
@@ -22454,7 +22641,7 @@ var MessageThread = memo19(function MessageThread2({
     queueState.queueLength,
     queuedMessageIds
   ]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (!sessionId)
       return;
     if (latestTodoSnapshot || messages.length <= TODO_SNAPSHOT_SCAN_MESSAGE_LIMIT) {
@@ -22540,7 +22727,7 @@ var MessageThread = memo19(function MessageThread2({
     disableAutoScroll,
     scheduleScrollToThreadBottom
   ]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (disableAutoScroll)
       return;
     const justStartedGenerating = isGenerating && !prevIsGeneratingRef.current;
@@ -22570,7 +22757,7 @@ var MessageThread = memo19(function MessageThread2({
       return;
     scheduleScrollToThreadBottom("auto", 1);
   }, [messages, disableAutoScroll, scheduleScrollToThreadBottom]);
-  useEffect34(() => {
+  useEffect35(() => {
     return () => {
       if (userScrollTimeoutRef.current) {
         clearTimeout(userScrollTimeoutRef.current);
@@ -22590,7 +22777,7 @@ var MessageThread = memo19(function MessageThread2({
   const rowOuterClass = density === "compact" ? "px-2 pb-3" : compact ? "px-4 pb-4" : "px-6 pb-6";
   const firstRowTopClass = density === "compact" ? "pt-3" : compact ? "pt-4" : "pt-6";
   const footerBottomPaddingClass = footerBottomPaddingClassOverride ?? (density === "compact" || compact ? "pb-80" : "pb-96");
-  const virtuosoContext = useMemo20(() => ({
+  const virtuosoContext = useMemo21(() => ({
     session,
     isGenerating,
     onSelectSession,
@@ -22734,7 +22921,7 @@ var MessageThread = memo19(function MessageThread2({
 });
 
 // src/hooks/useToolApprovalShortcuts.ts
-import { useEffect as useEffect35, useCallback as useCallback24 } from "react";
+import { useEffect as useEffect36, useCallback as useCallback24 } from "react";
 function useToolApprovalShortcuts(sessionId) {
   const { pendingApprovals, removePendingApproval } = useToolApprovalStore();
   const sessionPendingApprovals = pendingApprovals;
@@ -22770,7 +22957,7 @@ function useToolApprovalShortcuts(sessionId) {
       console.error("Failed to approve all tool calls:", error);
     }
   }, [sessionId, sessionPendingApprovals, removePendingApproval]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!sessionId || sessionPendingApprovals.length === 0)
       return;
     const handleKeyDown = (e) => {
@@ -22801,7 +22988,7 @@ function useToolApprovalShortcuts(sessionId) {
 }
 
 // src/components/settings/OttoRouterTopupModal.tsx
-import { memo as memo21, useState as useState39, useEffect as useEffect36, useCallback as useCallback25, useRef as useRef23 } from "react";
+import { memo as memo21, useState as useState39, useEffect as useEffect37, useCallback as useCallback25, useRef as useRef23 } from "react";
 import { CreditCard as CreditCard3, Wallet as Wallet2, ExternalLink as ExternalLink7, RefreshCw as RefreshCw5 } from "lucide-react";
 
 // src/components/common/StatusIndicator.tsx
@@ -23043,7 +23230,7 @@ var OttoRouterTopupModalContent = memo21(function OttoRouterTopupModalContent2()
       setIsLoadingEstimate(false);
     }
   }, [gateway, minAmount]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (effectiveAmount >= minAmount && view === "amount") {
       const timeout = setTimeout(() => fetchEstimate(effectiveAmount), 300);
       return () => clearTimeout(timeout);
@@ -23056,7 +23243,7 @@ var OttoRouterTopupModalContent = memo21(function OttoRouterTopupModalContent2()
     }
     setIsPolling(false);
   }, []);
-  useEffect36(() => {
+  useEffect37(() => {
     return () => stopPolling();
   }, [stopPolling]);
   const startPolling = useCallback25((checkoutId) => {
@@ -23661,9 +23848,9 @@ var MessageThreadContainer = memo22(function MessageThreadContainer2({
   });
 });
 function SessionStreamController({ sessionId }) {
-  const queryClient = useQueryClient14();
+  const queryClient = useQueryClient15();
   useSessionStream(sessionId);
-  useEffect37(() => {
+  useEffect38(() => {
     queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
     queryClient.invalidateQueries({ queryKey: ["queueState", sessionId] });
     queryClient.invalidateQueries({ queryKey: sessionsQueryKey });
@@ -23685,8 +23872,8 @@ var MessageThreadData = memo22(function MessageThreadData2({
   const { data: messages = [], isLoading } = useMessages(sessionId);
   const { data: sessions = [] } = useSessions();
   const { preferences } = usePreferences();
-  const session = useMemo21(() => sessions.find((s) => s.id === sessionId), [sessions, sessionId]);
-  const isGenerating = useMemo21(() => messages.some((m) => m.role === "assistant" && m.status === "pending"), [messages]);
+  const session = useMemo22(() => sessions.find((s) => s.id === sessionId), [sessions, sessionId]);
+  const isGenerating = useMemo22(() => messages.some((m) => m.role === "assistant" && m.status === "pending"), [messages]);
   if (isLoading) {
     return /* @__PURE__ */ jsx86("div", {
       className: "flex-1 flex items-center justify-center text-muted-foreground",
@@ -23720,9 +23907,9 @@ var BtwFloatingChat = memo23(function BtwFloatingChat2() {
   const close = useBtwStore((state) => state.close);
   const { data: config2 } = useConfig();
   const { data: sessions = [] } = useSessions();
-  const queryClient = useQueryClient15();
+  const queryClient = useQueryClient16();
   const [sending, setSending] = useState40(false);
-  const parentSession = useMemo22(() => sessions.find((session) => session.id === parentSessionId), [sessions, parentSessionId]);
+  const parentSession = useMemo23(() => sessions.find((session) => session.id === parentSessionId), [sessions, parentSessionId]);
   const handleSend = useCallback26(async (content) => {
     const trimmed = content.trim();
     if (!trimmed || sending || !selection)
@@ -23774,7 +23961,7 @@ ${trimmed}`,
   ]);
   const panelHeight = sessionId ? ACTIVE_HEIGHT : EMPTY_HEIGHT;
   const position = useFloatingPosition(anchorRect, isOpen, panelHeight);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!isOpen)
       return;
     const handleKeyDown = (event) => {
@@ -23844,7 +24031,7 @@ ${trimmed}`,
   });
 });
 function useFloatingPosition(anchorRect, isOpen, panelHeight) {
-  const initial = useMemo22(() => computePosition(anchorRect, panelHeight), [anchorRect, panelHeight]);
+  const initial = useMemo23(() => computePosition(anchorRect, panelHeight), [anchorRect, panelHeight]);
   const [position, setPosition] = useState40(initial);
   const lastAnchorRef = useRef24(anchorRect);
   useLayoutEffect7(() => {
@@ -24012,11 +24199,11 @@ var SessionItem = memo24(function SessionItem2({
   });
 });
 // src/components/sessions/SessionListContainer.tsx
-import { memo as memo25, useMemo as useMemo23, useCallback as useCallback27, useEffect as useEffect39, useRef as useRef25 } from "react";
+import { memo as memo25, useMemo as useMemo24, useCallback as useCallback27, useEffect as useEffect40, useRef as useRef25 } from "react";
 
 // src/stores/focusStore.ts
-import { create as create23 } from "zustand";
-var useFocusStore = create23((set) => ({
+import { create as create24 } from "zustand";
+var useFocusStore = create24((set) => ({
   currentFocus: null,
   sessionIndex: 0,
   gitFileIndex: 0,
@@ -24064,7 +24251,7 @@ function SessionFocusController({
   const currentFocus = useFocusStore((state) => state.currentFocus);
   const sessionIndex = useFocusStore((state) => state.sessionIndex);
   const previousFocusedSessionId = useRef25(null);
-  useEffect39(() => {
+  useEffect40(() => {
     const previousId = previousFocusedSessionId.current;
     if (previousId) {
       const previousElement = itemRefs.current?.get(previousId);
@@ -24119,7 +24306,7 @@ var SessionListContainer = memo25(function SessionListContainer2({
   const handleTogglePinned = useCallback27((sessionId, isPinned) => {
     setSessionPinned.mutate({ sessionId, isPinned });
   }, [setSessionPinned]);
-  const sessionSnapshot = useMemo23(() => {
+  const sessionSnapshot = useMemo24(() => {
     return sessions.map((s, index) => ({
       id: s.id,
       index,
@@ -24133,9 +24320,9 @@ var SessionListContainer = memo25(function SessionListContainer2({
       activityAt: s.lastActiveAt ?? s.createdAt
     }));
   }, [sessions]);
-  const sessionMap = useMemo23(() => new Map(sessions.map((session) => [session.id, session])), [sessions]);
-  const sessionSnapshotMap = useMemo23(() => new Map(sessionSnapshot.map((session) => [session.id, session])), [sessionSnapshot]);
-  const runningSessions = useMemo23(() => {
+  const sessionMap = useMemo24(() => new Map(sessions.map((session) => [session.id, session])), [sessions]);
+  const sessionSnapshotMap = useMemo24(() => new Map(sessionSnapshot.map((session) => [session.id, session])), [sessionSnapshot]);
+  const runningSessions = useMemo24(() => {
     const runningSessionMap = new Map(sessionSnapshot.filter((session) => session.isRunning && session.pinnedAt == null).map((session) => [session.id, session]));
     runningOrderRef.current = runningOrderRef.current.filter((id) => runningSessionMap.has(id));
     for (const session of sessionSnapshot) {
@@ -24145,12 +24332,12 @@ var SessionListContainer = memo25(function SessionListContainer2({
     }
     return runningOrderRef.current.map((id) => runningSessionMap.get(id)).filter((session) => Boolean(session));
   }, [sessionSnapshot]);
-  const runningSessionIds = useMemo23(() => new Set(runningSessions.map((session) => session.id)), [runningSessions]);
-  const pinnedGroups = useMemo23(() => {
+  const runningSessionIds = useMemo24(() => new Set(runningSessions.map((session) => session.id)), [runningSessions]);
+  const pinnedGroups = useMemo24(() => {
     const pinnedSessions = sessionSnapshot.filter((session) => session.pinnedAt != null);
     return pinnedSessions.length > 0 ? [{ label: "Pinned", sessions: pinnedSessions }] : [];
   }, [sessionSnapshot]);
-  const statusGroups = useMemo23(() => [
+  const statusGroups = useMemo24(() => [
     ...runningSessions.length > 0 ? [
       {
         label: "Running",
@@ -24158,7 +24345,7 @@ var SessionListContainer = memo25(function SessionListContainer2({
       }
     ] : []
   ], [runningSessions]);
-  const recentGroups = useMemo23(() => {
+  const recentGroups = useMemo24(() => {
     const groups = new Map;
     for (const session of sessionSnapshot) {
       if (session.pinnedAt != null)
@@ -24189,14 +24376,14 @@ var SessionListContainer = memo25(function SessionListContainer2({
       onError: () => markedViewedRef.current.delete(session.id)
     });
   }, [markSessionViewed, sessionSnapshotMap]);
-  useEffect39(() => {
+  useEffect40(() => {
     const previousId = previousActiveSessionId.current;
     if (previousId && previousId !== activeSessionId) {
       markViewedIfReady(previousId);
     }
     previousActiveSessionId.current = activeSessionId;
   }, [activeSessionId, markViewedIfReady]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!activeSessionId || lastScrolledSessionId.current === activeSessionId || sessionSnapshot.length === 0)
       return;
     const activeSession = sessionSnapshotMap.get(activeSessionId);
@@ -24218,7 +24405,7 @@ var SessionListContainer = memo25(function SessionListContainer2({
     hasNextPage,
     fetchNextPage
   ]);
-  useEffect39(() => {
+  useEffect40(() => {
     const container = scrollContainerRef.current;
     if (!container)
       return;
@@ -24239,7 +24426,7 @@ var SessionListContainer = memo25(function SessionListContainer2({
     container.addEventListener("scroll", handleScroll, { passive: true });
     return () => container.removeEventListener("scroll", handleScroll);
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);
-  useEffect39(() => {
+  useEffect40(() => {
     const container = scrollContainerRef.current;
     const sentinel = paginationSentinelRef.current;
     if (!container || !sentinel || typeof IntersectionObserver === "undefined") {
@@ -24386,7 +24573,7 @@ import {
   lineNumbers
 } from "@codemirror/view";
 import { tags } from "@lezer/highlight";
-import { useCallback as useCallback28, useEffect as useEffect40, useMemo as useMemo24, useRef as useRef26 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect41, useMemo as useMemo25, useRef as useRef26 } from "react";
 import { jsx as jsx90 } from "react/jsx-runtime";
 var viewerTheme = EditorView.theme({
   "&": {
@@ -24677,13 +24864,13 @@ function CodeMirrorViewer({
   const languageExtensionRef = useRef26([]);
   const decorationsExtensionRef = useRef26([]);
   const selectionExtensionRef = useRef26([]);
-  useEffect40(() => {
+  useEffect41(() => {
     onSelectionChangeRef.current = onSelectionChange;
   }, [onSelectionChange]);
-  const lineNumberExtension = useMemo24(() => lineNumbersExtension(lineNumberFormatter), [lineNumberFormatter]);
-  const languageExtension = useMemo24(() => getLanguageExtension(path, disableMarkdownSyntax), [path, disableMarkdownSyntax]);
-  const decorationsExtension = useMemo24(() => lineDecorationsExtension(highlightedLines, highlightTone, lineTones), [highlightedLines, highlightTone, lineTones]);
-  const selectionExtension = useMemo24(() => EditorView.updateListener.of((update) => {
+  const lineNumberExtension = useMemo25(() => lineNumbersExtension(lineNumberFormatter), [lineNumberFormatter]);
+  const languageExtension = useMemo25(() => getLanguageExtension(path, disableMarkdownSyntax), [path, disableMarkdownSyntax]);
+  const decorationsExtension = useMemo25(() => lineDecorationsExtension(highlightedLines, highlightTone, lineTones), [highlightedLines, highlightTone, lineTones]);
+  const selectionExtension = useMemo25(() => EditorView.updateListener.of((update) => {
     if (!update.selectionSet && !update.docChanged)
       return;
     onSelectionChangeRef.current?.(getTextSelection(update.view));
@@ -24710,7 +24897,7 @@ function CodeMirrorViewer({
     decorationsExtension,
     selectionExtension
   ]);
-  useEffect40(() => {
+  useEffect41(() => {
     const host = hostRef.current;
     if (!host)
       return;
@@ -24738,7 +24925,7 @@ function CodeMirrorViewer({
       viewRef.current = null;
     };
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -24750,7 +24937,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [lineNumberExtension, createEditorState]);
-  useEffect40(() => {
+  useEffect41(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -24762,7 +24949,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [languageExtension, createEditorState]);
-  useEffect40(() => {
+  useEffect41(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -24774,7 +24961,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [decorationsExtension, createEditorState]);
-  useEffect40(() => {
+  useEffect41(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -24790,7 +24977,7 @@ function CodeMirrorViewer({
     }
     contentRef.current = content;
   }, [content, createEditorState]);
-  useEffect40(() => {
+  useEffect41(() => {
     const view = viewRef.current;
     if (!view || !scrollToLine || scrollToLine < 1)
       return;
@@ -24803,7 +24990,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [scrollToLine, createEditorState]);
-  useEffect40(() => {
+  useEffect41(() => {
     const view = viewRef.current;
     if (!view || scrollToEndSignal === undefined)
       return;
@@ -24981,7 +25168,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, useRef as useRef27 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect42, useMemo as useMemo26, useRef as useRef27 } from "react";
 import { ChevronDown as ChevronDown8, ChevronRight as ChevronRight12, Folder as Folder2 } from "lucide-react";
 
 // src/components/git/GitFileItem.tsx
@@ -25371,8 +25558,8 @@ function GitFileTree({
   onToggleFolder,
   showModifiedIndicator
 }) {
-  const tree = useMemo25(() => buildTree(files), [files]);
-  const folderPaths = useMemo25(() => getInitialExpanded(tree), [tree]);
+  const tree = useMemo26(() => buildTree(files), [files]);
+  const folderPaths = useMemo26(() => getInitialExpanded(tree), [tree]);
   const currentFocus = useFocusStore((state) => state.currentFocus);
   const gitFileIndex = useFocusStore((state) => state.gitFileIndex);
   const expandedFolders = useGitStore((state) => state.gitTreeExpandedFolders[sectionId]);
@@ -25382,17 +25569,17 @@ function GitFileTree({
   const setGitTreeSectionRows = useGitStore((state) => state.setGitTreeSectionRows);
   const expanded = expandedFolders ?? folderPaths;
   const lastScrolledFocusedRowIdRef = useRef27(null);
-  useEffect41(() => {
+  useEffect42(() => {
     syncGitTreeFolders(sectionId, [...folderPaths]);
   }, [sectionId, folderPaths, syncGitTreeFolders]);
-  useEffect41(() => {
+  useEffect42(() => {
     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(() => {
+  const visibleRows = useMemo26(() => collectVisibleRows(tree, sectionId, staged, expanded, toggleExpanded), [tree, sectionId, staged, expanded, toggleExpanded]);
+  useEffect42(() => {
     setGitTreeSectionRows(sectionId, visibleRows);
     return () => setGitTreeSectionRows(sectionId, []);
   }, [sectionId, visibleRows, setGitTreeSectionRows]);
@@ -25487,7 +25674,7 @@ function GitFileTree({
 }
 
 // src/components/git/GitFileList.tsx
-import { useCallback as useCallback30, useMemo as useMemo26 } from "react";
+import { useCallback as useCallback30, useMemo as useMemo27 } from "react";
 import { jsx as jsx94, jsxs as jsxs81 } from "react/jsx-runtime";
 function GitFileList({ status }) {
   const { openCommitModal } = useGitStore();
@@ -25496,9 +25683,9 @@ function GitFileList({ status }) {
   const hasConflicts = (status.conflicted?.length ?? 0) > 0;
   const hasStaged = status.staged.length > 0;
   const hasUnstaged = status.unstaged.length > 0 || status.untracked.length > 0;
-  const unstagedFiles = useMemo26(() => [...status.unstaged, ...status.untracked], [status.unstaged, status.untracked]);
+  const unstagedFiles = useMemo27(() => [...status.unstaged, ...status.untracked], [status.unstaged, status.untracked]);
   const hasUnstagedFiles = unstagedFiles.length > 0;
-  const unstagedPaths = useMemo26(() => new Set(status.unstaged.map((f) => f.path)), [status.unstaged]);
+  const unstagedPaths = useMemo27(() => new Set(status.unstaged.map((f) => f.path)), [status.unstaged]);
   const handleStagePaths = useCallback30((paths) => stageFiles.mutate(paths), [stageFiles]);
   const handleUnstagePaths = useCallback30((paths) => unstageFiles.mutate(paths), [unstageFiles]);
   const showStagedModifiedIndicator = useCallback30((file) => unstagedPaths.has(file.path), [unstagedPaths]);
@@ -25632,7 +25819,7 @@ function GitFileList({ status }) {
   });
 }
 // src/components/git/GitSidebar.tsx
-import { memo as memo26, useCallback as useCallback31, useEffect as useEffect44, useState as useState44 } from "react";
+import { memo as memo26, useCallback as useCallback31, useEffect as useEffect45, useState as useState44 } from "react";
 import {
   FolderGit2,
   ChevronRight as ChevronRight13,
@@ -25647,13 +25834,13 @@ import {
   Upload,
   X as X16
 } from "lucide-react";
-import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 
 // src/components/git/GitBranchSwitcher.tsx
 import {
-  useEffect as useEffect43,
+  useEffect as useEffect44,
   useId as useId3,
-  useMemo as useMemo27,
+  useMemo as useMemo28,
   useRef as useRef29,
   useState as useState43
 } from "react";
@@ -25661,7 +25848,7 @@ import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/r
 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 useRef28, useState as useState42 } from "react";
+import { useEffect as useEffect43, 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~^:?*[\]\\]/;
@@ -25694,7 +25881,7 @@ function GitCreateBranchModal({
   const [checkout, setCheckout] = useState42(true);
   const [error, setError] = useState42(null);
   const inputRef = useRef28(null);
-  useEffect42(() => {
+  useEffect43(() => {
     if (isOpen) {
       setName(defaultName);
       setCheckout(true);
@@ -25883,17 +26070,17 @@ function GitBranchSwitcher({
     refetch
   } = useGitBranches(isOpen);
   const checkoutBranch = useCheckoutBranch();
-  const rows = useMemo27(() => buildRows(data?.branches ?? [], currentBranch), [data, currentBranch]);
-  const filteredRows = useMemo27(() => {
+  const rows = useMemo28(() => buildRows(data?.branches ?? [], currentBranch), [data, currentBranch]);
+  const filteredRows = useMemo28(() => {
     const q = query.trim().toLowerCase();
     if (!q)
       return rows;
     return rows.filter((row) => row.displayName.toLowerCase().includes(q) || row.branch.name.toLowerCase().includes(q));
   }, [rows, query]);
-  useEffect43(() => {
+  useEffect44(() => {
     setActiveIndex(0);
   }, [query]);
-  useEffect43(() => {
+  useEffect44(() => {
     if (!isOpen)
       return;
     const handleClickOutside = (e) => {
@@ -25907,7 +26094,7 @@ function GitBranchSwitcher({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  useEffect43(() => {
+  useEffect44(() => {
     if (!isOpen) {
       setQuery("");
       setActionError(null);
@@ -25915,7 +26102,7 @@ function GitBranchSwitcher({
       requestAnimationFrame(() => searchInputRef.current?.focus());
     }
   }, [isOpen]);
-  useEffect43(() => {
+  useEffect44(() => {
     const node = itemRefs.current.get(activeIndex);
     node?.scrollIntoView({ block: "nearest" });
   }, [activeIndex]);
@@ -26134,7 +26321,7 @@ var GitSidebarContent = memo26(function GitSidebarContent2({
   const panelWidth = usePanelWidthStore((s) => s.widths[PANEL_KEY] ?? DEFAULT_WIDTH);
   const { data: status, isLoading, error, refetch } = useGitStatus();
   const { data: remotes } = useGitRemotes();
-  const queryClient = useQueryClient16();
+  const queryClient = useQueryClient17();
   const pushMutation = usePushCommits();
   const pullMutation = usePullChanges();
   const initMutation = useGitInit();
@@ -26147,7 +26334,7 @@ var GitSidebarContent = memo26(function GitSidebarContent2({
   const [remoteName, setRemoteName] = useState44("origin");
   const [remoteUrl, setRemoteUrl] = useState44("");
   const [confirmRemoveRemote, setConfirmRemoveRemote] = useState44(null);
-  useEffect44(() => {
+  useEffect45(() => {
     queryClient.invalidateQueries({ queryKey: ["git", "status"] });
   }, [queryClient]);
   const handleRefresh = () => {
@@ -26665,11 +26852,11 @@ import { GitBranch as GitBranch11 } from "lucide-react";
 import { memo as memo27 } from "react";
 
 // src/hooks/useShortcutHintsVisible.ts
-import { useEffect as useEffect45, useState as useState45 } from "react";
+import { useEffect as useEffect46, useState as useState45 } from "react";
 var SHORTCUT_HINT_MODIFIERS = new Set(["Control", "Meta"]);
 function useShortcutHintsVisible() {
   const [isVisible, setIsVisible] = useState45(false);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleKeyDown = (event) => {
       if (SHORTCUT_HINT_MODIFIERS.has(event.key) || event.ctrlKey || event.metaKey) {
         setIsVisible(true);
@@ -26735,13 +26922,13 @@ var GitSidebarToggle = memo28(function GitSidebarToggle2() {
   });
 });
 // src/components/git/GitDiffPanel.tsx
-import { useEffect as useEffect46, memo as memo29, useState as useState46 } from "react";
+import { useEffect as useEffect47, memo as memo29, useState as useState46 } from "react";
 import { X as X17, Maximize2, Minimize2 as Minimize22 } from "lucide-react";
 
 // src/hooks/useFileBrowser.ts
-import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
 function useFileTree(dirPath, enabled = true) {
-  return useQuery10({
+  return useQuery11({
     queryKey: ["files", "tree", dirPath],
     queryFn: () => apiClient.getFileTree(dirPath),
     enabled,
@@ -26750,7 +26937,7 @@ function useFileTree(dirPath, enabled = true) {
   });
 }
 function useFileContent(filePath) {
-  return useQuery10({
+  return useQuery11({
     queryKey: ["files", "read", filePath],
     queryFn: () => filePath ? apiClient.readFileContent(filePath) : null,
     enabled: !!filePath,
@@ -26759,7 +26946,7 @@ function useFileContent(filePath) {
   });
 }
 function useGitDiffFullFile(file, staged = false, enabled = false) {
-  return useQuery10({
+  return useQuery11({
     queryKey: ["git", "diff", "fullFile", file, staged],
     queryFn: () => file ? apiClient.getGitDiffFullFile(file, staged) : null,
     enabled: enabled && !!file,
@@ -26790,11 +26977,11 @@ var GitDiffPanel = memo29(function GitDiffPanel2({
   const { data: fullFileDiff, isLoading: fullFileLoading } = useGitDiffFullFile(selectedFile, selectedFileStaged, showFullFile);
   const activeDiff = showFullFile && fullFileDiff ? fullFileDiff : diff2;
   const activeLoading = showFullFile ? fullFileLoading : isLoading;
-  useEffect46(() => {
+  useEffect47(() => {
     if (!isDiffOpen)
       setShowFullFile(false);
   }, [isDiffOpen]);
-  useEffect46(() => {
+  useEffect47(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -26898,7 +27085,7 @@ ${activeDiff?.absPath || ""}`,
   });
 });
 // src/components/git/GitCommitModal.tsx
-import { useState as useState47, useId as useId4, useEffect as useEffect47, useCallback as useCallback32 } from "react";
+import { useState as useState47, useId as useId4, useEffect as useEffect48, 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() {
@@ -26935,7 +27122,7 @@ function GitCommitModalContent() {
       console.error("Failed to generate commit message:", error);
     }
   }, [generateMessage]);
-  useEffect47(() => {
+  useEffect48(() => {
     const handleKeyDown = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
         e.preventDefault();
@@ -27066,7 +27253,7 @@ function GitCommitModalContent() {
   });
 }
 // src/components/terminals/TerminalsPanel.tsx
-import { memo as memo32, useCallback as useCallback35, useRef as useRef31, useEffect as useEffect49 } from "react";
+import { memo as memo32, useCallback as useCallback35, useRef as useRef31, useEffect as useEffect50 } from "react";
 import {
   Terminal as TerminalIcon,
   Maximize2 as Maximize22,
@@ -27075,10 +27262,10 @@ import {
 } from "lucide-react";
 
 // src/stores/terminalStore.ts
-import { create as create24 } from "zustand";
+import { create as create25 } from "zustand";
 var DEFAULT_HEIGHT = 300;
 var MIN_HEIGHT = 150;
-var useTerminalStore = create24((set) => ({
+var useTerminalStore = create25((set) => ({
   isOpen: false,
   panelHeight: DEFAULT_HEIGHT,
   activeTabId: null,
@@ -27108,7 +27295,7 @@ var useTerminalStore = create24((set) => ({
 }));
 
 // src/hooks/useTerminals.ts
-import { useQuery as useQuery11, useMutation as useMutation8, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
+import { useQuery as useQuery12, useMutation as useMutation9, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import {
   getTerminals,
   postTerminals,
@@ -27116,7 +27303,7 @@ import {
   getTerminalsById
 } from "@ottocode/api";
 function useTerminals() {
-  return useQuery11({
+  return useQuery12({
     queryKey: ["terminals"],
     queryFn: async () => {
       const response = await getTerminals();
@@ -27129,8 +27316,8 @@ function useTerminals() {
   });
 }
 function useCreateTerminal() {
-  const queryClient = useQueryClient17();
-  return useMutation8({
+  const queryClient = useQueryClient18();
+  return useMutation9({
     mutationFn: async (params) => {
       const response = await postTerminals({
         body: params
@@ -27146,8 +27333,8 @@ function useCreateTerminal() {
   });
 }
 function useKillTerminal() {
-  const queryClient = useQueryClient17();
-  return useMutation8({
+  const queryClient = useQueryClient18();
+  return useMutation9({
     mutationFn: async (terminalId) => {
       const response = await deleteTerminalsById({
         path: { id: terminalId }
@@ -27249,7 +27436,7 @@ var TerminalTab = memo30(function TerminalTab2({
 });
 
 // src/components/terminals/TerminalViewer.tsx
-import { memo as memo31, useEffect as useEffect48, useRef as useRef30, useState as useState48, useCallback as useCallback34 } from "react";
+import { memo as memo31, useEffect as useEffect49, useRef as useRef30, useState as useState48, useCallback as useCallback34 } from "react";
 import {
   init,
   Terminal as Terminal7,
@@ -27449,7 +27636,7 @@ var TerminalViewer = memo31(function TerminalViewer2({
       }
     };
   }, [terminalId]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (!containerRef.current || !terminalId)
       return;
     let disposed = false;
@@ -27620,7 +27807,7 @@ var TerminalViewer = memo31(function TerminalViewer2({
       fitAddonRef.current = null;
     };
   }, [terminalId, connectWebSocket]);
-  useEffect48(() => {
+  useEffect49(() => {
     const term = termRef.current;
     if (!term)
       return;
@@ -27638,7 +27825,7 @@ var TerminalViewer = memo31(function TerminalViewer2({
       }
     }
   }, [isActive, fitTerminal]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (isActive) {
       fitTerminal();
     }
@@ -27690,7 +27877,7 @@ var TerminalsPanel = memo32(function TerminalsPanel2() {
 });
 function TerminalPanelShortcutController() {
   const togglePanel = useTerminalStore((s) => s.togglePanel);
-  useEffect49(() => {
+  useEffect50(() => {
     const handleKeyDown = (e) => {
       if (e.key === "`" && e.ctrlKey) {
         e.preventDefault();
@@ -27718,12 +27905,12 @@ var TerminalsPanelContent = memo32(function TerminalsPanelContent2() {
   const autoCreatingRef = useRef31(false);
   const terminalsListRef = useRef31(terminalsList);
   terminalsListRef.current = terminalsList;
-  useEffect49(() => {
+  useEffect50(() => {
     if (terminalsListRef.current.length > 0 && (!activeTabId || !terminalsListRef.current.find((t) => t.id === activeTabId))) {
       selectTab(terminalsListRef.current[0].id);
     }
   }, [terminalsList.length, activeTabId, selectTab]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (terminals && terminalsList.length === 0 && !autoCreatingRef.current && !createTerminal.isPending) {
       autoCreatingRef.current = true;
       createTerminal.mutateAsync({
@@ -27960,14 +28147,14 @@ var TerminalPanelToggle = memo33(function TerminalPanelToggle2() {
   });
 });
 // src/components/session-files/SessionFilesSidebar.tsx
-import { memo as memo34, useCallback as useCallback36, useMemo as useMemo28 } from "react";
+import { memo as memo34, useCallback as useCallback36, useMemo as useMemo29 } from "react";
 import { FilePen, FilePlus as FilePlus2, FileEdit as FileEdit4, RefreshCw as RefreshCw8 } from "lucide-react";
 
 // src/hooks/useSessionFiles.ts
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 function useSessionFiles(sessionId, enabled = true) {
   const isExpanded = useSessionFilesStore((state) => state.isExpanded);
-  return useQuery12({
+  return useQuery13({
     queryKey: ["session", sessionId, "files"],
     queryFn: () => sessionId ? apiClient.getSessionFiles(sessionId) : null,
     enabled: !!sessionId && enabled,
@@ -28049,7 +28236,7 @@ var SessionFileItem = memo34(function SessionFileItem2({
   onOpen
 }) {
   const lastOp = file.operations[file.operations.length - 1];
-  const { totalAdditions, totalDeletions } = useMemo28(() => {
+  const { totalAdditions, totalDeletions } = useMemo29(() => {
     let additions = 0;
     let deletions = 0;
     for (const op of file.operations) {
@@ -28267,7 +28454,7 @@ var SessionFilesSidebarToggle = memo35(function SessionFilesSidebarToggle2({
   });
 });
 // src/components/session-files/SessionFilesDiffPanel.tsx
-import { useEffect as useEffect50, useMemo as useMemo29, memo as memo36 } from "react";
+import { useEffect as useEffect51, useMemo as useMemo30, memo as memo36 } from "react";
 import { X as X19, ChevronLeft, ChevronRight as ChevronRight14 } from "lucide-react";
 import { jsx as jsx108, jsxs as jsxs94 } from "react/jsx-runtime";
 function transformToUnifiedDiff(patch) {
@@ -28372,7 +28559,7 @@ function FullHeightDiffView({
   patch,
   filePath
 }) {
-  const display = useMemo29(() => buildSessionPatchDisplay(patch), [patch]);
+  const display = useMemo30(() => buildSessionPatchDisplay(patch), [patch]);
   return /* @__PURE__ */ jsx108(CodeMirrorViewer, {
     content: display.content,
     path: filePath,
@@ -28407,7 +28594,7 @@ var SessionFilesDiffPanel = memo36(function SessionFilesDiffPanel2({
   const selectOperation = onOperationIndexChange ?? storeSelectOperation;
   const closeDiff = onClose ?? storeCloseDiff;
   const selectedOperation = allOperations[selectedOperationIndex];
-  const patchContent = useMemo29(() => {
+  const patchContent = useMemo30(() => {
     if (!selectedOperation || !selectedFile)
       return null;
     let rawPatch = null;
@@ -28430,7 +28617,7 @@ ${contentLines.map((line) => `+${line}`).join(`
     }
     return rawPatch;
   }, [selectedOperation, selectedFile]);
-  useEffect50(() => {
+  useEffect51(() => {
     const handleKeyDown = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -28603,7 +28790,7 @@ ${contentLines.map((line) => `+${line}`).join(`
   });
 });
 // src/components/research/ResearchSidebar.tsx
-import { memo as memo37, useState as useState49, useEffect as useEffect51, useCallback as useCallback37, useRef as useRef32, useMemo as useMemo30 } from "react";
+import { memo as memo37, useState as useState49, useEffect as useEffect52, useCallback as useCallback37, useRef as useRef32, useMemo as useMemo31 } from "react";
 import {
   FlaskConical as FlaskConical3,
   Plus as Plus6,
@@ -28617,7 +28804,7 @@ import {
 } from "lucide-react";
 
 // src/hooks/useResearch.ts
-import { useQuery as useQuery13, useMutation as useMutation9, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
+import { useQuery as useQuery14, useMutation as useMutation10, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import {
   createResearchSession as apiCreateResearchSession,
   deleteResearchSession as apiDeleteResearchSession,
@@ -28672,7 +28859,7 @@ class ResearchApiClient {
 }
 var researchApi = new ResearchApiClient;
 function useResearchSessions(parentSessionId, enabled = true) {
-  return useQuery13({
+  return useQuery14({
     queryKey: ["research", "sessions", parentSessionId],
     queryFn: () => researchApi.listResearchSessions(parentSessionId),
     enabled: !!parentSessionId && enabled,
@@ -28680,8 +28867,8 @@ function useResearchSessions(parentSessionId, enabled = true) {
   });
 }
 function useCreateResearchSession() {
-  const queryClient = useQueryClient18();
-  return useMutation9({
+  const queryClient = useQueryClient19();
+  return useMutation10({
     mutationFn: ({
       parentSessionId,
       data
@@ -28694,8 +28881,8 @@ function useCreateResearchSession() {
   });
 }
 function useDeleteResearchSession() {
-  const queryClient = useQueryClient18();
-  return useMutation9({
+  const queryClient = useQueryClient19();
+  return useMutation10({
     mutationFn: (researchId) => researchApi.deleteResearchSession(researchId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["research", "sessions"] });
@@ -28704,7 +28891,7 @@ function useDeleteResearchSession() {
 }
 function useInjectContext() {
   const addContext = usePendingResearchStore((state) => state.addContext);
-  return useMutation9({
+  return useMutation10({
     mutationFn: ({
       parentSessionId,
       researchSessionId,
@@ -28721,8 +28908,8 @@ function useInjectContext() {
   });
 }
 function useExportToSession() {
-  const queryClient = useQueryClient18();
-  return useMutation9({
+  const queryClient = useQueryClient19();
+  return useMutation10({
     mutationFn: ({
       researchId,
       data
@@ -28734,7 +28921,7 @@ function useExportToSession() {
 }
 
 // src/components/research/ResearchSidebar.tsx
-import { useMutation as useMutation10, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useMutation as useMutation11, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { jsx as jsx109, jsxs as jsxs95, Fragment as Fragment46 } from "react/jsx-runtime";
 var PANEL_KEY3 = "research";
 var DEFAULT_WIDTH3 = 320;
@@ -28777,8 +28964,8 @@ var ResearchSidebarContent = memo37(function ResearchSidebarContent2({
   const { data: parentMessagesData } = useMessages(parentSessionId ?? undefined, { enabled: true });
   useSessionStream(activeResearchSessionId ?? undefined, true);
   const updateSession = useUpdateSession(activeResearchSessionId ?? "");
-  const queryClient = useQueryClient19();
-  const sendMessage = useMutation10({
+  const queryClient = useQueryClient20();
+  const sendMessage = useMutation11({
     mutationFn: async ({
       sessionId,
       content
@@ -28787,12 +28974,12 @@ var ResearchSidebarContent = memo37(function ResearchSidebarContent2({
       queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
     }
   });
-  useEffect51(() => {
+  useEffect52(() => {
     if (parentSessionId) {
       useResearchStore.getState().setParentSessionId(parentSessionId);
     }
   }, [parentSessionId]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (researchData?.sessions?.length) {
       const currentIsValid = researchData.sessions.some((s) => s.id === activeResearchSessionId);
       if (!currentIsValid) {
@@ -28802,7 +28989,7 @@ var ResearchSidebarContent = memo37(function ResearchSidebarContent2({
       selectResearchSession(null);
     }
   }, [researchData, activeResearchSessionId, selectResearchSession]);
-  useEffect51(() => {
+  useEffect52(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
   const adjustTextareaHeight = useCallback37(() => {
@@ -28812,7 +28999,7 @@ var ResearchSidebarContent = memo37(function ResearchSidebarContent2({
     textarea.style.height = "auto";
     textarea.style.height = `${Math.min(textarea.scrollHeight, 120)}px`;
   }, []);
-  useEffect51(() => {
+  useEffect52(() => {
     adjustTextareaHeight();
   }, [adjustTextareaHeight]);
   const handleCreateNew = useCallback37(async () => {
@@ -28924,8 +29111,8 @@ var ResearchSidebarContent = memo37(function ResearchSidebarContent2({
       handleSendMessage();
     }
   }, [handleSendMessage]);
-  const isGenerating = useMemo30(() => messagesData?.some((m) => m.role === "assistant" && m.status === "pending") ?? false, [messagesData]);
-  const isAlreadyInjected = useMemo30(() => {
+  const isGenerating = useMemo31(() => messagesData?.some((m) => m.role === "assistant" && m.status === "pending") ?? false, [messagesData]);
+  const isAlreadyInjected = useMemo31(() => {
     if (!activeResearchSessionId || !parentMessagesData)
       return false;
     return parentMessagesData.some((m) => m.role === "system" && m.parts?.some((p) => typeof p.content === "string" && p.content.includes(`from="${activeResearchSessionId}"`)));
@@ -29304,7 +29491,7 @@ var ResearchSidebarToggle = memo38(function ResearchSidebarToggle2({
   });
 });
 // src/components/settings/SettingsSidebar.tsx
-import { memo as memo40, useState as useState51, useMemo as useMemo31, useCallback as useCallback39, useEffect as useEffect54, useRef as useRef35 } from "react";
+import { memo as memo40, useState as useState51, useMemo as useMemo32, useCallback as useCallback39, useEffect as useEffect55, useRef as useRef35 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
 import {
@@ -29329,9 +29516,9 @@ import {
 import { QRCodeSVG } from "qrcode.react";
 
 // src/stores/onboardingStore.ts
-import { create as create25 } from "zustand";
+import { create as create26 } from "zustand";
 var STEPS = ["wallet", "defaults"];
-var useOnboardingStore = create25((set, get) => ({
+var useOnboardingStore = create26((set, get) => ({
   isOpen: false,
   currentStep: "wallet",
   manageMode: false,
@@ -29368,8 +29555,8 @@ var useOnboardingStore = create25((set, get) => ({
 }));
 
 // src/hooks/useAuthStatus.ts
-import { useEffect as useEffect52, useCallback as useCallback38, useState as useState50, useRef as useRef33 } from "react";
-import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import { useEffect as useEffect53, useCallback as useCallback38, useState as useState50, useRef as useRef33 } from "react";
+import { useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 var isInIframe = typeof window !== "undefined" && window.self !== window.top;
 function useAuthStatus() {
   const setAuthStatus = useOnboardingStore((s) => s.setAuthStatus);
@@ -29378,7 +29565,7 @@ function useAuthStatus() {
   const setError = useOnboardingStore((s) => s.setError);
   const authStatus = useOnboardingStore((s) => s.authStatus);
   const isOpen = useOnboardingStore((s) => s.isOpen);
-  const queryClient = useQueryClient20();
+  const queryClient = useQueryClient21();
   const [initialized, setInitialized] = useState50(false);
   const [oauthPolling, setOauthPolling] = useState50(false);
   const oauthPollingRef = useRef33(null);
@@ -29572,7 +29759,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (!oauthPolling || !isInIframe)
       return;
     oauthPollingRef.current = setInterval(() => {
@@ -29586,7 +29773,7 @@ function useAuthStatus() {
       clearTimeout(timeout);
     };
   }, [oauthPolling, fetchAuthStatus]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (!oauthPolling || !authStatus)
       return;
     const currentConfigured = Object.entries(authStatus.providers).filter(([, p]) => p.configured);
@@ -29595,7 +29782,7 @@ function useAuthStatus() {
       setOauthPolling(false);
     }
   }, [authStatus, oauthPolling]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleOAuthMessage = (event) => {
       if (event.data?.type === "oauth-success") {
         fetchAuthStatus();
@@ -29907,14 +30094,14 @@ var DictationSettings = memo39(function DictationSettings2({
 });
 
 // src/hooks/useTopupCallback.ts
-import { useEffect as useEffect53, useRef as useRef34 } from "react";
+import { useEffect as useEffect54, useRef as useRef34 } from "react";
 var STORAGE_KEY = "pendingPolarCheckout";
 function useTopupCallback() {
   const hasHandled = useRef34(false);
   const loadingToastId = useRef34(null);
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const removeToast = useToastStore((s) => s.removeToast);
-  useEffect53(() => {
+  useEffect54(() => {
     if (hasHandled.current)
       return;
     const params = new URLSearchParams(window.location.search);
@@ -30119,7 +30306,7 @@ var SelectRow = memo40(function SelectRow2({
   const [menuStyle, setMenuStyle] = useState51(null);
   const buttonRef = useRef35(null);
   const selectedOption = options.find((o) => o.id === value);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!isOpen || !buttonRef.current)
       return;
     const update = () => {
@@ -30218,10 +30405,10 @@ var FontPickerRow = memo40(function FontPickerRow2({
   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(() => {
+  const fontOptions = useMemo32(() => {
     return Array.from(new Set([value, ...localFonts, ...COMMON_SYSTEM_FONTS].filter(Boolean))).sort((a, b) => a.localeCompare(b));
   }, [localFonts, value]);
-  const filteredFonts = useMemo31(() => {
+  const filteredFonts = useMemo32(() => {
     const query = search.trim().toLowerCase();
     if (!query)
       return fontOptions;
@@ -30345,7 +30532,7 @@ var NumberInputRow = memo40(function NumberInputRow2({
   disabled
 }) {
   const [draft, setDraft] = useState51(value !== null && value !== undefined ? String(value) : "");
-  useEffect54(() => {
+  useEffect55(() => {
     setDraft(value !== null && value !== undefined ? String(value) : "");
   }, [value]);
   const persistedValue = value !== null && value !== undefined ? String(value) : "";
@@ -30702,7 +30889,7 @@ var SettingsSidebarContent = memo40(function SettingsSidebarContent2({
   const exportOttoRouterPrivateKey = useCallback39(async () => {
     return await apiClient.exportOttoRouterWallet();
   }, []);
-  const providerOptions = useMemo31(() => {
+  const providerOptions = useMemo32(() => {
     if (!config2?.providers || !allModels)
       return [];
     return config2.providers.filter((p) => allModels[p]).map((p) => ({
@@ -30710,7 +30897,7 @@ var SettingsSidebarContent = memo40(function SettingsSidebarContent2({
       label: allModels[p]?.label || p
     }));
   }, [config2?.providers, allModels]);
-  const modelOptions = useMemo31(() => {
+  const modelOptions = useMemo32(() => {
     const provider = config2?.defaults?.provider;
     if (!provider || !allModels?.[provider])
       return [];
@@ -30719,7 +30906,7 @@ var SettingsSidebarContent = memo40(function SettingsSidebarContent2({
       label: m.label
     }));
   }, [config2?.defaults?.provider, allModels]);
-  const agentOptions = useMemo31(() => {
+  const agentOptions = useMemo32(() => {
     if (!config2?.agents)
       return [];
     return config2.agents.map((a) => ({ id: a, label: a }));
@@ -31257,8 +31444,8 @@ import {
 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 useRef36 } from "react";
+import { useQuery as useQuery15, useMutation as useMutation12, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
+import { useEffect as useEffect56, useCallback as useCallback40, useRef as useRef36 } from "react";
 import {
   client as client4,
   getTunnelQr,
@@ -31305,13 +31492,13 @@ function useTunnelStatus() {
   const setStatus = useTunnelStore((s) => s.setStatus);
   const setUrl = useTunnelStore((s) => s.setUrl);
   const setError = useTunnelStore((s) => s.setError);
-  const query = useQuery14({
+  const query = useQuery15({
     queryKey: ["tunnel", "status"],
     queryFn: fetchTunnelStatus,
     refetchInterval: 3000,
     refetchOnMount: "always"
   });
-  useEffect55(() => {
+  useEffect56(() => {
     if (query.data) {
       setStatus(normalizeTunnelStatus(query.data));
       setUrl(query.data.url);
@@ -31321,12 +31508,12 @@ function useTunnelStatus() {
   return query;
 }
 function useStartTunnel() {
-  const queryClient = useQueryClient21();
+  const queryClient = useQueryClient22();
   const setStatus = useTunnelStore((s) => s.setStatus);
   const setUrl = useTunnelStore((s) => s.setUrl);
   const setError = useTunnelStore((s) => s.setError);
   const setProgress = useTunnelStore((s) => s.setProgress);
-  return useMutation11({
+  return useMutation12({
     mutationFn: () => startTunnel(),
     onMutate: () => {
       setStatus("starting");
@@ -31355,9 +31542,9 @@ function useStartTunnel() {
   });
 }
 function useStopTunnel() {
-  const queryClient = useQueryClient21();
+  const queryClient = useQueryClient22();
   const reset = useTunnelStore((s) => s.reset);
-  return useMutation11({
+  return useMutation12({
     mutationFn: stopTunnel,
     onSuccess: () => {
       reset();
@@ -31368,12 +31555,12 @@ function useStopTunnel() {
 function useTunnelQr() {
   const url = useTunnelStore((s) => s.url);
   const setQrCode = useTunnelStore((s) => s.setQrCode);
-  const query = useQuery14({
+  const query = useQuery15({
     queryKey: ["tunnel", "qr", url],
     queryFn: fetchTunnelQr,
     enabled: !!url
   });
-  useEffect55(() => {
+  useEffect56(() => {
     if (query.data?.ok && query.data.qrCode) {
       setQrCode(query.data.qrCode);
     }
@@ -31413,7 +31600,7 @@ function useTunnelStream() {
       eventSourceRef.current = null;
     };
   }, [setStatus, setUrl, setError, setProgress]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (isExpanded) {
       const cleanup = connect();
       return cleanup;
@@ -31673,7 +31860,7 @@ var TunnelSidebarToggle = memo43(function TunnelSidebarToggle2() {
   });
 });
 // src/components/mcp/MCPSidebar.tsx
-import { memo as memo46, useState as useState54, useCallback as useCallback43, useMemo as useMemo32, useEffect as useEffect58, useRef as useRef39 } from "react";
+import { memo as memo46, useState as useState54, useCallback as useCallback43, useMemo as useMemo33, useEffect as useEffect59, useRef as useRef39 } from "react";
 import {
   ChevronDown as ChevronDown13,
   ChevronRight as ChevronRight16,
@@ -31690,11 +31877,11 @@ import {
   Wrench as Wrench2,
   X as X21
 } from "lucide-react";
-import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient24 } 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 useRef37, useCallback as useCallback41 } from "react";
+import { useQuery as useQuery16, useMutation as useMutation13, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
+import { useEffect as useEffect57, useRef as useRef37, useCallback as useCallback41 } from "react";
 import {
   listMcpServers,
   startMcpServer,
@@ -31708,7 +31895,7 @@ import {
 } from "@ottocode/api";
 function useMCPServers() {
   const setServers = useMCPStore((s) => s.setServers);
-  const query = useQuery15({
+  const query = useQuery16({
     queryKey: ["mcp", "servers"],
     queryFn: async () => {
       const { data } = await listMcpServers();
@@ -31716,7 +31903,7 @@ function useMCPServers() {
     },
     refetchInterval: 1e4
   });
-  useEffect56(() => {
+  useEffect57(() => {
     if (query.data?.servers) {
       setServers(query.data.servers);
     }
@@ -31724,8 +31911,8 @@ function useMCPServers() {
   return query;
 }
 function useStartMCPServer() {
-  const queryClient = useQueryClient22();
-  return useMutation12({
+  const queryClient = useQueryClient23();
+  return useMutation13({
     mutationFn: async (name) => {
       const { data, error } = await startMcpServer({
         path: { name }
@@ -31743,9 +31930,9 @@ function useStartMCPServer() {
   });
 }
 function useStopMCPServer() {
-  const queryClient = useQueryClient22();
+  const queryClient = useQueryClient23();
   const setLoading = useMCPStore((s) => s.setLoading);
-  return useMutation12({
+  return useMutation13({
     mutationFn: async (name) => {
       setLoading(name, true);
       const { data, error } = await stopMcpServer({
@@ -31765,8 +31952,8 @@ function useStopMCPServer() {
   });
 }
 function useAddMCPServer() {
-  const queryClient = useQueryClient22();
-  return useMutation12({
+  const queryClient = useQueryClient23();
+  return useMutation13({
     mutationFn: async (params) => {
       const { data, error } = await addMcpServer({
         body: params
@@ -31784,8 +31971,8 @@ function useAddMCPServer() {
   });
 }
 function useRemoveMCPServer() {
-  const queryClient = useQueryClient22();
-  return useMutation12({
+  const queryClient = useQueryClient23();
+  return useMutation13({
     mutationFn: async (name) => {
       const { data, error } = await removeMcpServer({
         path: { name }
@@ -31803,8 +31990,8 @@ function useRemoveMCPServer() {
   });
 }
 function useAuthenticateMCPServer() {
-  const queryClient = useQueryClient22();
-  return useMutation12({
+  const queryClient = useQueryClient23();
+  return useMutation13({
     mutationFn: async (name) => {
       const { data, error } = await initiateMcpAuth({
         path: { name }
@@ -31822,8 +32009,8 @@ function useAuthenticateMCPServer() {
   });
 }
 function useRevokeMCPAuth() {
-  const queryClient = useQueryClient22();
-  return useMutation12({
+  const queryClient = useQueryClient23();
+  return useMutation13({
     mutationFn: async (name) => {
       const { data, error } = await revokeMcpAuth({
         path: { name }
@@ -31841,7 +32028,7 @@ function useRevokeMCPAuth() {
   });
 }
 function useMCPAuthStatus(name) {
-  return useQuery15({
+  return useQuery16({
     queryKey: ["mcp", "auth", name],
     queryFn: async () => {
       if (!name)
@@ -31859,7 +32046,7 @@ function useCopilotDevicePoller() {
   const copilotDevice = useMCPStore((s) => s.copilotDevice);
   const setCopilotDevice = useMCPStore((s) => s.setCopilotDevice);
   const setLoading = useMCPStore((s) => s.setLoading);
-  const queryClient = useQueryClient22();
+  const queryClient = useQueryClient23();
   const timerRef = useRef37(null);
   const stopPolling = useCallback41(() => {
     if (timerRef.current) {
@@ -31867,7 +32054,7 @@ function useCopilotDevicePoller() {
       timerRef.current = null;
     }
   }, []);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!copilotDevice) {
       stopPolling();
       return;
@@ -31903,7 +32090,7 @@ function useCopilotDevicePoller() {
 }
 
 // src/components/mcp/AddMCPServerModal.tsx
-import { memo as memo44, useState as useState53, useCallback as useCallback42, useRef as useRef38, useEffect as useEffect57 } from "react";
+import { memo as memo44, useState as useState53, useCallback as useCallback42, useRef as useRef38, useEffect as useEffect58 } 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) {
@@ -32026,7 +32213,7 @@ var AddMCPServerModal = memo44(function AddMCPServerModal2({
   ]);
   const contentRef = useRef38(null);
   const [contentHeight, setContentHeight] = useState53(undefined);
-  useEffect57(() => {
+  useEffect58(() => {
     const el = contentRef.current;
     if (!el)
       return;
@@ -32574,7 +32761,7 @@ var MCPServerCard = memo46(function MCPServerCard2({
 function useAuthPoller(name, onAuthenticated) {
   const { data } = useMCPAuthStatus(name);
   const prevAuth = useRef39(false);
-  useEffect58(() => {
+  useEffect59(() => {
     if (data?.authenticated && !prevAuth.current) {
       onAuthenticated();
     }
@@ -32603,7 +32790,7 @@ var MCPSidebarContent = memo46(function MCPSidebarContent2() {
   const [pollingServer, setPollingServer] = useState54(null);
   const [deleteTarget, setDeleteTarget] = useState54(null);
   const [searchQuery, setSearchQuery] = useState54("");
-  const queryClient = useQueryClient23();
+  const queryClient = useQueryClient24();
   const handleAuthCompleted = useCallback43(() => {
     if (pollingServer) {
       setAuthUrl(pollingServer, null);
@@ -32612,7 +32799,7 @@ var MCPSidebarContent = memo46(function MCPSidebarContent2() {
     }
   }, [pollingServer, setAuthUrl, queryClient]);
   useAuthPoller(pollingServer, handleAuthCompleted);
-  useEffect58(() => {
+  useEffect59(() => {
     for (const name of loading) {
       const server = servers.find((s) => s.name === name);
       if (server?.connected) {
@@ -32679,7 +32866,7 @@ var MCPSidebarContent = memo46(function MCPSidebarContent2() {
       setAuthUrl(name, null);
     }
   }, [startServer, setAuthUrl, setLoading, handleCopilotDeviceResponse]);
-  const sortedServers = useMemo32(() => {
+  const sortedServers = useMemo33(() => {
     const q = searchQuery.trim().toLowerCase();
     const filtered = q ? servers.filter((s) => {
       const cmd = s.command ? `${s.command} ${s.args.join(" ")}` : "";
@@ -32893,7 +33080,7 @@ var MCPSidebarToggle = memo47(function MCPSidebarToggle2() {
   });
 });
 // src/components/skills/SkillsSidebar.tsx
-import { memo as memo48, useMemo as useMemo33, useState as useState55 } from "react";
+import { memo as memo48, useMemo as useMemo34, useState as useState55 } from "react";
 import {
   Sparkles as Sparkles7,
   FolderDot as FolderDot3,
@@ -32947,13 +33134,13 @@ var SkillsSidebarContent = memo48(function SkillsSidebarContent2() {
   const { data: skillDetail } = useSkillDetail(selectedSkill);
   const { data: skillFilesData } = useSkillFiles(selectedSkill);
   const skillFiles = skillFilesData?.files ?? [];
-  const filteredSkills = useMemo33(() => {
+  const filteredSkills = useMemo34(() => {
     const q = searchQuery.trim().toLowerCase();
     if (!q)
       return skills;
     return skills.filter((s) => s.name.toLowerCase().includes(q) || (s.description ?? "").toLowerCase().includes(q));
   }, [skills, searchQuery]);
-  const groupedSkills = useMemo33(() => {
+  const groupedSkills = useMemo34(() => {
     const groups = new Map;
     for (const skill of filteredSkills) {
       const list = groups.get(skill.scope) ?? [];
@@ -33304,7 +33491,7 @@ var SkillsSidebarToggle = memo49(function SkillsSidebarToggle2() {
   });
 });
 // src/components/skills/SkillViewerPanel.tsx
-import { memo as memo50, useEffect as useEffect59 } from "react";
+import { memo as memo50, useEffect as useEffect60 } from "react";
 import { X as X23 } from "lucide-react";
 import { jsx as jsx122, jsxs as jsxs107 } from "react/jsx-runtime";
 var SkillViewerPanel = memo50(function SkillViewerPanel2({
@@ -33328,7 +33515,7 @@ var SkillViewerPanel = memo50(function SkillViewerPanel2({
   const content = isMainFile ? skillDetail?.content : fileData?.content;
   const isLoading = isMainFile ? !skillDetail : fileLoading;
   const displayPath = isMainFile ? "SKILL.md" : viewingFile ?? "";
-  useEffect59(() => {
+  useEffect60(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -33409,69 +33596,6 @@ var AgentsSidebar = function AgentsSidebar2() {
 // src/components/agents/AgentsSidebarToggle.tsx
 import { memo as memo51 } from "react";
 import { Bot as Bot2 } from "lucide-react";
-
-// src/stores/agentsStore.ts
-import { create as create26 } from "zustand";
-function collapseOtherRightPanels() {
-  useGitStore.getState().collapseSidebar();
-  useSessionFilesStore.getState().collapseSidebar();
-  useResearchStore.getState().collapseSidebar();
-  useSettingsStore.getState().collapseSidebar();
-  useTunnelStore.getState().collapseSidebar();
-  useFileBrowserStore.getState().collapseSidebar();
-  useMCPStore.getState().collapseSidebar();
-  useSkillsStore.getState().collapseSidebar();
-}
-var useAgentsStore = create26((set) => ({
-  isExpanded: false,
-  isManagerOpen: false,
-  managerMode: "library",
-  editorPage: "overview",
-  agents: [],
-  defaultAgent: null,
-  selectedAgent: null,
-  isCreateModalOpen: false,
-  setManagerMode: (mode) => set({ managerMode: mode }),
-  openManager: () => {
-    collapseOtherRightPanels();
-    set({ isManagerOpen: true, isExpanded: true, managerMode: "library" });
-  },
-  closeManager: () => set({
-    isManagerOpen: false,
-    isExpanded: false,
-    isCreateModalOpen: false,
-    managerMode: "library",
-    editorPage: "overview"
-  }),
-  toggleManager: () => {
-    const open = useAgentsStore.getState().isManagerOpen;
-    if (open) {
-      useAgentsStore.getState().closeManager();
-    } else {
-      useAgentsStore.getState().openManager();
-    }
-  },
-  setAgents: (agents, defaultAgent) => set((state) => ({
-    agents,
-    defaultAgent,
-    selectedAgent: state.selectedAgent && agents.some((a) => a.name === state.selectedAgent) ? state.selectedAgent : agents.find((a) => a.name === defaultAgent)?.name ?? agents[0]?.name ?? null
-  })),
-  selectAgent: (agent) => set({ selectedAgent: agent }),
-  backToList: () => set({ selectedAgent: null, editorPage: "overview" }),
-  openAgentInManager: (agent) => set({
-    isManagerOpen: true,
-    isExpanded: true,
-    managerMode: "workspace",
-    selectedAgent: agent,
-    editorPage: "overview",
-    isCreateModalOpen: false
-  }),
-  setEditorPage: (page) => set({ editorPage: page }),
-  openCreateModal: () => set({ isManagerOpen: true, isExpanded: true, isCreateModalOpen: true }),
-  closeCreateModal: () => set({ isCreateModalOpen: false })
-}));
-
-// src/components/agents/AgentsSidebarToggle.tsx
 import { jsx as jsx123 } from "react/jsx-runtime";
 var AgentsSidebarToggle = memo51(function AgentsSidebarToggle2() {
   const isExpanded = useAgentsStore((state) => state.isExpanded);
@@ -33487,7 +33611,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 useRef41, useState as useState58 } from "react";
+import { memo as memo55, useCallback as useCallback44, useEffect as useEffect62, useMemo as useMemo37, useRef as useRef41, useState as useState58 } from "react";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
 import {
   ArrowLeft as ArrowLeft2,
@@ -33501,110 +33625,8 @@ import {
   Wrench as Wrench3
 } from "lucide-react";
 
-// src/hooks/useAgents.ts
-import { useEffect as useEffect60 } from "react";
-import { useMutation as useMutation13, useQuery as useQuery16, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
-function useAgentDetails(options = {}) {
-  const managerOpen = useAgentsStore((s) => s.isManagerOpen);
-  const createOpen = useAgentsStore((s) => s.isCreateModalOpen);
-  const enabled = options.enabled ?? (managerOpen || createOpen);
-  const setAgents = useAgentsStore((s) => s.setAgents);
-  const selectedAgent = useAgentsStore((s) => s.selectedAgent);
-  const selectAgent = useAgentsStore((s) => s.selectAgent);
-  const query = useQuery16({
-    queryKey: ["config", "agents"],
-    queryFn: () => apiClient.getAgentDetails(),
-    enabled,
-    staleTime: 15000
-  });
-  useEffect60(() => {
-    if (!query.data)
-      return;
-    setAgents(query.data.agents, query.data.default);
-    if (!selectedAgent && query.data.agents.length > 0) {
-      const defaultAgent = query.data.agents.find((agent) => agent.name === query.data.default);
-      selectAgent(defaultAgent?.name ?? query.data.agents[0].name);
-    }
-  }, [query.data, selectAgent, selectedAgent, setAgents]);
-  return query;
-}
-function useAgent(agentName) {
-  return useQuery16({
-    queryKey: ["config", "agents", agentName],
-    queryFn: async () => {
-      if (!agentName)
-        return null;
-      return apiClient.getAgent(agentName);
-    },
-    enabled: Boolean(agentName),
-    staleTime: 15000
-  });
-}
-function useConfigTools(options = {}) {
-  const managerOpen = useAgentsStore((s) => s.isManagerOpen);
-  const createOpen = useAgentsStore((s) => s.isCreateModalOpen);
-  const enabled = options.enabled ?? (managerOpen || createOpen);
-  return useQuery16({
-    queryKey: ["config", "tools"],
-    queryFn: () => apiClient.getConfigTools(),
-    enabled,
-    staleTime: 30000
-  });
-}
-function useUpdateAgent() {
-  const queryClient = useQueryClient24();
-  return useMutation13({
-    mutationFn: ({ name, input }) => apiClient.updateAgent(name, input),
-    onSuccess: (data, variables) => {
-      queryClient.setQueryData(["config", "agents", variables.name], data);
-      queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
-    }
-  });
-}
-function useDeleteAgent() {
-  const queryClient = useQueryClient24();
-  const setAgents = useAgentsStore((s) => s.setAgents);
-  const selectAgent = useAgentsStore((s) => s.selectAgent);
-  return useMutation13({
-    mutationFn: ({
-      name,
-      scope = "local"
-    }) => apiClient.deleteAgent(name, scope),
-    onSuccess: async (_data, variables) => {
-      await queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
-      const refreshed = await queryClient.fetchQuery({
-        queryKey: ["config", "agents"],
-        queryFn: () => apiClient.getAgentDetails()
-      });
-      setAgents(refreshed.agents, refreshed.default);
-      if (variables.name === useAgentsStore.getState().selectedAgent) {
-        const next = refreshed.agents.find((a) => a.name === refreshed.default)?.name ?? refreshed.agents[0]?.name ?? null;
-        selectAgent(next);
-      }
-    }
-  });
-}
-function useSetDefaultAgent() {
-  const queryClient = useQueryClient24();
-  return useMutation13({
-    mutationFn: (name) => apiClient.updateDefaults({ agent: name, scope: "global" }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
-      queryClient.invalidateQueries({ queryKey: ["config"] });
-    }
-  });
-}
-function getAgentToolCount(agent) {
-  if (!agent)
-    return 0;
-  return Array.from(new Set([
-    ...agent.toolConfig.firstClass ?? [],
-    ...agent.toolConfig.loadable ?? []
-  ])).length;
-}
-
 // src/components/agents/AgentToolList.tsx
-import { memo as memo52, useEffect as useEffect61, useMemo as useMemo34, useRef as useRef40, useState as useState56 } from "react";
+import { memo as memo52, useEffect as useEffect61, useMemo as useMemo35, 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
@@ -33817,7 +33839,7 @@ var AgentToolList = memo52(function AgentToolList2({
   onMoveTool,
   disabled
 }) {
-  const toolDisplays = useMemo34(() => {
+  const toolDisplays = useMemo35(() => {
     const byName = new Map(availableTools.map((tool) => [tool.name, tool]));
     const displays = [];
     const seen = new Set;
@@ -33853,7 +33875,7 @@ var AgentToolList = memo52(function AgentToolList2({
     }
     return displays;
   }, [availableTools, selectedToolNames, toolBuckets]);
-  const buckets = useMemo34(() => {
+  const buckets = useMemo35(() => {
     const result = {
       first_class: [],
       loadable: []
@@ -33866,7 +33888,7 @@ var AgentToolList = memo52(function AgentToolList2({
     return result;
   }, [toolDisplays]);
   const enabledCount = selectedToolNames.size;
-  const toolsByName = useMemo34(() => {
+  const toolsByName = useMemo35(() => {
     const map = new Map;
     for (const tool of toolDisplays)
       map.set(tool.name, tool);
@@ -34008,7 +34030,7 @@ var ToolPicker = memo52(function ToolPicker2({
   useEffect61(() => {
     inputRef.current?.focus();
   }, []);
-  const filtered = useMemo34(() => {
+  const filtered = useMemo35(() => {
     const q = query.trim().toLowerCase();
     if (!q)
       return available;
@@ -34196,7 +34218,7 @@ var AgentProviderModelFields = memo53(function AgentProviderModelFields2({
 });
 
 // src/components/agents/CreateAgentModal.tsx
-import { memo as memo54, useId as useId5, useMemo as useMemo35, useState as useState57 } from "react";
+import { memo as memo54, useId as useId5, useMemo as useMemo36, 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_-]+$/;
@@ -34218,7 +34240,6 @@ var AgentCreatePane = memo54(function AgentCreatePane2({
   availableTools
 }) {
   const closeCreateModal = useAgentsStore((s) => s.closeCreateModal);
-  const openAgentInManager = useAgentsStore((s) => s.openAgentInManager);
   const updateAgent = useUpdateAgent();
   const nameId = useId5();
   const duplicateId = useId5();
@@ -34235,7 +34256,7 @@ var AgentCreatePane = memo54(function AgentCreatePane2({
   const [copyModelSettings, setCopyModelSettings] = useState57(false);
   const [error, setError] = useState57(null);
   const duplicateSource = duplicateFrom ? agents.find((a) => a.name === duplicateFrom) : undefined;
-  const selectedTools = useMemo35(() => {
+  const selectedTools = useMemo36(() => {
     const base = new Set(toolNamesFromConfig(TOOL_PRESETS[preset].tools));
     for (const t of REQUIRED_TOOLS)
       base.add(t);
@@ -34323,7 +34344,7 @@ var AgentCreatePane = memo54(function AgentCreatePane2({
     }, {
       onSuccess: () => {
         resetForm();
-        openAgentInManager(trimmed);
+        closeCreateModal();
       },
       onError: (err) => {
         setError(String(err));
@@ -34908,7 +34929,7 @@ var AgentWorkspaceMain = memo55(function AgentWorkspaceMain2({
   const updateAgent = useUpdateAgent();
   const deleteAgent = useDeleteAgent();
   const setDefaultAgent = useSetDefaultAgent();
-  const savedToolNames = useMemo36(() => toolNamesFromConfig(agent.toolConfig), [agent.toolConfig]);
+  const savedToolNames = useMemo37(() => toolNamesFromConfig(agent.toolConfig), [agent.toolConfig]);
   const [prompt, setPrompt] = useState58(agent.prompt);
   const [provider, setProvider] = useState58(agent.provider ?? "");
   const [model, setModel] = useState58(agent.model ?? "");
@@ -34927,8 +34948,8 @@ var AgentWorkspaceMain = memo55(function AgentWorkspaceMain2({
     savedToolNames,
     agent.toolConfig
   ]);
-  const currentToolConfig = useMemo36(() => buildAgentToolConfig(selectedToolNames, availableTools, toolBuckets), [selectedToolNames, availableTools, toolBuckets]);
-  const isDirty = useMemo36(() => {
+  const currentToolConfig = useMemo37(() => buildAgentToolConfig(selectedToolNames, availableTools, toolBuckets), [selectedToolNames, availableTools, toolBuckets]);
+  const isDirty = useMemo37(() => {
     if (prompt !== agent.prompt)
       return true;
     if (provider !== (agent.provider ?? ""))
@@ -35659,7 +35680,7 @@ import {
   memo as memo58,
   useCallback as useCallback46,
   useEffect as useEffect65,
-  useMemo as useMemo38,
+  useMemo as useMemo39,
   useRef as useRef44,
   useState as useState59
 } from "react";
@@ -35669,7 +35690,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 useRef43 } from "react";
+import { useEffect as useEffect64, useMemo as useMemo38, 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;
@@ -36293,16 +36314,16 @@ function ToolPreviewPanel({ tab }) {
   const shouldLoadAppliedFile = shouldLoadPatchFile && tab.status === "success";
   const { data: appliedFile, refetch: refetchAppliedFile } = useFileContent(shouldLoadPatchFile ? tab.path : null);
   const shouldUseLargePatchFallback = Boolean(isPatchPreview && ((tab.patch?.length ?? 0) >= LARGE_PATCH_PREVIEW_CHARS || (appliedFile?.content?.length ?? 0) >= LARGE_PATCH_FILE_CHARS));
-  const largePatchPreview = useMemo37(() => {
+  const largePatchPreview = useMemo38(() => {
     if (!shouldUseLargePatchFallback)
       return null;
     return getTailByCharCount(tab.patch ?? "Patch content is not available yet.", LARGE_PATCH_PREVIEW_TAIL_CHARS);
   }, [shouldUseLargePatchFallback, tab.patch]);
-  const patchHighlights = useMemo37(() => getPatchLineHighlights(tab.patch, tab.path, tab.changedLines), [tab.patch, tab.path, tab.changedLines]);
-  const patchTextLineTones = useMemo37(() => getPatchTextLineTones(tab.patch), [tab.patch]);
-  const writePreview = useMemo37(() => tab.toolName === "write" && tab.content !== undefined ? getOptimizedWritePreview(tab.content, tab.status) : null, [tab.toolName, tab.content, tab.status]);
+  const patchHighlights = useMemo38(() => getPatchLineHighlights(tab.patch, tab.path, tab.changedLines), [tab.patch, tab.path, tab.changedLines]);
+  const patchTextLineTones = useMemo38(() => getPatchTextLineTones(tab.patch), [tab.patch]);
+  const writePreview = useMemo38(() => tab.toolName === "write" && tab.content !== undefined ? getOptimizedWritePreview(tab.content, tab.status) : null, [tab.toolName, tab.content, tab.status]);
   const scrollSignal = `${tab.content?.length ?? 0}:${tab.patch?.length ?? 0}:${appliedFile?.content?.length ?? 0}`;
-  const livePatchPreview = useMemo37(() => isPatchPreview && tab.status !== "success" && !shouldUseLargePatchFallback && appliedFile?.content !== undefined ? buildLivePatchPreview(tab.baseContent ?? appliedFile.content, tab.patch, tab.path) : null, [
+  const livePatchPreview = useMemo38(() => isPatchPreview && tab.status !== "success" && !shouldUseLargePatchFallback && appliedFile?.content !== undefined ? buildLivePatchPreview(tab.baseContent ?? appliedFile.content, tab.patch, tab.path) : null, [
     isPatchPreview,
     tab.status,
     tab.baseContent,
@@ -36311,7 +36332,7 @@ function ToolPreviewPanel({ tab }) {
     appliedFile?.content,
     shouldUseLargePatchFallback
   ]);
-  const persistedPatchPreview = useMemo37(() => {
+  const persistedPatchPreview = useMemo38(() => {
     if (!tab.previewContent || !tab.previewLineTones)
       return null;
     return {
@@ -36684,7 +36705,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
     return () => document.removeEventListener("keydown", handleOpenBtw);
   }, [isViewerOpen, openBtwForActiveSelection, selectedFile]);
   const effectiveHighlight = patchPreview || writePreview ? undefined : highlight;
-  const persistedPatchPreview = useMemo38(() => {
+  const persistedPatchPreview = useMemo39(() => {
     if (!patchPreview?.previewContent || !patchPreview.previewLineTones) {
       return null;
     }
@@ -36697,7 +36718,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
     };
   }, [patchPreview]);
   const patchBaseContent = patchPreview ? patchPreview.baseContent ?? data?.content ?? "" : undefined;
-  const livePatchPreview = useMemo38(() => selectedFile && patchPreview?.patch && patchBaseContent !== undefined ? buildLivePatchPreview(patchBaseContent, patchPreview.patch, selectedFile) : null, [selectedFile, patchPreview?.patch, patchBaseContent]);
+  const livePatchPreview = useMemo39(() => selectedFile && patchPreview?.patch && patchBaseContent !== undefined ? buildLivePatchPreview(patchBaseContent, patchPreview.patch, selectedFile) : null, [selectedFile, patchPreview?.patch, patchBaseContent]);
   const activePatchPreview = patchPreview?.status === "success" ? persistedPatchPreview ?? livePatchPreview : livePatchPreview ?? persistedPatchPreview;
   useEffect65(() => {
     if (!selectedFile || !patchPreview || !livePatchPreview)
@@ -36748,7 +36769,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
   const highlightStart = effectiveHighlight?.startLine;
   const highlightEnd = effectiveHighlight?.endLine ?? highlightStart;
   const patchChangedLines = patchPreview?.changedLines;
-  const persistentLineTones = useMemo38(() => {
+  const persistentLineTones = useMemo39(() => {
     if (!annotations?.length)
       return;
     const tones = new Map;
@@ -36760,7 +36781,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
     }
     return tones.size > 0 ? tones : undefined;
   }, [annotations]);
-  const writePreviewLineTones = useMemo38(() => {
+  const writePreviewLineTones = useMemo39(() => {
     if (writePreview?.content === undefined)
       return;
     const tones = new Map;
@@ -36770,7 +36791,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
       tones.set(line, "add");
     return tones;
   }, [writePreview?.content]);
-  const highlightedLines = useMemo38(() => {
+  const highlightedLines = useMemo39(() => {
     if (highlightStart && highlightEnd) {
       return new Set(Array.from({ length: highlightEnd - highlightStart + 1 }, (_, index) => highlightStart + index));
     }
@@ -36781,7 +36802,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
   }, [highlightStart, highlightEnd, activePatchPreview, patchChangedLines]);
   const fallbackPatchHighlightStart = !activePatchPreview && patchChangedLines?.length ? Math.min(...patchChangedLines) : undefined;
   const scrollToHighlightLine = highlightStart ?? fallbackPatchHighlightStart;
-  const activePatchLineTones = useMemo38(() => {
+  const activePatchLineTones = useMemo39(() => {
     if (!activePatchPreview)
       return persistentLineTones;
     const tones = new Map(persistentLineTones);
@@ -36794,7 +36815,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
     }
     return tones;
   }, [activePatchPreview, patchChangedLines, persistentLineTones]);
-  const patchChangeCount = useMemo38(() => {
+  const patchChangeCount = useMemo39(() => {
     const patchTextCount = countPatchTextChanges(patchPreview?.patch, selectedFile);
     if (patchTextCount)
       return patchTextCount;
@@ -36811,7 +36832,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
     patchPreview?.previewLineTones,
     patchChangedLines
   ]);
-  const writeChangeCount = useMemo38(() => {
+  const writeChangeCount = useMemo39(() => {
     if (writePreview?.changeCount)
       return writePreview.changeCount;
     if (writePreview?.content === undefined)
@@ -37010,7 +37031,7 @@ var FileViewerPanel = memo58(function FileViewerPanel2({
   });
 });
 // src/components/file-browser/QuickFilePicker.tsx
-import { memo as memo59, useState as useState60, useEffect as useEffect66, useRef as useRef45, 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 useMemo40 } from "react";
 import { FileCode as FileCode3, Search as Search11 } from "lucide-react";
 
 // src/stores/filePickerStore.ts
@@ -37059,8 +37080,8 @@ var QuickFilePickerContent = memo59(function QuickFilePickerContent2() {
   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(() => {
+  const ignoredSet = useMemo40(() => new Set(filesData?.ignoredFiles ?? []), [filesData?.ignoredFiles]);
+  const filtered = useMemo40(() => {
     if (!filesData?.files)
       return [];
     if (!query)
@@ -40604,7 +40625,7 @@ var OnboardingModal = memo64(function OnboardingModal2({
   });
 });
 // src/components/dashboard/UsageDashboard.tsx
-import { useCallback as useCallback49, useEffect as useEffect72, useMemo as useMemo40, useState as useState64 } from "react";
+import { useCallback as useCallback49, useEffect as useEffect72, useMemo as useMemo41, 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) {
@@ -40654,7 +40675,7 @@ function authColor(t) {
 function DailyChart({ data }) {
   const [tab, setTab] = useState64("cost");
   const [hover, setHover] = useState64(null);
-  const max = useMemo40(() => {
+  const max = useMemo41(() => {
     if (tab === "tokens") {
       return data.reduce((m, d) => Math.max(m, d.inputTokens + d.outputTokens), 0);
     }
@@ -41207,7 +41228,7 @@ function UsageDashboard({ onBack }) {
     else
       window.location.assign("/");
   }, [onBack]);
-  const projectName = useMemo40(() => {
+  const projectName = useMemo41(() => {
     if (scope === "global") {
       const included = stats?.projects?.included.length ?? 0;
       const unavailable = stats?.projects?.unavailable.length ?? 0;
@@ -41832,7 +41853,7 @@ function useClientEvents(activeSessionId) {
   return buildClientEventsStreamUrl({ baseUrl: getBaseUrl() });
 }
 // src/hooks/useTheme.ts
-import { useCallback as useCallback50, useEffect as useEffect74, useMemo as useMemo41, useState as useState65 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect74, useMemo as useMemo42, useState as useState65 } from "react";
 function normalizeTheme(theme) {
   return theme === "light" ? "light" : "dark";
 }
@@ -41871,7 +41892,7 @@ function useTheme() {
   const toggleTheme = useCallback50(() => {
     setTheme(theme === "dark" ? "light" : "dark");
   }, [setTheme, theme]);
-  return useMemo41(() => ({ theme, setTheme, toggleTheme }), [theme, setTheme, toggleTheme]);
+  return useMemo42(() => ({ theme, setTheme, toggleTheme }), [theme, setTheme, toggleTheme]);
 }
 // src/hooks/useWorkingDirectory.ts
 import { useEffect as useEffect75, useState as useState66 } from "react";
@@ -42810,4 +42831,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=13247ABCDC55D64D64756E2164756E21
+//# debugId=4909A74B3DBE853264756E2164756E21