@ottocode/web-sdk 0.1.230 → 0.1.231

package/dist/components/index.js

@@ -583,7 +583,6 @@ import {
   FileText as FileText2,
   FileIcon,
   FlaskConical,
-  RefreshCw as RefreshCw2,
   ChevronUp
 } from "lucide-react";
 
@@ -1707,6 +1706,26 @@ function useUpdateDefaults() {
   const queryClient = useQueryClient();
   return useMutation({
     mutationFn: (data) => apiClient.updateDefaults(data),
+    onMutate: async (data) => {
+      await queryClient.cancelQueries({ queryKey: ["config"] });
+      const previousConfig = queryClient.getQueryData(["config"]);
+      if (previousConfig) {
+        const defaultUpdates = Object.fromEntries(Object.entries(data).filter(([key, value]) => key !== "scope" && value !== undefined));
+        queryClient.setQueryData(["config"], {
+          ...previousConfig,
+          defaults: {
+            ...previousConfig.defaults,
+            ...defaultUpdates
+          }
+        });
+      }
+      return { previousConfig };
+    },
+    onError: (_error, _data, context) => {
+      if (context?.previousConfig) {
+        queryClient.setQueryData(["config"], context.previousConfig);
+      }
+    },
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["config"] });
     }
@@ -1716,28 +1735,27 @@ function useUpdateDefaults() {
 // src/hooks/usePreferences.ts
 import { useCallback as useCallback4, useMemo as useMemo2, useSyncExternalStore } from "react";
 var STORAGE_KEY = "otto-preferences";
-var DEFAULT_PREFERENCES = {
+var DEFAULT_STORED_PREFERENCES = {
   vimMode: false,
-  compactThread: true,
-  fullWidthContent: false
+  compactThread: true
 };
 function resolveInitialPreferences() {
   if (typeof window === "undefined") {
-    return DEFAULT_PREFERENCES;
+    return DEFAULT_STORED_PREFERENCES;
   }
   try {
     const stored = window.localStorage.getItem(STORAGE_KEY);
     if (stored) {
       const parsed = JSON.parse(stored);
       return {
-        ...DEFAULT_PREFERENCES,
-        ...parsed
+        vimMode: typeof parsed.vimMode === "boolean" ? parsed.vimMode : DEFAULT_STORED_PREFERENCES.vimMode,
+        compactThread: typeof parsed.compactThread === "boolean" ? parsed.compactThread : DEFAULT_STORED_PREFERENCES.compactThread
       };
     }
   } catch (error) {
     console.warn("Failed to load preferences", error);
   }
-  return DEFAULT_PREFERENCES;
+  return DEFAULT_STORED_PREFERENCES;
 }
 var preferences = resolveInitialPreferences();
 var listeners = new Set;
@@ -1745,7 +1763,7 @@ function getSnapshot() {
   return preferences;
 }
 function getServerSnapshot() {
-  return DEFAULT_PREFERENCES;
+  return DEFAULT_STORED_PREFERENCES;
 }
 function subscribe(listener) {
   listeners.add(listener);
@@ -1769,10 +1787,31 @@ function updateStore(updates) {
 }
 function usePreferences() {
   const currentPreferences = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const { data: config2 } = useConfig();
+  const updateDefaults = useUpdateDefaults();
   const updatePreferences = useCallback4((updates) => {
-    updateStore(updates);
-  }, []);
-  return useMemo2(() => ({ preferences: currentPreferences, updatePreferences }), [currentPreferences, updatePreferences]);
+    const localUpdates = {};
+    if (updates.vimMode !== undefined) {
+      localUpdates.vimMode = updates.vimMode;
+    }
+    if (updates.compactThread !== undefined) {
+      localUpdates.compactThread = updates.compactThread;
+    }
+    if (Object.keys(localUpdates).length > 0) {
+      updateStore(localUpdates);
+    }
+    if (updates.fullWidthContent !== undefined && updates.fullWidthContent !== config2?.defaults?.fullWidthContent) {
+      updateDefaults.mutate({
+        fullWidthContent: updates.fullWidthContent,
+        scope: "global"
+      });
+    }
+  }, [config2?.defaults?.fullWidthContent, updateDefaults]);
+  const resolvedPreferences = useMemo2(() => ({
+    ...currentPreferences,
+    fullWidthContent: config2?.defaults?.fullWidthContent ?? false
+  }), [currentPreferences, config2?.defaults?.fullWidthContent]);
+  return useMemo2(() => ({ preferences: resolvedPreferences, updatePreferences }), [resolvedPreferences, updatePreferences]);
 }
 
 // src/hooks/useShareStatus.ts
@@ -3199,10 +3238,9 @@ var ChatInput = memo3(forwardRef5(function ChatInput2({
   modelName,
   providerName,
   authType,
+  isFreeModel,
   researchContexts = [],
   onResearchContextRemove,
-  onRefreshBalance,
-  isBalanceLoading = false,
   onModelInfoClick,
   agent,
   agents = [],
@@ -3220,26 +3258,16 @@ var ChatInput = memo3(forwardRef5(function ChatInput2({
   const updateDefaultsMutation = useUpdateDefaults();
   const files = filesData?.files || [];
   const changedFiles = filesData?.changedFiles || [];
-  const setuBalance = useSetuStore((s) => s.balance);
   const setuSubscription = useSetuStore((s) => s.subscription);
-  const setuPayg = useSetuStore((s) => s.payg);
   const isSetu = providerName === "setu";
-  const setuStatusLabel = useMemo4(() => {
+  const setuPlanLabel = useMemo4(() => {
     if (!isSetu)
       return null;
-    const effectivePayg = setuPayg?.effectiveSpendableUsd !== undefined ? setuPayg.effectiveSpendableUsd : setuBalance;
     if (setuSubscription?.active) {
-      const credits = `${setuSubscription.creditsRemaining?.toFixed(1) ?? "—"} credits`;
-      if (effectivePayg !== null && effectivePayg !== undefined && effectivePayg > 0) {
-        return `GO ${credits} · $${effectivePayg.toFixed(2)}`;
-      }
-      return `GO ${credits}`;
-    }
-    if (effectivePayg !== null && effectivePayg !== undefined) {
-      return `$${effectivePayg.toFixed(2)}`;
+      return setuSubscription.tierName ?? "GO";
     }
     return null;
-  }, [isSetu, setuPayg, setuBalance, setuSubscription]);
+  }, [isSetu, setuSubscription]);
   useEffect7(() => {
     if (!showAgentDropdown)
       return;
@@ -3640,57 +3668,47 @@ var ChatInput = memo3(forwardRef5(function ChatInput2({
                 }),
                 /* @__PURE__ */ jsx14("div", {
                   className: "justify-self-center",
-                  children: (providerName || modelName || authType) && /* @__PURE__ */ jsxs8("div", {
+                  children: (providerName || modelName || authType) && /* @__PURE__ */ jsx14("div", {
                     className: "text-[10px] text-muted-foreground flex items-center gap-1 px-2 py-0.5",
-                    children: [
-                      /* @__PURE__ */ jsxs8("button", {
-                        type: "button",
-                        onClick: onModelInfoClick,
-                        className: "flex items-center gap-1 transition-colors hover:text-foreground cursor-pointer",
-                        children: [
-                          providerName && /* @__PURE__ */ jsxs8(Fragment2, {
-                            children: [
-                              /* @__PURE__ */ jsx14(ProviderLogo, {
-                                provider: providerName,
-                                size: 12,
-                                className: "opacity-70"
-                              }),
-                              /* @__PURE__ */ jsx14("span", {
-                                className: "opacity-40",
-                                children: "/"
-                              })
-                            ]
-                          }),
-                          modelName && /* @__PURE__ */ jsx14("span", {
-                            children: modelName
-                          }),
-                          authType && authType === "oauth" && /* @__PURE__ */ jsx14("span", {
-                            className: "opacity-50",
-                            children: "(pro)"
-                          })
-                        ]
-                      }),
-                      isSetu && setuStatusLabel && /* @__PURE__ */ jsxs8(Fragment2, {
-                        children: [
-                          /* @__PURE__ */ jsx14("span", {
-                            className: "text-emerald-600 dark:text-emerald-400",
-                            children: setuStatusLabel
-                          }),
-                          onRefreshBalance && /* @__PURE__ */ jsx14("button", {
-                            type: "button",
-                            onClick: (e) => {
-                              e.stopPropagation();
-                              onRefreshBalance();
-                            },
-                            disabled: isBalanceLoading,
-                            className: "p-0.5 hover:bg-background/50 rounded transition-colors disabled:opacity-50",
-                            children: /* @__PURE__ */ jsx14(RefreshCw2, {
-                              className: `h-2.5 w-2.5 text-muted-foreground ${isBalanceLoading ? "animate-spin" : ""}`
+                    children: /* @__PURE__ */ jsxs8("button", {
+                      type: "button",
+                      onClick: onModelInfoClick,
+                      className: "flex items-center gap-1 transition-colors hover:text-foreground cursor-pointer",
+                      children: [
+                        providerName && /* @__PURE__ */ jsxs8(Fragment2, {
+                          children: [
+                            /* @__PURE__ */ jsx14(ProviderLogo, {
+                              provider: providerName,
+                              size: 12,
+                              className: "opacity-70"
+                            }),
+                            /* @__PURE__ */ jsx14("span", {
+                              className: "opacity-40",
+                              children: "/"
                             })
-                          })
-                        ]
-                      })
-                    ]
+                          ]
+                        }),
+                        modelName && /* @__PURE__ */ jsx14("span", {
+                          children: modelName
+                        }),
+                        authType && authType === "oauth" && /* @__PURE__ */ jsx14("span", {
+                          className: "opacity-50",
+                          children: "(pro)"
+                        }),
+                        isSetu && setuPlanLabel && /* @__PURE__ */ jsxs8("span", {
+                          className: "opacity-50",
+                          children: [
+                            "(",
+                            setuPlanLabel.toLowerCase(),
+                            ")"
+                          ]
+                        }),
+                        isFreeModel && /* @__PURE__ */ jsx14("span", {
+                          className: "opacity-50",
+                          children: "(free)"
+                        })
+                      ]
+                    })
                   })
                 }),
                 /* @__PURE__ */ jsxs8("div", {
@@ -3749,8 +3767,8 @@ var ChatInput = memo3(forwardRef5(function ChatInput2({
 import {
   memo as memo4,
   useState as useState12,
-  useCallback as useCallback11,
-  useEffect as useEffect13,
+  useCallback as useCallback10,
+  useEffect as useEffect12,
   useRef as useRef7,
   forwardRef as forwardRef8,
   useImperativeHandle as useImperativeHandle4,
@@ -4821,79 +4839,13 @@ function formatResearchContextForMessage(contexts) {
 `);
 }
 
-// src/hooks/useSetuBalance.ts
-import { useEffect as useEffect9, useCallback as useCallback10 } from "react";
-function useSetuBalance(providerName) {
-  const setBalance = useSetuStore((s) => s.setBalance);
-  const setUsdcBalance = useSetuStore((s) => s.setUsdcBalance);
-  const setWalletAddress = useSetuStore((s) => s.setWalletAddress);
-  const setLoading = useSetuStore((s) => s.setLoading);
-  const setScope = useSetuStore((s) => s.setScope);
-  const setPayg = useSetuStore((s) => s.setPayg);
-  const setSubscription = useSetuStore((s) => s.setSubscription);
-  const setLimits = useSetuStore((s) => s.setLimits);
-  const balance = useSetuStore((s) => s.balance);
-  const usdcBalance = useSetuStore((s) => s.usdcBalance);
-  const network = useSetuStore((s) => s.network);
-  const fetchBalance = useCallback10(async () => {
-    if (providerName !== "setu") {
-      return;
-    }
-    setLoading(true);
-    try {
-      const [setuData, usdcData, walletData] = await Promise.all([
-        apiClient.getSetuBalance(),
-        apiClient.getSetuUsdcBalance(network),
-        apiClient.getSetuWallet()
-      ]);
-      if (setuData) {
-        setBalance(setuData.balance);
-        setWalletAddress(setuData.walletAddress);
-        setScope(setuData.scope ?? null);
-        setPayg(setuData.payg ?? null);
-        setSubscription(setuData.subscription ?? null);
-        setLimits(setuData.limits ?? null);
-      } else if (walletData?.configured && walletData.publicKey) {
-        setWalletAddress(walletData.publicKey);
-      }
-      if (usdcData) {
-        setUsdcBalance(usdcData.usdcBalance);
-        if (!setuData && usdcData.walletAddress) {
-          setWalletAddress(usdcData.walletAddress);
-        }
-      }
-    } catch {} finally {
-      setLoading(false);
-    }
-  }, [
-    providerName,
-    network,
-    setBalance,
-    setUsdcBalance,
-    setWalletAddress,
-    setLoading,
-    setScope,
-    setPayg,
-    setSubscription,
-    setLimits
-  ]);
-  useEffect9(() => {
-    if (providerName === "setu" && (balance === null || usdcBalance === null)) {
-      fetchBalance();
-    }
-  }, [providerName, balance, usdcBalance, fetchBalance]);
-  return {
-    fetchBalance
-  };
-}
-
 // src/components/chat/ConfigModal.tsx
-import { useEffect as useEffect12, useRef as useRef6, useState as useState11, useLayoutEffect } from "react";
+import { useEffect as useEffect11, useRef as useRef6, useState as useState11, useLayoutEffect } from "react";
 
 // src/components/chat/UnifiedModelSelector.tsx
 import {
   useState as useState9,
-  useEffect as useEffect10,
+  useEffect as useEffect9,
   useRef as useRef4,
   useMemo as useMemo6,
   useImperativeHandle as useImperativeHandle2,
@@ -5014,12 +4966,12 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
     }
     return list;
   }, [filteredModels]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (isOpen) {
       setHighlightedIndex(0);
     }
   }, [isOpen]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (isOpen && highlightedIndex >= 0 && highlightedIndex < itemRefs.current.length) {
       itemRefs.current[highlightedIndex]?.scrollIntoView({
         block: "nearest",
@@ -5027,7 +4979,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
       });
     }
   }, [highlightedIndex, isOpen]);
-  useEffect10(() => {
+  useEffect9(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -5199,7 +5151,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
 // src/components/chat/UnifiedAgentSelector.tsx
 import {
   useState as useState10,
-  useEffect as useEffect11,
+  useEffect as useEffect10,
   useRef as useRef5,
   useMemo as useMemo7,
   useImperativeHandle as useImperativeHandle3,
@@ -5232,12 +5184,12 @@ var UnifiedAgentSelector = forwardRef7(function UnifiedAgentSelector2({ agent, a
     const results = fuse.search(searchQuery);
     return results.map((result) => result.item);
   }, [agents, searchQuery, fuse]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (isOpen) {
       setHighlightedIndex(0);
     }
   }, [isOpen]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (isOpen && highlightedIndex >= 0 && highlightedIndex < itemRefs.current.length) {
       itemRefs.current[highlightedIndex]?.scrollIntoView({
         block: "nearest",
@@ -5245,7 +5197,7 @@ var UnifiedAgentSelector = forwardRef7(function UnifiedAgentSelector2({ agent, a
       });
     }
   }, [highlightedIndex, isOpen]);
-  useEffect11(() => {
+  useEffect10(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -5434,7 +5386,7 @@ function ConfigModal({
   const reasoningLevel = config2?.defaults?.reasoningLevel ?? "high";
   const agentSelectorRef = useRef6(null);
   const modelSelectorRef = useRef6(null);
-  useEffect12(() => {
+  useEffect11(() => {
     if (isOpen && initialFocus) {
       setTimeout(() => {
         if (initialFocus === "agent") {
@@ -5564,6 +5516,7 @@ var ChatInputContainer = memo4(forwardRef8(function ChatInputContainer2({ sessio
   const modelSupportsReasoning = allModels?.[provider]?.models?.find((m) => m.id === model)?.reasoningText;
   const modelSupportsVision = allModels?.[provider]?.models?.find((m) => m.id === model)?.vision;
   const modelSupportsAttachment = allModels?.[provider]?.models?.find((m) => m.id === model)?.attachment;
+  const modelIsFree = allModels?.[provider]?.models?.find((m) => m.id === model)?.free;
   const {
     images,
     documents,
@@ -5584,29 +5537,27 @@ var ChatInputContainer = memo4(forwardRef8(function ChatInputContainer2({ sessio
     id: ctx.id,
     label: ctx.label
   })), [pendingResearchContexts]);
-  const handleResearchContextRemove = useCallback11((contextId) => {
+  const handleResearchContextRemove = useCallback10((contextId) => {
     removeResearchContext(sessionId, contextId);
   }, [sessionId, removeResearchContext]);
   const providerAuthType = allModels?.[provider]?.authType;
-  const { fetchBalance } = useSetuBalance(provider);
-  const isBalanceLoading = useSetuStore((s) => s.isLoading);
-  useEffect13(() => {
+  useEffect12(() => {
     if (session) {
       setAgent(session.agent);
       setProvider(session.provider);
       setModel(session.model);
     }
   }, [session]);
-  useEffect13(() => {
+  useEffect12(() => {
     setActiveSessionId(sessionId);
     return () => setActiveSessionId(null);
   }, [sessionId, setActiveSessionId]);
-  useEffect13(() => {
+  useEffect12(() => {
     setInputKey((prev) => prev + 1);
   }, []);
   const pendingRestoreText = useQueueStore((state) => state.pendingRestoreText);
   const consumeRestoreText = useQueueStore((state) => state.consumeRestoreText);
-  useEffect13(() => {
+  useEffect12(() => {
     if (pendingRestoreText) {
       const text = consumeRestoreText();
       if (text) {
@@ -5619,7 +5570,7 @@ var ChatInputContainer = memo4(forwardRef8(function ChatInputContainer2({ sessio
       chatInputRef.current?.focus();
     }
   }));
-  const handleSendMessage = useCallback11(async (content) => {
+  const handleSendMessage = useCallback10(async (content) => {
     try {
       const researchCtxs = consumeResearchContexts(sessionId);
       const researchPrefix = formatResearchContextForMessage(researchCtxs);
@@ -5667,14 +5618,14 @@ ${content}` : content;
     config2?.defaults?.reasoningText,
     modelSupportsReasoning
   ]);
-  const handleToggleConfig = useCallback11(() => {
+  const handleToggleConfig = useCallback10(() => {
     setIsConfigOpen((prev) => !prev);
   }, []);
-  const handleCloseConfig = useCallback11(() => {
+  const handleCloseConfig = useCallback10(() => {
     setIsConfigOpen(false);
     setConfigFocusTarget(null);
   }, []);
-  const handleCommand = useCallback11(async (commandId) => {
+  const handleCommand = useCallback10(async (commandId) => {
     if (commandId === "models") {
       setConfigFocusTarget("model");
       setIsConfigOpen(true);
@@ -5746,7 +5697,7 @@ ${content}` : content;
     onDeleteSession,
     queryClient
   ]);
-  const handleAgentChange = useCallback11(async (value) => {
+  const handleAgentChange = useCallback10(async (value) => {
     setAgent(value);
     try {
       await updateSession.mutateAsync({ agent: value });
@@ -5754,7 +5705,7 @@ ${content}` : content;
       console.error("Failed to update agent:", error);
     }
   }, [updateSession]);
-  const handleModelSelectorChange = useCallback11(async (newProvider, newModel) => {
+  const handleModelSelectorChange = useCallback10(async (newProvider, newModel) => {
     setProvider(newProvider);
     setModel(newModel);
     try {
@@ -5766,7 +5717,7 @@ ${content}` : content;
       console.error("Failed to update model:", error);
     }
   }, [updateSession]);
-  const handleProviderChange = useCallback11(async (newProvider) => {
+  const handleProviderChange = useCallback10(async (newProvider) => {
     setProvider(newProvider);
     if (model) {
       try {
@@ -5779,7 +5730,7 @@ ${content}` : content;
       }
     }
   }, [model, updateSession]);
-  const handleModelChange = useCallback11(async (newModel) => {
+  const handleModelChange = useCallback10(async (newModel) => {
     setModel(newModel);
     try {
       await updateSession.mutateAsync({ provider, model: newModel });
@@ -5787,7 +5738,7 @@ ${content}` : content;
       console.error("Failed to update model:", error);
     }
   }, [provider, updateSession]);
-  const handlePlanModeToggle = useCallback11(async (isPlanMode) => {
+  const handlePlanModeToggle = useCallback10(async (isPlanMode) => {
     const newAgent = isPlanMode ? "plan" : "build";
     setAgent(newAgent);
     try {
@@ -5832,10 +5783,9 @@ ${content}` : content;
         modelName: model,
         providerName: provider,
         authType: providerAuthType,
+        isFreeModel: modelIsFree,
         researchContexts,
         onResearchContextRemove: handleResearchContextRemove,
-        onRefreshBalance: provider === "setu" ? fetchBalance : undefined,
-        isBalanceLoading,
         onModelInfoClick: () => {
           setConfigFocusTarget("model");
           setIsConfigOpen(true);
@@ -5848,7 +5798,7 @@ ${content}` : content;
   });
 }));
 // src/components/chat/ConfigSelector.tsx
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { Settings } from "lucide-react";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function ConfigSelector({
@@ -5869,7 +5819,7 @@ function ConfigSelector({
     provider,
     model
   });
-  useEffect14(() => {
+  useEffect13(() => {
     if (config2 && !agent && !provider && !model) {
       onAgentChange(config2.defaults.agent);
       onProviderChange(config2.defaults.provider);
@@ -5884,7 +5834,7 @@ function ConfigSelector({
     onProviderChange,
     onModelChange
   ]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (modelsData && modelsData.models.length > 0) {
       const currentModelExists = modelsData.models.some((m) => m.id === model);
       if (!currentModelExists) {
@@ -5989,12 +5939,12 @@ function StopButton({ sessionId, onStop, disabled }) {
   });
 }
 // src/components/messages/MessageThread.tsx
-import { useEffect as useEffect21, useRef as useRef13, useState as useState28, useMemo as useMemo14, memo as memo12, useCallback as useCallback15 } from "react";
+import { useEffect as useEffect20, useRef as useRef13, useState as useState28, useMemo as useMemo14, memo as memo12, useCallback as useCallback14 } from "react";
 import { ArrowDown } from "lucide-react";
 import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
 
 // src/components/messages/AssistantMessageGroup.tsx
-import { memo as memo7, useState as useState24, useCallback as useCallback12, useMemo as useMemo10 } from "react";
+import { memo as memo7, useState as useState24, useCallback as useCallback11, useMemo as useMemo10 } from "react";
 import {
   Sparkles as Sparkles3,
   GitBranch as GitBranch5,
@@ -8697,7 +8647,7 @@ import { useState as useState17 } from "react";
 import {
   ChevronDown as ChevronDown4,
   ChevronRight as ChevronRight7,
-  RefreshCw as RefreshCw3,
+  RefreshCw as RefreshCw2,
   CreditCard as CreditCard2,
   Scissors
 } from "lucide-react";
@@ -8803,7 +8753,7 @@ function ErrorRenderer({
             onClick: onRetry,
             className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
             children: [
-              /* @__PURE__ */ jsx45(RefreshCw3, {
+              /* @__PURE__ */ jsx45(RefreshCw2, {
                 className: "w-3 h-3"
               }),
               "Retry"
@@ -8870,7 +8820,7 @@ function ErrorRenderer({
             onClick: onRetry,
             className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
             children: [
-              /* @__PURE__ */ jsx45(RefreshCw3, {
+              /* @__PURE__ */ jsx45(RefreshCw2, {
                 className: "w-3 h-3"
               }),
               "Retry"
@@ -8907,7 +8857,7 @@ function ErrorRenderer({
             onClick: onRetry,
             className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
             children: [
-              /* @__PURE__ */ jsx45(RefreshCw3, {
+              /* @__PURE__ */ jsx45(RefreshCw2, {
                 className: "w-3 h-3"
               }),
               "Retry"
@@ -8956,7 +8906,7 @@ function ErrorRenderer({
               onClick: onRetry,
               className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded border border-border text-foreground hover:bg-muted transition-colors",
               children: [
-                /* @__PURE__ */ jsx45(RefreshCw3, {
+                /* @__PURE__ */ jsx45(RefreshCw2, {
                   className: "w-3 h-3"
                 }),
                 "Retry"
@@ -9079,7 +9029,7 @@ function ErrorRenderer({
           onClick: onRetry,
           className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
           children: [
-            /* @__PURE__ */ jsx45(RefreshCw3, {
+            /* @__PURE__ */ jsx45(RefreshCw2, {
               className: "w-3 h-3"
             }),
             "Retry"
@@ -9734,7 +9684,7 @@ function DatabaseToolRenderer({
 }
 
 // src/components/messages/renderers/TerminalRenderer.tsx
-import { useEffect as useEffect15, useState as useState18 } from "react";
+import { useEffect as useEffect14, useState as useState18 } from "react";
 import { Terminal as Terminal4 } from "lucide-react";
 
 // src/lib/nerd-font.ts
@@ -9805,7 +9755,7 @@ function TerminalRenderer({
   compact
 }) {
   const [, setFontReady] = useState18(false);
-  useEffect15(() => {
+  useEffect14(() => {
     loadNerdFont().then(() => setFontReady(true));
   }, []);
   const result = contentJson.result || {};
@@ -10449,7 +10399,7 @@ function formatFileSize(bytes) {
   return `${(kb / 1024).toFixed(1)}MB`;
 }
 // src/components/messages/renderers/ReasoningRenderer.tsx
-import { useState as useState19, useRef as useRef8, useEffect as useEffect16 } from "react";
+import { useState as useState19, useRef as useRef8, useEffect as useEffect15 } from "react";
 import { ChevronDown as ChevronDown5, ChevronRight as ChevronRight9 } from "lucide-react";
 import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
 function ReasoningRenderer({ part }) {
@@ -10463,7 +10413,7 @@ function ReasoningRenderer({ part }) {
   } else if (typeof data === "string") {
     content = data;
   }
-  useEffect16(() => {
+  useEffect15(() => {
     if (scrollRef.current && isExpanded && !part.completedAt && !isHoveredRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -11211,7 +11161,7 @@ var MessagePartItem = memo6(function MessagePartItem2({
 });
 
 // src/components/messages/CompactActivityGroup.tsx
-import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useMemo as useMemo9, useRef as useRef9, useState as useState21 } from "react";
+import { useEffect as useEffect16, useLayoutEffect as useLayoutEffect2, useMemo as useMemo9, useRef as useRef9, useState as useState21 } from "react";
 import { Brain as Brain4, Search as Search6 } from "lucide-react";
 
 // src/components/messages/compactActivity.ts
@@ -11530,7 +11480,7 @@ function CompactActivityGroup({
   const summaryText = [summaryTitle, ...summary.details].join(" · ");
   const hasReasoning = entries.some((e) => e.toolName === "reasoning");
   const lastEntry = entries.length > 0 ? entries[entries.length - 1] : null;
-  useEffect17(() => {
+  useEffect16(() => {
     if (!collapsed && !latched) {
       setShowSummary(false);
       return;
@@ -11560,14 +11510,14 @@ function CompactActivityGroup({
     observer.observe(el);
     return () => observer.disconnect();
   }, [showSummary]);
-  useEffect17(() => {
+  useEffect16(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     if (showSummary || hoveredRef.current)
       return;
     const el = scrollRef.current;
@@ -11604,7 +11554,7 @@ function CompactActivityGroup({
     };
     scrollAnimationRef.current = window.requestAnimationFrame(tick);
   }, [entries.length, lastEntry?.fullText, showSummary, contentHeight]);
-  useEffect17(() => {
+  useEffect16(() => {
     prevCountRef.current = entries.length;
   }, [entries.length]);
   const isLive = !showSummary;
@@ -11727,7 +11677,7 @@ function CompactActivityGroup({
 }
 
 // src/components/messages/ActionToolBox.tsx
-import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useRef as useRef10, useState as useState22 } from "react";
+import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect3, useRef as useRef10, useState as useState22 } from "react";
 import {
   Terminal as Terminal6,
   FileEdit as FileEdit3,
@@ -11862,7 +11812,7 @@ function ActionToolBox({ part, showLine }) {
   const streamedContent = getContentFromStream(toolName, streamedInput);
   const displayContent = toolName === "bash" ? streamedOutput || streamedContent || (args ? getContentFromArgs(toolName, args) : "") : args ? getContentFromArgs(toolName, args) : streamedContent;
   const hasDisplayContent = displayContent.trim().length > 0;
-  useEffect18(() => {
+  useEffect17(() => {
     if (!isComplete && !latched) {
       setShowSummary(false);
       return;
@@ -11888,14 +11838,14 @@ function ActionToolBox({ part, showLine }) {
     const nextHeight = Math.min(el.scrollHeight, MAX_SCROLL_H2 - 12);
     setContentHeight((prev) => prev === nextHeight ? prev : nextHeight);
   }, [displayContent, hasDisplayContent]);
-  useEffect18(() => {
+  useEffect17(() => {
     return () => {
       if (scrollAnimationRef.current !== null) {
         window.cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  useEffect18(() => {
+  useEffect17(() => {
     const el = scrollRef.current;
     if (!el || hoveredRef.current)
       return;
@@ -12433,7 +12383,7 @@ var AssistantMessageGroup = memo7(function AssistantMessageGroup2({
   const [showBranchModal, setShowBranchModal] = useState24(false);
   const [copied, setCopied] = useState24(false);
   const { pendingApprovals, removePendingApproval } = useToolApprovalStore();
-  const handleApprove = useCallback12(async (callId) => {
+  const handleApprove = useCallback11(async (callId) => {
     if (!sessionId)
       return;
     try {
@@ -12443,7 +12393,7 @@ var AssistantMessageGroup = memo7(function AssistantMessageGroup2({
       console.error("Failed to approve tool call:", error);
     }
   }, [sessionId, removePendingApproval]);
-  const handleReject = useCallback12(async (callId) => {
+  const handleReject = useCallback11(async (callId) => {
     if (!sessionId)
       return;
     try {
@@ -12456,7 +12406,7 @@ var AssistantMessageGroup = memo7(function AssistantMessageGroup2({
   const messagePendingApprovals = useMemo10(() => {
     return pendingApprovals.filter((a) => a.messageId === message.id);
   }, [pendingApprovals, message.id]);
-  const handleApproveAll = useCallback12(async () => {
+  const handleApproveAll = useCallback11(async () => {
     if (!sessionId)
       return;
     try {
@@ -12563,7 +12513,7 @@ var AssistantMessageGroup = memo7(function AssistantMessageGroup2({
     });
   };
   const isComplete = message.status === "complete";
-  const handleCopy = useCallback12(() => {
+  const handleCopy = useCallback11(() => {
     const textParts = parts.filter((p) => p.type === "text").map((p) => {
       try {
         const parsed = JSON.parse(p.content || "{}");
@@ -12577,7 +12527,7 @@ var AssistantMessageGroup = memo7(function AssistantMessageGroup2({
     setCopied(true);
     setTimeout(() => setCopied(false), 2000);
   }, [parts]);
-  const handleBranchClick = useCallback12(() => {
+  const handleBranchClick = useCallback11(() => {
     setShowBranchModal(true);
   }, []);
   if (isQueued) {
@@ -13153,11 +13103,11 @@ import {
   ArrowUpRight,
   Share2 as Share22,
   ExternalLink as ExternalLink4,
-  RefreshCw as RefreshCw4
+  RefreshCw as RefreshCw3
 } from "lucide-react";
 
 // src/components/sessions/EditableTitle.tsx
-import { useState as useState26, useRef as useRef11, useEffect as useEffect19, useCallback as useCallback13 } from "react";
+import { useState as useState26, useRef as useRef11, useEffect as useEffect18, useCallback as useCallback12 } from "react";
 import { Pencil as Pencil2 } from "lucide-react";
 import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
 function EditableTitle({
@@ -13169,23 +13119,23 @@ function EditableTitle({
   const [draft, setDraft] = useState26(title || "");
   const inputRef = useRef11(null);
   const { mutate: updateSession } = useUpdateSession(sessionId);
-  useEffect19(() => {
+  useEffect18(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isEditing]);
-  useEffect19(() => {
+  useEffect18(() => {
     setDraft(title || "");
   }, [title]);
-  const save = useCallback13(() => {
+  const save = useCallback12(() => {
     const trimmed = draft.trim();
     if (trimmed && trimmed !== (title || "")) {
       updateSession({ title: trimmed });
     }
     setIsEditing(false);
   }, [draft, title, updateSession]);
-  const cancel = useCallback13(() => {
+  const cancel = useCallback12(() => {
     setDraft(title || "");
     setIsEditing(false);
   }, [title]);
@@ -13349,7 +13299,7 @@ function SessionHeader({
                 shareStatus.pendingMessages && shareStatus.pendingMessages > 0 ? /* @__PURE__ */ jsxs52("span", {
                   className: "flex items-center gap-0.5 text-amber-600 dark:text-amber-400",
                   children: [
-                    /* @__PURE__ */ jsx60(RefreshCw4, {
+                    /* @__PURE__ */ jsx60(RefreshCw3, {
                       className: "h-2.5 w-2.5"
                     }),
                     shareStatus.pendingMessages
@@ -13454,7 +13404,7 @@ import {
   ArrowUpRight as ArrowUpRight2,
   Share2 as Share23,
   ExternalLink as ExternalLink5,
-  RefreshCw as RefreshCw5
+  RefreshCw as RefreshCw4
 } from "lucide-react";
 
 // src/components/common/UsageRing.tsx
@@ -13728,7 +13678,7 @@ var UsageModal = memo10(function UsageModal2() {
 });
 
 // src/hooks/useProviderUsage.ts
-import { useEffect as useEffect20, useCallback as useCallback14, useRef as useRef12 } from "react";
+import { useEffect as useEffect19, useCallback as useCallback13, useRef as useRef12 } from "react";
 var POLL_INTERVAL = 60000;
 var STALE_THRESHOLD = 30000;
 var inflight = new Set;
@@ -13738,7 +13688,7 @@ function useProviderUsage(provider, authType) {
   const setLastFetched = useUsageStore((s) => s.setLastFetched);
   const usage = useUsageStore((s) => provider ? s.usage[provider] : undefined);
   const isOAuthProvider = authType === "oauth" && (provider === "anthropic" || provider === "openai");
-  const fetchUsage = useCallback14(async () => {
+  const fetchUsage = useCallback13(async () => {
     if (!provider || !isOAuthProvider)
       return;
     if (inflight.has(provider))
@@ -13759,7 +13709,7 @@ function useProviderUsage(provider, authType) {
   }, [provider, isOAuthProvider, setUsage, setLoading, setLastFetched]);
   const fetchRef = useRef12(fetchUsage);
   fetchRef.current = fetchUsage;
-  useEffect20(() => {
+  useEffect19(() => {
     if (!isOAuthProvider)
       return;
     fetchRef.current();
@@ -13858,7 +13808,7 @@ function LeanHeader({
                     shareStatus.pendingMessages && shareStatus.pendingMessages > 0 ? /* @__PURE__ */ jsxs55("span", {
                       className: "flex items-center gap-0.5 text-amber-600 dark:text-amber-400",
                       children: [
-                        /* @__PURE__ */ jsx63(RefreshCw5, {
+                        /* @__PURE__ */ jsx63(RefreshCw4, {
                           className: "h-2.5 w-2.5"
                         }),
                         shareStatus.pendingMessages
@@ -14160,7 +14110,7 @@ var MessageThread = memo12(function MessageThread2({
   const pendingTopup = useTopupApprovalStore((s) => s.pendingTopup);
   const clearPendingTopup = useTopupApprovalStore((s) => s.clearPendingTopup);
   const showTopupApproval = pendingTopup && pendingTopup.sessionId === sessionId;
-  const handleScroll = useCallback15(() => {
+  const handleScroll = useCallback14(() => {
     const container = scrollContainerRef.current;
     if (!container)
       return;
@@ -14196,7 +14146,7 @@ var MessageThread = memo12(function MessageThread2({
       setShowLeanHeader(headerRect.bottom < containerRect.top);
     }
   }, []);
-  useEffect21(() => {
+  useEffect20(() => {
     if (disableAutoScroll)
       return;
     const sessionChanged = session?.id !== lastSessionIdRef.current;
@@ -14212,7 +14162,7 @@ var MessageThread = memo12(function MessageThread2({
       }
     }
   }, [messages.length, session?.id, disableAutoScroll]);
-  useEffect21(() => {
+  useEffect20(() => {
     if (disableAutoScroll)
       return;
     const justStartedGenerating = isGenerating && !prevIsGeneratingRef.current;
@@ -14236,7 +14186,7 @@ var MessageThread = memo12(function MessageThread2({
       setAutoScroll(true);
     }
   }, [messages.length, isGenerating, disableAutoScroll]);
-  useEffect21(() => {
+  useEffect20(() => {
     if (disableAutoScroll)
       return;
     const container = scrollContainerRef.current;
@@ -14266,7 +14216,7 @@ var MessageThread = memo12(function MessageThread2({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, [messages, autoScroll]);
-  useEffect21(() => {
+  useEffect20(() => {
     return () => {
       if (userScrollTimeoutRef.current) {
         clearTimeout(userScrollTimeoutRef.current);
@@ -14289,7 +14239,7 @@ var MessageThread = memo12(function MessageThread2({
     return messages.filter((message) => message.role !== "system");
   }, [messages]);
   const contentWidthClass = preferences2.fullWidthContent ? compact ? "w-full space-y-4" : "w-full space-y-6" : compact ? "max-w-3xl mx-auto space-y-4" : "max-w-3xl mx-auto space-y-6";
-  const createRetryHandler = useCallback15((messageId) => {
+  const createRetryHandler = useCallback14((messageId) => {
     return async () => {
       if (!sessionId)
         return;
@@ -14323,7 +14273,7 @@ var MessageThread = memo12(function MessageThread2({
       }
     };
   }, [sessionId, queryClient]);
-  const handleCompact = useCallback15(async () => {
+  const handleCompact = useCallback14(async () => {
     if (!sessionId)
       return;
     try {
@@ -14430,7 +14380,7 @@ var MessageThread = memo12(function MessageThread2({
 import { memo as memo15, useMemo as useMemo15 } from "react";
 
 // src/hooks/useSessionStream.ts
-import { useEffect as useEffect22, useRef as useRef14 } from "react";
+import { useEffect as useEffect21, useRef as useRef14 } from "react";
 import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
 
 // src/lib/sse-client.ts
@@ -14444,8 +14394,10 @@ class SSEClient {
     }
     this.abortController = new AbortController;
     this.running = true;
+    const isTunnel = !url.includes("localhost") && !url.includes("127.0.0.1");
     try {
       const response = await fetch(url, {
+        method: isTunnel ? "POST" : "GET",
         headers: { Accept: "text/event-stream" },
         signal: this.abortController.signal
       });
@@ -14554,7 +14506,7 @@ function useSessionStream(sessionId, enabled = true) {
     updatePendingApproval,
     setPendingApprovals
   } = useToolApprovalStore();
-  useEffect22(() => {
+  useEffect21(() => {
     if (!sessionId || !enabled) {
       return;
     }
@@ -15104,6 +15056,26 @@ function useSessionStream(sessionId, enabled = true) {
             const agent = typeof payload?.agent === "string" ? payload.agent : "";
             const provider = typeof payload?.provider === "string" ? payload.provider : "";
             const model = typeof payload?.model === "string" ? payload.model : "";
+            const content = typeof payload?.content === "string" ? payload.content : null;
+            const userParts = role === "user" && content ? [
+              {
+                id: `${id}-text`,
+                messageId: id,
+                index: 0,
+                stepIndex: null,
+                type: "text",
+                content: JSON.stringify({ text: content }),
+                contentJson: { text: content },
+                agent,
+                provider,
+                model,
+                startedAt: Date.now(),
+                completedAt: Date.now(),
+                toolName: null,
+                toolCallId: null,
+                toolDurationMs: null
+              }
+            ] : [];
             queryClient.setQueryData(["messages", sessionId], (oldMessages) => {
               if (!oldMessages)
                 return oldMessages;
@@ -15113,7 +15085,7 @@ function useSessionStream(sessionId, enabled = true) {
                 id,
                 sessionId,
                 role,
-                status: "pending",
+                status: role === "user" ? "complete" : "pending",
                 agent,
                 provider,
                 model,
@@ -15124,7 +15096,7 @@ function useSessionStream(sessionId, enabled = true) {
                 completionTokens: null,
                 totalTokens: null,
                 error: null,
-                parts: []
+                parts: userParts
               };
               const next = [...oldMessages, newMessage];
               next.sort((a, b) => a.createdAt - b.createdAt);
@@ -15270,11 +15242,11 @@ function useSessionStream(sessionId, enabled = true) {
 }
 
 // src/hooks/useToolApprovalShortcuts.ts
-import { useEffect as useEffect23, useCallback as useCallback16 } from "react";
+import { useEffect as useEffect22, useCallback as useCallback15 } from "react";
 function useToolApprovalShortcuts(sessionId) {
   const { pendingApprovals, removePendingApproval } = useToolApprovalStore();
   const sessionPendingApprovals = pendingApprovals;
-  const handleApprove = useCallback16(async (callId) => {
+  const handleApprove = useCallback15(async (callId) => {
     if (!sessionId)
       return;
     try {
@@ -15284,7 +15256,7 @@ function useToolApprovalShortcuts(sessionId) {
       console.error("Failed to approve tool call:", error);
     }
   }, [sessionId, removePendingApproval]);
-  const handleReject = useCallback16(async (callId) => {
+  const handleReject = useCallback15(async (callId) => {
     if (!sessionId)
       return;
     try {
@@ -15294,7 +15266,7 @@ function useToolApprovalShortcuts(sessionId) {
       console.error("Failed to reject tool call:", error);
     }
   }, [sessionId, removePendingApproval]);
-  const handleApproveAll = useCallback16(async () => {
+  const handleApproveAll = useCallback15(async () => {
     if (!sessionId)
       return;
     try {
@@ -15306,7 +15278,7 @@ function useToolApprovalShortcuts(sessionId) {
       console.error("Failed to approve all tool calls:", error);
     }
   }, [sessionId, sessionPendingApprovals, removePendingApproval]);
-  useEffect23(() => {
+  useEffect22(() => {
     if (!sessionId || sessionPendingApprovals.length === 0)
       return;
     const handleKeyDown = (e) => {
@@ -15337,13 +15309,13 @@ function useToolApprovalShortcuts(sessionId) {
 }
 
 // src/components/settings/SetuTopupModal.tsx
-import { memo as memo14, useState as useState29, useEffect as useEffect24, useCallback as useCallback17, useRef as useRef15 } from "react";
+import { memo as memo14, useState as useState29, useEffect as useEffect23, useCallback as useCallback16, useRef as useRef15 } from "react";
 import {
   CreditCard as CreditCard4,
   Wallet as Wallet2,
   Loader2 as Loader26,
   ExternalLink as ExternalLink6,
-  RefreshCw as RefreshCw6
+  RefreshCw as RefreshCw5
 } from "lucide-react";
 
 // src/components/common/StatusIndicator.tsx
@@ -15558,7 +15530,7 @@ var SetuTopupModal = memo14(function SetuTopupModal2() {
   const effectiveAmount = isCustom ? parseFloat(customAmount) || 0 : amount;
   const hasGoPlan = !!subscription?.active;
   const minAmount = gateway === "razorpay" ? MIN_AMOUNT_RAZORPAY : MIN_AMOUNT;
-  const fetchEstimate = useCallback17(async (amt) => {
+  const fetchEstimate = useCallback16(async (amt) => {
     if (amt < minAmount || amt > MAX_AMOUNT) {
       setEstimate(null);
       setRazorpayEstimate(null);
@@ -15582,20 +15554,20 @@ var SetuTopupModal = memo14(function SetuTopupModal2() {
       setIsLoadingEstimate(false);
     }
   }, [gateway, minAmount]);
-  useEffect24(() => {
+  useEffect23(() => {
     if (isOpen && effectiveAmount >= minAmount && view === "amount") {
       const timeout = setTimeout(() => fetchEstimate(effectiveAmount), 300);
       return () => clearTimeout(timeout);
     }
   }, [isOpen, effectiveAmount, fetchEstimate, view, minAmount]);
-  const stopPolling = useCallback17(() => {
+  const stopPolling = useCallback16(() => {
     if (pollRef.current) {
       clearInterval(pollRef.current);
       pollRef.current = null;
     }
     setIsPolling(false);
   }, []);
-  useEffect24(() => {
+  useEffect23(() => {
     if (!isOpen) {
       stopPolling();
       setView("amount");
@@ -15604,10 +15576,10 @@ var SetuTopupModal = memo14(function SetuTopupModal2() {
       setPollCount(0);
     }
   }, [isOpen, stopPolling]);
-  useEffect24(() => {
+  useEffect23(() => {
     return () => stopPolling();
   }, [stopPolling]);
-  const startPolling = useCallback17((checkoutId) => {
+  const startPolling = useCallback16((checkoutId) => {
     if (pollRef.current)
       return;
     setIsPolling(true);
@@ -15642,7 +15614,7 @@ var SetuTopupModal = memo14(function SetuTopupModal2() {
     setCustomAmount(value);
     setIsCustom(true);
   };
-  const openCheckoutUrl = useCallback17((url) => {
+  const openCheckoutUrl = useCallback16((url) => {
     if (window.self !== window.top) {
       window.parent.postMessage({ type: "otto-open-url", url }, "*");
     } else {
@@ -15840,7 +15812,7 @@ var SetuTopupModal = memo14(function SetuTopupModal2() {
                   children: [
                     isManualChecking ? /* @__PURE__ */ jsx67(Loader26, {
                       className: "w-4 h-4 animate-spin"
-                    }) : /* @__PURE__ */ jsx67(RefreshCw6, {
+                    }) : /* @__PURE__ */ jsx67(RefreshCw5, {
                       className: "w-4 h-4"
                     }),
                     isManualChecking ? "Checking..." : "Check Now"
@@ -16306,7 +16278,7 @@ var SessionItem = memo16(function SessionItem2({
   });
 });
 // src/components/sessions/SessionListContainer.tsx
-import { memo as memo17, useMemo as useMemo16, useCallback as useCallback18, useEffect as useEffect25, useRef as useRef16 } from "react";
+import { memo as memo17, useMemo as useMemo16, useCallback as useCallback17, useEffect as useEffect24, useRef as useRef16 } from "react";
 
 // src/stores/focusStore.ts
 import { create as create18 } from "zustand";
@@ -16339,7 +16311,7 @@ var SessionListContainer = memo17(function SessionListContainer2({
   const itemRefs = useRef16(new Map);
   const scrollContainerRef = useRef16(null);
   const lastScrolledSessionId = useRef16(undefined);
-  const handleSessionClick = useCallback18((sessionId) => {
+  const handleSessionClick = useCallback17((sessionId) => {
     lastScrolledSessionId.current = sessionId;
     onSelectSession(sessionId);
   }, [onSelectSession]);
@@ -16368,7 +16340,7 @@ var SessionListContainer = memo17(function SessionListContainer2({
       sessions: groupedSessions
     }));
   }, [sessionSnapshot]);
-  useEffect25(() => {
+  useEffect24(() => {
     if (currentFocus === "sessions") {
       const session = sessionSnapshot[sessionIndex];
       if (session) {
@@ -16377,7 +16349,7 @@ var SessionListContainer = memo17(function SessionListContainer2({
       }
     }
   }, [currentFocus, sessionIndex, sessionSnapshot]);
-  useEffect25(() => {
+  useEffect24(() => {
     if (!activeSessionId || lastScrolledSessionId.current === activeSessionId || sessions.length === 0)
       return;
     const activeIndex = sessions.findIndex((s) => s.id === activeSessionId);
@@ -16393,7 +16365,7 @@ var SessionListContainer = memo17(function SessionListContainer2({
       });
     }
   }, [activeSessionId, sessions, hasNextPage, fetchNextPage]);
-  useEffect25(() => {
+  useEffect24(() => {
     const container = scrollContainerRef.current;
     if (!container)
       return;
@@ -17110,7 +17082,7 @@ ${file.absPath}`,
 }
 
 // src/components/git/GitFileList.tsx
-import { useEffect as useEffect26, useRef as useRef17, useMemo as useMemo17 } from "react";
+import { useEffect as useEffect25, useRef as useRef17, useMemo as useMemo17 } from "react";
 import { jsx as jsx73, jsxs as jsxs65 } from "react/jsx-runtime";
 function GitFileList({ status }) {
   const { openCommitModal, openDiff } = useGitStore();
@@ -17145,7 +17117,7 @@ function GitFileList({ status }) {
     }
   };
   const conflictedLength = status.conflicted?.length ?? 0;
-  useEffect26(() => {
+  useEffect25(() => {
     if (currentFocus === "git" && gitFileIndex >= 0) {
       const element = itemRefs.current.get(gitFileIndex);
       element?.scrollIntoView({ block: "nearest", behavior: "smooth" });
@@ -17349,7 +17321,7 @@ function GitFileList({ status }) {
   });
 }
 // src/components/git/GitSidebar.tsx
-import { memo as memo18, useCallback as useCallback19, useEffect as useEffect27, useState as useState31 } from "react";
+import { memo as memo18, useCallback as useCallback18, useEffect as useEffect26, useState as useState31 } from "react";
 import {
   FolderGit2,
   ChevronRight as ChevronRight10,
@@ -17358,7 +17330,7 @@ import {
   GitBranch as GitBranch8,
   Globe as Globe2,
   Plus as Plus3,
-  RefreshCw as RefreshCw7,
+  RefreshCw as RefreshCw6,
   Sparkles as Sparkles4,
   Trash2 as Trash24,
   Upload,
@@ -17390,7 +17362,7 @@ var GitSidebar = memo18(function GitSidebar2({
   const [remoteName, setRemoteName] = useState31("origin");
   const [remoteUrl, setRemoteUrl] = useState31("");
   const [confirmRemoveRemote, setConfirmRemoveRemote] = useState31(null);
-  useEffect27(() => {
+  useEffect26(() => {
     if (isExpanded) {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
     }
@@ -17398,11 +17370,11 @@ var GitSidebar = memo18(function GitSidebar2({
   const handleRefresh = () => {
     refetch();
   };
-  const addError = useCallback19((message, context) => {
+  const addError = useCallback18((message, context) => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
     setErrors((prev) => [...prev, { id, message, context }]);
   }, []);
-  const dismissError = useCallback19((id) => {
+  const dismissError = useCallback18((id) => {
     setErrors((prev) => prev.filter((e) => e.id !== id));
   }, []);
   const handlePush = async () => {
@@ -17446,7 +17418,7 @@ var GitSidebar = memo18(function GitSidebar2({
       addError(err instanceof Error ? err.message : "Failed to remove remote", "git remote remove");
     }
   };
-  const handleFixWithAI = useCallback19((gitError) => {
+  const handleFixWithAI = useCallback18((gitError) => {
     const prompt = gitError.context ? `I got a git error during ${gitError.context}:
 
 ${gitError.message}
@@ -17819,7 +17791,7 @@ Please help me fix this.`;
                 title: "Refresh git status",
                 className: "h-6 w-6 flex-shrink-0",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx74(RefreshCw7, {
+                children: /* @__PURE__ */ jsx74(RefreshCw6, {
                   className: `w-3 h-3 ${isLoading ? "animate-spin" : ""}`
                 })
               })
@@ -17856,7 +17828,7 @@ var GitSidebarToggle = memo19(function GitSidebarToggle2() {
   });
 });
 // src/components/git/GitDiffPanel.tsx
-import { useEffect as useEffect28, useRef as useRef18, memo as memo20, useState as useState32 } from "react";
+import { useEffect as useEffect27, useRef as useRef18, memo as memo20, useState as useState32 } from "react";
 import { X as X11, Maximize2, Minimize2 as Minimize22 } from "lucide-react";
 
 // src/stores/sidebarStore.ts
@@ -17915,7 +17887,7 @@ var GitDiffPanel = memo20(function GitDiffPanel2() {
   const { data: fullFileDiff, isLoading: fullFileLoading } = useGitDiffFullFile(selectedFile, selectedFileStaged, showFullFile);
   const activeDiff = showFullFile && fullFileDiff ? fullFileDiff : diff;
   const activeLoading = showFullFile ? fullFileLoading : isLoading;
-  useEffect28(() => {
+  useEffect27(() => {
     if (!isDiffOpen)
       setShowFullFile(false);
     if (isDiffOpen && !prevDiffOpenRef.current) {
@@ -17930,17 +17902,20 @@ var GitDiffPanel = memo20(function GitDiffPanel2() {
     }
     prevDiffOpenRef.current = isDiffOpen;
   }, [isDiffOpen, setCollapsed]);
-  useEffect28(() => {
+  useEffect27(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
       if ((e.key === "Escape" || e.key === "q" && !isInInput) && isDiffOpen) {
         closeDiff();
       }
+      if (e.key === "f" && !isInInput && isDiffOpen) {
+        setShowFullFile((v) => !v);
+      }
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
-  }, [isDiffOpen, closeDiff]);
+  }, [isDiffOpen, closeDiff, setShowFullFile]);
   if (!isDiffOpen || !selectedFile)
     return null;
   return /* @__PURE__ */ jsxs68("div", {
@@ -17977,7 +17952,7 @@ ${activeDiff?.absPath || ""}`,
             variant: showFullFile ? "secondary" : "ghost",
             size: "sm",
             onClick: () => setShowFullFile((v) => !v),
-            title: showFullFile ? "Show diff only" : "Show full file with diff",
+            title: showFullFile ? "Show diff only (f)" : "Show full file with diff (f)",
             className: "flex items-center gap-1.5 text-xs h-7",
             children: [
               showFullFile ? /* @__PURE__ */ jsx76(Minimize22, {
@@ -18006,7 +17981,7 @@ ${activeDiff?.absPath || ""}`,
   });
 });
 // src/components/git/GitCommitModal.tsx
-import { useState as useState33, useId as useId2, useEffect as useEffect29, useCallback as useCallback20 } from "react";
+import { useState as useState33, useId as useId2, useEffect as useEffect28, useCallback as useCallback19 } from "react";
 import { GitCommit as GitCommit4, Sparkles as Sparkles5, Loader2 as Loader28 } from "lucide-react";
 import { jsx as jsx77, jsxs as jsxs69, Fragment as Fragment32 } from "react/jsx-runtime";
 function GitCommitModal() {
@@ -18016,7 +17991,7 @@ function GitCommitModal() {
   const generateMessage = useGenerateCommitMessage(commitSessionId);
   const [message, setMessage] = useState33("");
   const messageId = useId2();
-  const handleCommit = useCallback20(async () => {
+  const handleCommit = useCallback19(async () => {
     if (!message.trim())
       return;
     try {
@@ -18031,7 +18006,7 @@ function GitCommitModal() {
     setMessage("");
     closeCommitModal();
   };
-  const handleGenerateMessage = useCallback20(async () => {
+  const handleGenerateMessage = useCallback19(async () => {
     try {
       const result = await generateMessage.mutateAsync();
       setMessage(result.message);
@@ -18039,7 +18014,7 @@ function GitCommitModal() {
       console.error("Failed to generate commit message:", error);
     }
   }, [generateMessage]);
-  useEffect29(() => {
+  useEffect28(() => {
     if (!isCommitModalOpen)
       return;
     const handleKeyDown = (e) => {
@@ -18177,7 +18152,7 @@ function GitCommitModal() {
   });
 }
 // src/components/terminals/TerminalsPanel.tsx
-import { memo as memo22, useCallback as useCallback22, useRef as useRef20, useEffect as useEffect31 } from "react";
+import { memo as memo22, useCallback as useCallback21, useRef as useRef20, useEffect as useEffect30 } from "react";
 import {
   Terminal as TerminalIcon,
   Maximize2 as Maximize22,
@@ -18347,7 +18322,7 @@ var TerminalTabBar = memo21(function TerminalTabBar2({
 });
 
 // src/components/terminals/TerminalViewer.tsx
-import { useEffect as useEffect30, useRef as useRef19, useState as useState34, useCallback as useCallback21 } from "react";
+import { useEffect as useEffect29, useRef as useRef19, useState as useState34, useCallback as useCallback20 } from "react";
 import { init, Terminal as Terminal7, FitAddon } from "ghostty-web";
 import { client as client2 } from "@ottocode/api";
 import { jsx as jsx79, jsxs as jsxs71 } from "react/jsx-runtime";
@@ -18430,7 +18405,7 @@ function TerminalViewer({
   const containerRef = useRef19(null);
   const termRef = useRef19(null);
   const fitAddonRef = useRef19(null);
-  const eventSourceRef = useRef19(null);
+  const sseAbortRef = useRef19(null);
   const retryCountRef = useRef19(0);
   const retryTimerRef = useRef19(null);
   const hasReceivedDataRef = useRef19(false);
@@ -18441,25 +18416,26 @@ function TerminalViewer({
   const userScrolledRef = useRef19(false);
   const bgColorRef = useRef19("#121216");
   const focusHandlersRef = useRef19(null);
-  const fitTerminal = useCallback21(() => {
+  const fitTerminal = useCallback20(() => {
     if (fitAddonRef.current) {
       try {
         fitAddonRef.current.fit();
       } catch {}
     }
   }, []);
-  const connectSSE = useCallback21((term, baseUrl, skipHistory) => {
-    if (eventSourceRef.current) {
-      eventSourceRef.current.close();
-      eventSourceRef.current = null;
+  const connectSSE = useCallback20((term, baseUrl, skipHistory) => {
+    if (sseAbortRef.current) {
+      sseAbortRef.current.abort();
+      sseAbortRef.current = null;
     }
     const url = `${baseUrl}/v1/terminals/${terminalId}/output${skipHistory ? "?skipHistory=true" : ""}`;
-    const eventSource = new EventSource(url);
-    eventSourceRef.current = eventSource;
+    const isTunnel = !baseUrl.includes("localhost") && !baseUrl.includes("127.0.0.1");
+    const controller = new AbortController;
+    sseAbortRef.current = controller;
     let gotFirstData = false;
-    eventSource.onmessage = (event) => {
+    const handleMessage = (raw) => {
       try {
-        const data = JSON.parse(event.data);
+        const data = JSON.parse(raw);
         if (data.type === "data") {
           const savedY = userScrolledRef.current ? term.getViewportY() : 0;
           term.write(data.line);
@@ -18481,12 +18457,49 @@ function TerminalViewer({
         }
       } catch {}
     };
-    eventSource.onerror = () => {
-      eventSource.close();
-      if (eventSourceRef.current === eventSource) {
-        eventSourceRef.current = null;
+    const run = async () => {
+      try {
+        const response = await fetch(url, {
+          method: isTunnel ? "POST" : "GET",
+          headers: { Accept: "text/event-stream" },
+          signal: controller.signal
+        });
+        if (!response.ok || !response.body)
+          return;
+        retryCountRef.current = 0;
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder;
+        let buffer = "";
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done)
+            break;
+          buffer += decoder.decode(value, { stream: true });
+          let idx = buffer.indexOf(`
+
+`);
+          while (idx !== -1) {
+            const raw = buffer.slice(0, idx);
+            buffer = buffer.slice(idx + 2);
+            for (const line of raw.split(`
+`)) {
+              if (line.startsWith("data: ")) {
+                handleMessage(line.slice(6));
+              }
+            }
+            idx = buffer.indexOf(`
+
+`);
+          }
+        }
+      } catch (error) {
+        if (error instanceof Error && error.name === "AbortError")
+          return;
+      }
+      if (sseAbortRef.current === controller) {
+        sseAbortRef.current = null;
       }
-      if (retryCountRef.current < SSE_MAX_RETRIES) {
+      if (!controller.signal.aborted && retryCountRef.current < SSE_MAX_RETRIES) {
         retryCountRef.current++;
         retryTimerRef.current = setTimeout(() => {
           if (termRef.current) {
@@ -18495,11 +18508,9 @@ function TerminalViewer({
         }, SSE_RECONNECT_DELAY);
       }
     };
-    eventSource.onopen = () => {
-      retryCountRef.current = 0;
-    };
+    run();
   }, [terminalId]);
-  useEffect30(() => {
+  useEffect29(() => {
     if (!containerRef.current || !terminalId)
       return;
     let disposed = false;
@@ -18509,9 +18520,9 @@ function TerminalViewer({
     setReady(false);
     retryCountRef.current = 0;
     hasReceivedDataRef.current = false;
-    if (eventSourceRef.current) {
-      eventSourceRef.current.close();
-      eventSourceRef.current = null;
+    if (sseAbortRef.current) {
+      sseAbortRef.current.abort();
+      sseAbortRef.current = null;
     }
     if (retryTimerRef.current) {
       clearTimeout(retryTimerRef.current);
@@ -18664,9 +18675,9 @@ function TerminalViewer({
         clearTimeout(retryTimerRef.current);
         retryTimerRef.current = null;
       }
-      if (eventSourceRef.current) {
-        eventSourceRef.current.close();
-        eventSourceRef.current = null;
+      if (sseAbortRef.current) {
+        sseAbortRef.current.abort();
+        sseAbortRef.current = null;
       }
       if (resizeObserver) {
         resizeObserver.disconnect();
@@ -18678,7 +18689,7 @@ function TerminalViewer({
       fitAddonRef.current = null;
     };
   }, [terminalId, connectSSE]);
-  useEffect30(() => {
+  useEffect29(() => {
     const term = termRef.current;
     if (!term)
       return;
@@ -18696,7 +18707,7 @@ function TerminalViewer({
       }
     }
   }, [isActive, fitTerminal]);
-  useEffect30(() => {
+  useEffect29(() => {
     fitTerminal();
   }, [fitTerminal]);
   return /* @__PURE__ */ jsx79("div", {
@@ -18771,12 +18782,12 @@ var TerminalsPanel = memo22(function TerminalsPanel2() {
   const autoCreatingRef = useRef20(false);
   const terminalsListRef = useRef20(terminalsList);
   terminalsListRef.current = terminalsList;
-  useEffect31(() => {
+  useEffect30(() => {
     if (isOpen && terminalsListRef.current.length > 0 && (!activeTabId || !terminalsListRef.current.find((t) => t.id === activeTabId))) {
       selectTab(terminalsListRef.current[0].id);
     }
   }, [isOpen, terminalsList.length, activeTabId, selectTab]);
-  useEffect31(() => {
+  useEffect30(() => {
     if (isOpen && terminals && terminalsList.length === 0 && !autoCreatingRef.current && !createTerminal.isPending) {
       autoCreatingRef.current = true;
       createTerminal.mutateAsync({
@@ -18789,7 +18800,7 @@ var TerminalsPanel = memo22(function TerminalsPanel2() {
       });
     }
   }, [isOpen, terminals, terminalsList.length, selectTab]);
-  const handleNewTerminal = useCallback22(async () => {
+  const handleNewTerminal = useCallback21(async () => {
     try {
       const result = await createTerminal.mutateAsync({
         command: "bash",
@@ -18798,7 +18809,7 @@ var TerminalsPanel = memo22(function TerminalsPanel2() {
       selectTab(result.terminalId);
     } catch {}
   }, [createTerminal, selectTab]);
-  const handleKillTerminal = useCallback22(async (id) => {
+  const handleKillTerminal = useCallback21(async (id) => {
     try {
       await killTerminal.mutateAsync(id);
       if (activeTabId === id) {
@@ -18812,7 +18823,7 @@ var TerminalsPanel = memo22(function TerminalsPanel2() {
       }
     } catch {}
   }, [killTerminal, activeTabId, selectTab, closePanel]);
-  useEffect31(() => {
+  useEffect30(() => {
     const handleKeyDown = (e) => {
       if (e.key === "`" && e.ctrlKey) {
         e.preventDefault();
@@ -18822,7 +18833,7 @@ var TerminalsPanel = memo22(function TerminalsPanel2() {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [togglePanel]);
-  const handleResizeStart = useCallback22((e) => {
+  const handleResizeStart = useCallback21((e) => {
     e.preventDefault();
     dragRef.current = {
       startY: e.clientY,
@@ -18973,7 +18984,7 @@ import {
   FileCode as FileCode2,
   FilePlus as FilePlus2,
   FileEdit as FileEdit4,
-  RefreshCw as RefreshCw8
+  RefreshCw as RefreshCw7
 } from "lucide-react";
 
 // src/hooks/useSessionFiles.ts
@@ -19223,7 +19234,7 @@ var SessionFilesSidebar = memo24(function SessionFilesSidebar2({
                   title: "Refresh session files",
                   className: "h-6 w-6 transition-transform duration-200 hover:scale-110",
                   disabled: isLoading,
-                  children: /* @__PURE__ */ jsx82(RefreshCw8, {
+                  children: /* @__PURE__ */ jsx82(RefreshCw7, {
                     className: `w-3 h-3 ${isLoading ? "animate-spin" : ""}`
                   })
                 })
@@ -19263,7 +19274,7 @@ var SessionFilesSidebarToggle = memo25(function SessionFilesSidebarToggle2({
   });
 });
 // src/components/session-files/SessionFilesDiffPanel.tsx
-import { useEffect as useEffect32, useMemo as useMemo19, memo as memo26, useRef as useRef21 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo19, memo as memo26, useRef as useRef21 } from "react";
 import { X as X13, ChevronLeft, ChevronRight as ChevronRight12 } from "lucide-react";
 import { Prism as SyntaxHighlighter10 } from "react-syntax-highlighter";
 import {
@@ -19595,7 +19606,7 @@ ${contentLines.map((line) => `+${line}`).join(`
     }
     return rawPatch;
   }, [selectedOperation, selectedFile]);
-  useEffect32(() => {
+  useEffect31(() => {
     if (isDiffOpen && !prevDiffOpenRef.current) {
       const { isCollapsed } = useSidebarStore.getState();
       wasCollapsedRef.current = isCollapsed;
@@ -19608,7 +19619,7 @@ ${contentLines.map((line) => `+${line}`).join(`
     }
     prevDiffOpenRef.current = isDiffOpen;
   }, [isDiffOpen, setCollapsed]);
-  useEffect32(() => {
+  useEffect31(() => {
     const handleKeyDown = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -19760,7 +19771,7 @@ ${contentLines.map((line) => `+${line}`).join(`
   });
 });
 // src/components/research/ResearchSidebar.tsx
-import { memo as memo27, useState as useState35, useEffect as useEffect33, useCallback as useCallback23, useRef as useRef22, useMemo as useMemo20 } from "react";
+import { memo as memo27, useState as useState35, useEffect as useEffect32, useCallback as useCallback22, useRef as useRef22, useMemo as useMemo20 } from "react";
 import {
   ChevronRight as ChevronRight13,
   FlaskConical as FlaskConical3,
@@ -19955,12 +19966,12 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
       queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
     }
   });
-  useEffect33(() => {
+  useEffect32(() => {
     if (parentSessionId) {
       useResearchStore.getState().setParentSessionId(parentSessionId);
     }
   }, [parentSessionId]);
-  useEffect33(() => {
+  useEffect32(() => {
     if (researchData?.sessions?.length) {
       const currentIsValid = researchData.sessions.some((s) => s.id === activeResearchSessionId);
       if (!currentIsValid) {
@@ -19970,20 +19981,20 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
       selectResearchSession(null);
     }
   }, [researchData, activeResearchSessionId, selectResearchSession]);
-  useEffect33(() => {
+  useEffect32(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
-  const adjustTextareaHeight = useCallback23(() => {
+  const adjustTextareaHeight = useCallback22(() => {
     const textarea = textareaRef.current;
     if (!textarea)
       return;
     textarea.style.height = "auto";
     textarea.style.height = `${Math.min(textarea.scrollHeight, 120)}px`;
   }, []);
-  useEffect33(() => {
+  useEffect32(() => {
     adjustTextareaHeight();
   }, [adjustTextareaHeight]);
-  const handleCreateNew = useCallback23(async () => {
+  const handleCreateNew = useCallback22(async () => {
     if (!parentSessionId)
       return;
     try {
@@ -19998,11 +20009,11 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
       console.error("Failed to create research session:", err);
     }
   }, [parentSessionId, createMutation, selectResearchSession, refetch]);
-  const handleSelectSession = useCallback23((session) => {
+  const handleSelectSession = useCallback22((session) => {
     selectResearchSession(session.id);
     setShowHistory(false);
   }, [selectResearchSession]);
-  const handleInject = useCallback23(async () => {
+  const handleInject = useCallback22(async () => {
     if (!parentSessionId || !activeResearchSessionId)
       return;
     const alreadyInjected = parentMessagesData?.some((m) => m.role === "system" && m.parts?.some((p) => typeof p.content === "string" && p.content.includes(`from="${activeResearchSessionId}"`)));
@@ -20040,7 +20051,7 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
     parentMessagesData,
     queryClient
   ]);
-  const handleExport = useCallback23(async () => {
+  const handleExport = useCallback22(async () => {
     if (!activeResearchSessionId)
       return;
     try {
@@ -20054,7 +20065,7 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
       console.error("Failed to export to session:", err);
     }
   }, [activeResearchSessionId, exportMutation, onNavigateToSession]);
-  const handleSendMessage = useCallback23(async () => {
+  const handleSendMessage = useCallback22(async () => {
     if (!inputValue.trim() || !parentSessionId)
       return;
     try {
@@ -20086,7 +20097,7 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
     selectResearchSession,
     sendMessage
   ]);
-  const handleKeyDown = useCallback23((e) => {
+  const handleKeyDown = useCallback22((e) => {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       handleSendMessage();
@@ -20098,7 +20109,7 @@ var ResearchSidebar = memo27(function ResearchSidebar2({
       return false;
     return parentMessagesData.some((m) => m.role === "system" && m.parts?.some((p) => typeof p.content === "string" && p.content.includes(`from="${activeResearchSessionId}"`)));
   }, [activeResearchSessionId, parentMessagesData]);
-  const handleModelChange = useCallback23(async (newProvider, newModel) => {
+  const handleModelChange = useCallback22(async (newProvider, newModel) => {
     if (!activeResearchSessionId) {
       setShowModelSelector(false);
       return;
@@ -20504,7 +20515,7 @@ import {
   Zap,
   User as User3,
   ChevronDown as ChevronDown9,
-  RefreshCw as RefreshCw9,
+  RefreshCw as RefreshCw8,
   Plus as Plus6,
   Pencil as Pencil3,
   Copy as Copy3,
@@ -20554,7 +20565,7 @@ var useOnboardingStore = create21((set, get) => ({
 }));
 
 // src/hooks/useAuthStatus.ts
-import { useEffect as useEffect34, useCallback as useCallback24, useState as useState36, useRef as useRef23 } from "react";
+import { useEffect as useEffect33, useCallback as useCallback23, useState as useState36, useRef as useRef23 } from "react";
 import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 var isInIframe = typeof window !== "undefined" && window.self !== window.top;
 function useAuthStatus() {
@@ -20569,7 +20580,7 @@ function useAuthStatus() {
   const [oauthPolling, setOauthPolling] = useState36(false);
   const oauthPollingRef = useRef23(null);
   const preOauthProvidersRef = useRef23(new Set);
-  const fetchAuthStatus = useCallback24(async () => {
+  const fetchAuthStatus = useCallback23(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -20586,7 +20597,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [setAuthStatus, setLoading, setError, queryClient]);
-  const checkOnboarding = useCallback24(async () => {
+  const checkOnboarding = useCallback23(async () => {
     const status = await fetchAuthStatus();
     if (status) {
       const hasAnyProvider = Object.values(status.providers).some((p) => p.configured);
@@ -20597,7 +20608,7 @@ function useAuthStatus() {
     }
     setInitialized(true);
   }, [fetchAuthStatus, setOpen]);
-  const setupWallet = useCallback24(async () => {
+  const setupWallet = useCallback23(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -20612,7 +20623,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  const importWallet = useCallback24(async (privateKey) => {
+  const importWallet = useCallback23(async (privateKey) => {
     setLoading(true);
     setError(null);
     try {
@@ -20627,7 +20638,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  const addProvider = useCallback24(async (provider, apiKey) => {
+  const addProvider = useCallback23(async (provider, apiKey) => {
     setLoading(true);
     setError(null);
     try {
@@ -20642,7 +20653,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  const removeProvider = useCallback24(async (provider) => {
+  const removeProvider = useCallback23(async (provider) => {
     setLoading(true);
     setError(null);
     try {
@@ -20657,7 +20668,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  const completeOnboarding = useCallback24(async () => {
+  const completeOnboarding = useCallback23(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -20672,13 +20683,13 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError, setOpen]);
-  const snapshotConfiguredProviders = useCallback24(() => {
+  const snapshotConfiguredProviders = useCallback23(() => {
     const status = useOnboardingStore.getState().authStatus;
     if (status) {
       preOauthProvidersRef.current = new Set(Object.entries(status.providers).filter(([, p]) => p.configured).map(([id]) => id));
     }
   }, []);
-  const startOAuth = useCallback24((provider, mode) => {
+  const startOAuth = useCallback23((provider, mode) => {
     const url = apiClient.getOAuthStartUrl(provider, mode);
     if (isInIframe) {
       snapshotConfiguredProviders();
@@ -20693,7 +20704,7 @@ function useAuthStatus() {
     const popup = window.open(url, "oauth_popup", `width=${width},height=${height},left=${left},top=${top},toolbar=no,menubar=no`);
     return popup;
   }, [snapshotConfiguredProviders]);
-  const startOAuthManual = useCallback24(async (provider, mode) => {
+  const startOAuthManual = useCallback23(async (provider, mode) => {
     const { url, sessionId } = await apiClient.getOAuthUrl(provider, mode);
     if (isInIframe) {
       snapshotConfiguredProviders();
@@ -20708,7 +20719,7 @@ function useAuthStatus() {
     const popup = window.open(url, "oauth_popup", `width=${width},height=${height},left=${left},top=${top},toolbar=no,menubar=no`);
     return { popup, sessionId };
   }, [snapshotConfiguredProviders]);
-  const exchangeOAuthCode = useCallback24(async (provider, code, sessionId) => {
+  const exchangeOAuthCode = useCallback23(async (provider, code, sessionId) => {
     setLoading(true);
     setError(null);
     try {
@@ -20723,7 +20734,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  useEffect34(() => {
+  useEffect33(() => {
     if (!oauthPolling || !isInIframe)
       return;
     oauthPollingRef.current = setInterval(() => {
@@ -20737,7 +20748,7 @@ function useAuthStatus() {
       clearTimeout(timeout);
     };
   }, [oauthPolling, fetchAuthStatus]);
-  useEffect34(() => {
+  useEffect33(() => {
     if (!oauthPolling || !authStatus)
       return;
     const currentConfigured = Object.entries(authStatus.providers).filter(([, p]) => p.configured);
@@ -20746,7 +20757,7 @@ function useAuthStatus() {
       setOauthPolling(false);
     }
   }, [authStatus, oauthPolling]);
-  useEffect34(() => {
+  useEffect33(() => {
     const handleOAuthMessage = (event) => {
       if (event.data?.type === "oauth-success") {
         fetchAuthStatus();
@@ -20755,14 +20766,14 @@ function useAuthStatus() {
     window.addEventListener("message", handleOAuthMessage);
     return () => window.removeEventListener("message", handleOAuthMessage);
   }, [fetchAuthStatus]);
-  const pollCopilotDeviceFlow = useCallback24(async (sessionId) => {
+  const pollCopilotDeviceFlow = useCallback23(async (sessionId) => {
     const result = await apiClient.pollCopilotDeviceFlow(sessionId);
     if (result.status === "complete") {
       await fetchAuthStatus();
     }
     return result;
   }, [fetchAuthStatus]);
-  const saveCopilotToken = useCallback24(async (token) => {
+  const saveCopilotToken = useCallback23(async (token) => {
     setLoading(true);
     setError(null);
     try {
@@ -20777,7 +20788,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  const importCopilotTokenFromGh = useCallback24(async () => {
+  const importCopilotTokenFromGh = useCallback23(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -20815,6 +20826,72 @@ function useAuthStatus() {
   };
 }
 
+// src/hooks/useSetuBalance.ts
+import { useEffect as useEffect34, useCallback as useCallback24 } from "react";
+function useSetuBalance(providerName) {
+  const setBalance = useSetuStore((s) => s.setBalance);
+  const setUsdcBalance = useSetuStore((s) => s.setUsdcBalance);
+  const setWalletAddress = useSetuStore((s) => s.setWalletAddress);
+  const setLoading = useSetuStore((s) => s.setLoading);
+  const setScope = useSetuStore((s) => s.setScope);
+  const setPayg = useSetuStore((s) => s.setPayg);
+  const setSubscription = useSetuStore((s) => s.setSubscription);
+  const setLimits = useSetuStore((s) => s.setLimits);
+  const balance = useSetuStore((s) => s.balance);
+  const usdcBalance = useSetuStore((s) => s.usdcBalance);
+  const network = useSetuStore((s) => s.network);
+  const fetchBalance = useCallback24(async () => {
+    if (providerName !== "setu") {
+      return;
+    }
+    setLoading(true);
+    try {
+      const [setuData, usdcData, walletData] = await Promise.all([
+        apiClient.getSetuBalance(),
+        apiClient.getSetuUsdcBalance(network),
+        apiClient.getSetuWallet()
+      ]);
+      if (setuData) {
+        setBalance(setuData.balance);
+        setWalletAddress(setuData.walletAddress);
+        setScope(setuData.scope ?? null);
+        setPayg(setuData.payg ?? null);
+        setSubscription(setuData.subscription ?? null);
+        setLimits(setuData.limits ?? null);
+      } else if (walletData?.configured && walletData.publicKey) {
+        setWalletAddress(walletData.publicKey);
+      }
+      if (usdcData) {
+        setUsdcBalance(usdcData.usdcBalance);
+        if (!setuData && usdcData.walletAddress) {
+          setWalletAddress(usdcData.walletAddress);
+        }
+      }
+    } catch {} finally {
+      setLoading(false);
+    }
+  }, [
+    providerName,
+    network,
+    setBalance,
+    setUsdcBalance,
+    setWalletAddress,
+    setLoading,
+    setScope,
+    setPayg,
+    setSubscription,
+    setLimits
+  ]);
+  useEffect34(() => {
+    if (providerName === "setu" && (balance === null || usdcBalance === null)) {
+      fetchBalance();
+    }
+  }, [providerName, balance, usdcBalance, fetchBalance]);
+  return {
+    fetchBalance
+  };
+}
+
 // src/hooks/useTopupCallback.ts
 import { useEffect as useEffect35, useRef as useRef24 } from "react";
 var STORAGE_KEY2 = "pendingPolarCheckout";
@@ -21398,7 +21475,7 @@ var SetuWalletSection = memo29(function SetuWalletSection2({
       disabled: setuLoading,
       className: "p-1 hover:bg-muted rounded transition-colors disabled:opacity-50",
       title: "Refresh balances",
-      children: /* @__PURE__ */ jsx87(RefreshCw9, {
+      children: /* @__PURE__ */ jsx87(RefreshCw8, {
         className: `w-3.5 h-3.5 text-muted-foreground ${setuLoading ? "animate-spin" : ""}`
       })
     }),
@@ -23708,7 +23785,7 @@ import {
   Folder as Folder2,
   FileCode as FileCode4,
   FolderTree as FolderTree3,
-  RefreshCw as RefreshCw10
+  RefreshCw as RefreshCw9
 } from "lucide-react";
 import { jsx as jsx97, jsxs as jsxs87, Fragment as Fragment38 } from "react/jsx-runtime";
 var PANEL_KEY4 = "file-browser";
@@ -23881,7 +23958,7 @@ var FileBrowserSidebar = memo39(function FileBrowserSidebar2() {
                 title: "Refresh file tree",
                 className: "h-6 w-6 flex-shrink-0",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx97(RefreshCw10, {
+                children: /* @__PURE__ */ jsx97(RefreshCw9, {
                   className: `w-3 h-3 ${isLoading ? "animate-spin" : ""}`
                 })
               })
@@ -24286,7 +24363,7 @@ import {
   Key as Key2,
   ExternalLink as ExternalLink10,
   ArrowRight as ArrowRight2,
-  RefreshCw as RefreshCw11
+  RefreshCw as RefreshCw10
 } from "lucide-react";
 import { QRCodeSVG as QRCodeSVG3 } from "qrcode.react";
 import { jsx as jsx101, jsxs as jsxs90, Fragment as Fragment39 } from "react/jsx-runtime";
@@ -24739,7 +24816,7 @@ var ProviderSetupStep = memo43(function ProviderSetupStep2({
                                       onClick: fetchBalance,
                                       disabled: isBalanceLoading,
                                       className: "p-0.5 text-muted-foreground hover:text-foreground transition-colors disabled:opacity-50",
-                                      children: /* @__PURE__ */ jsx101(RefreshCw11, {
+                                      children: /* @__PURE__ */ jsx101(RefreshCw10, {
                                         className: `w-3 h-3 ${isBalanceLoading ? "animate-spin" : ""}`
                                       })
                                     })
@@ -25464,6 +25541,7 @@ var DefaultsStep = memo44(function DefaultsStep2({
         agent: selectedAgent,
         toolApproval: selectedApproval,
         guidedMode,
+        fullWidthContent: config2?.defaults?.fullWidthContent ?? true,
         scope: "global"
       });
       await onComplete();
@@ -25872,4 +25950,4 @@ export {
   AssistantMessageGroup
 };
 
-//# debugId=1975773CBE5D82FA64756E2164756E21
+//# debugId=E029FFE6D18A4A7564756E2164756E21