@ottocode/web-sdk 0.1.269 → 0.1.270

package/dist/index.js

@@ -2379,6 +2379,20 @@ function Modal({
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen, closeOnEscape, onClose]);
+  useEffect5(() => {
+    if (!isOpen)
+      return;
+    const handleNativeBack = (event) => {
+      const customEvent = event;
+      if (!customEvent.detail || customEvent.detail.handled)
+        return;
+      customEvent.detail.handled = true;
+      event.preventDefault();
+      onClose();
+    };
+    window.addEventListener("otto:native-back", handleNativeBack);
+    return () => window.removeEventListener("otto:native-back", handleNativeBack);
+  }, [isOpen, onClose]);
   useEffect5(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
@@ -11775,7 +11789,7 @@ var MessagePartItem = memo8(function MessagePartItem2({
             })
           }),
           /* @__PURE__ */ jsx56("div", {
-            className: `${isCompactThread ? "text-[14px]" : "text-base"} text-foreground leading-relaxed markdown-content max-w-full overflow-x-auto`,
+            className: `${isCompactThread ? "text-[16.5px]" : "text-[17px]"} text-foreground leading-relaxed markdown-content max-w-full overflow-x-auto`,
             children: /* @__PURE__ */ jsx56(ReactMarkdown, {
               remarkPlugins: [remarkGfm],
               components: {
@@ -11943,7 +11957,7 @@ var MessagePartItem = memo8(function MessagePartItem2({
         });
       }
       const containerClasses = [
-        `flex flex-wrap items-center gap-x-2 gap-y-1 ${isCompactThread ? "text-[12px]" : "text-[13px]"} text-foreground/80 max-w-full`
+        `flex flex-wrap items-center gap-x-2 gap-y-1 ${isCompactThread ? "text-[13px]" : "text-[14px]"} text-foreground/80 max-w-full`
       ];
       if (part.ephemeral)
         containerClasses.push("animate-pulse");
@@ -12436,7 +12450,7 @@ function CompactActivityGroup({
               },
               children: [
                 /* @__PURE__ */ jsx57("div", {
-                  className: "text-[11px] font-medium uppercase tracking-[0.18em] text-muted-foreground/70 mb-1",
+                  className: "text-[12px] font-medium uppercase tracking-[0.18em] text-muted-foreground/70 mb-1",
                   children: "Exploring"
                 }),
                 /* @__PURE__ */ jsx57("div", {
@@ -12470,13 +12484,13 @@ function CompactActivityGroup({
                             animation: isNewAppend ? `ottoEntryIn ${ANIM_MS}ms ${EASING} both` : undefined
                           },
                           children: /* @__PURE__ */ jsx57("p", {
-                            className: `text-[11px] leading-relaxed font-mono whitespace-pre-wrap ${isLast ? "text-foreground/80" : "text-muted-foreground/60"}`,
+                            className: `text-[12px] leading-relaxed font-mono whitespace-pre-wrap ${isLast ? "text-foreground/80" : "text-muted-foreground/60"}`,
                             children: entry.fullText
                           })
                         }, entry.id);
                       }
                       return /* @__PURE__ */ jsx57("div", {
-                        className: `flex items-center px-1 ${isCompact ? "text-[13px]" : "text-[14px]"} leading-5 h-7 ${isLast ? "text-foreground" : "text-muted-foreground/70"}`,
+                        className: `flex items-center px-1 ${isCompact ? "text-[14px]" : "text-[15px]"} leading-5 h-7 ${isLast ? "text-foreground" : "text-muted-foreground/70"}`,
                         style: {
                           animation: isNewAppend ? `ottoEntryIn ${ANIM_MS}ms ${EASING} both` : undefined
                         },
@@ -12491,7 +12505,7 @@ function CompactActivityGroup({
               ]
             }),
             /* @__PURE__ */ jsx57("div", {
-              className: `flex items-center ${isCompact ? "text-[11px]" : "text-xs"}`,
+              className: `flex items-center ${isCompact ? "text-[12px]" : "text-xs"}`,
               style: {
                 opacity: showSummary ? 1 : 0,
                 height: showSummary ? "20px" : "0px",
@@ -12793,7 +12807,7 @@ function ActionToolBox({ part, showLine }) {
               },
               children: [
                 /* @__PURE__ */ jsxs49("div", {
-                  className: `flex items-center gap-2 ${isCompact ? "text-[12px]" : "text-[13px]"} font-medium uppercase tracking-[0.18em] text-muted-foreground/70`,
+                  className: `flex items-center gap-2 ${isCompact ? "text-[13px]" : "text-[14px]"} font-medium uppercase tracking-[0.18em] text-muted-foreground/70`,
                   children: [
                     /* @__PURE__ */ jsx58(Loader23, {
                       className: "h-3 w-3 animate-spin flex-shrink-0"
@@ -12846,7 +12860,7 @@ function ActionToolBox({ part, showLine }) {
                       },
                       children: /* @__PURE__ */ jsx58("pre", {
                         ref: contentMeasureRef,
-                        className: "px-1 pt-2.5 pb-1 text-[11px] leading-relaxed text-foreground/60 font-mono whitespace-pre-wrap break-all",
+                        className: "px-1 pt-2.5 pb-1 text-[12px] leading-relaxed text-foreground/60 font-mono whitespace-pre-wrap break-all",
                         children: displayContent
                       })
                     })
@@ -13820,7 +13834,7 @@ var UserMessageGroup = memo10(function UserMessageGroup2({
                   ]
                 }),
                 /* @__PURE__ */ jsxs52("div", {
-                  className: "inline-block max-w-full text-sm text-foreground leading-relaxed bg-emerald-500/5 border border-emerald-500/20 rounded-xl px-4 py-3 [word-break:break-word] overflow-hidden",
+                  className: "inline-block max-w-full text-[16.5px] text-foreground leading-relaxed bg-emerald-500/5 border border-emerald-500/20 rounded-xl px-4 py-3 [word-break:break-word] overflow-hidden",
                   children: [
                     hasImages && /* @__PURE__ */ jsx61("div", {
                       className: "flex flex-wrap gap-2 mb-2",
@@ -13868,7 +13882,7 @@ var UserMessageGroup = memo10(function UserMessageGroup2({
                       }, ctx.id))
                     }),
                     hasContent && /* @__PURE__ */ jsx61("div", {
-                      className: "prose prose-invert prose-sm [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_*]:[word-break:break-word] [&_*]:overflow-wrap-anywhere whitespace-pre-wrap",
+                      className: "prose prose-invert prose-sm [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_p]:text-[16.5px] [&_li]:text-[16.5px] [&_*]:[word-break:break-word] [&_*]:overflow-wrap-anywhere whitespace-pre-wrap",
                       children: /* @__PURE__ */ jsx61(ReactMarkdown2, {
                         remarkPlugins: [remarkGfm2],
                         components: {
@@ -17536,12 +17550,12 @@ function GitDiffViewer({ diff }) {
           className: "px-3 py-1.5 bg-sidebar-accent/30 border-b border-sidebar-border/60 flex items-center justify-between min-h-8",
           children: [
             /* @__PURE__ */ jsx74("span", {
-              className: "font-mono text-[12px] text-foreground truncate",
+              className: "font-mono text-[13px] text-foreground truncate",
               title: diff.file,
               children: fileName
             }),
             /* @__PURE__ */ jsxs65("div", {
-              className: "flex items-center gap-2 text-[10px] flex-shrink-0",
+              className: "flex items-center gap-2 text-[11px] flex-shrink-0",
               children: [
                 /* @__PURE__ */ jsxs65("span", {
                   className: "text-green-600 dark:text-green-500",
@@ -17561,7 +17575,7 @@ function GitDiffViewer({ diff }) {
         /* @__PURE__ */ jsx74("div", {
           className: "px-4 py-3 bg-green-500/10 border-b border-green-500/20",
           children: /* @__PURE__ */ jsxs65("p", {
-            className: "text-[12px] text-green-600 dark:text-green-400 font-medium",
+            className: "text-[13px] text-green-600 dark:text-green-400 font-medium",
             children: [
               "New file: ",
               diff.insertions,
@@ -17612,12 +17626,12 @@ function GitDiffViewer({ diff }) {
           className: "px-3 py-1.5 bg-sidebar-accent/30 border-b border-sidebar-border/60 flex items-center justify-between min-h-8",
           children: [
             /* @__PURE__ */ jsx74("span", {
-              className: "font-mono text-[12px] text-foreground truncate",
+              className: "font-mono text-[13px] text-foreground truncate",
               title: diff.file,
               children: fileName
             }),
             /* @__PURE__ */ jsx74("div", {
-              className: "flex items-center gap-2 text-[10px] flex-shrink-0",
+              className: "flex items-center gap-2 text-[11px] flex-shrink-0",
               children: /* @__PURE__ */ jsx74("span", {
                 className: "text-muted-foreground",
                 children: "Binary file"
@@ -17637,7 +17651,7 @@ function GitDiffViewer({ diff }) {
           children: /* @__PURE__ */ jsx74("div", {
             className: "p-4 text-center",
             children: /* @__PURE__ */ jsx74("p", {
-              className: "text-[12px] text-muted-foreground",
+              className: "text-[13px] text-muted-foreground",
               children: "Binary file - cannot display diff"
             })
           })
@@ -17704,8 +17718,8 @@ function GitDiffViewer({ diff }) {
   }
   const renderLine = (diffLine, index) => {
     let rowClassName = "flex hover:bg-muted/20";
-    let lineNumberClassName = "flex-shrink-0 w-20 px-2 py-0.5 text-xs font-mono select-none border-r border-border";
-    let contentClassName = "flex-1 px-4 py-0.5 font-mono text-xs whitespace-pre";
+    let lineNumberClassName = "flex-shrink-0 w-20 px-2 py-0.5 text-[13px] font-mono select-none border-r border-border";
+    let contentClassName = "flex-1 px-4 py-0.5 font-mono text-[13px] whitespace-pre";
     if (diffLine.type === "hunk") {
       rowClassName += " bg-blue-500/10";
       lineNumberClassName += " text-blue-600 dark:text-blue-400";
@@ -18755,7 +18769,7 @@ Please help me fix this.`;
             ]
           }),
           /* @__PURE__ */ jsxs68("div", {
-            className: "h-9 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
+            className: "h-12 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
             children: [
               /* @__PURE__ */ jsxs68("div", {
                 className: "flex items-center gap-2 min-w-0 flex-1",
@@ -18904,13 +18918,13 @@ var GitDiffPanel = memo22(function GitDiffPanel2({
             className: "flex-1 flex items-center gap-2 min-w-0",
             children: [
               /* @__PURE__ */ jsx79("span", {
-                className: "text-[12px] font-medium text-foreground font-mono truncate",
+                className: "text-[13px] font-medium text-foreground font-mono truncate",
                 title: `${selectedFile}
 ${activeDiff?.absPath || ""}`,
                 children: selectedFile
               }),
               selectedFileStaged && /* @__PURE__ */ jsx79("span", {
-                className: "text-[11px] px-1.5 py-0.5 rounded bg-primary/10 text-primary flex-shrink-0",
+                className: "text-[12px] px-1.5 py-0.5 rounded bg-primary/10 text-primary flex-shrink-0",
                 children: "Staged"
               })
             ]
@@ -18920,7 +18934,7 @@ ${activeDiff?.absPath || ""}`,
             size: "sm",
             onClick: () => setShowFullFile((v) => !v),
             title: showFullFile ? "Show diff only (f)" : "Show full file with diff (f)",
-            className: "flex items-center gap-1.5 text-[12px] h-8 px-2.5",
+            className: "flex items-center gap-1.5 text-[13px] h-8 px-2.5",
             children: [
               showFullFile ? /* @__PURE__ */ jsx79(Minimize22, {
                 className: "w-3.5 h-3.5"
@@ -20109,7 +20123,7 @@ var SessionFilesSidebar = memo26(function SessionFilesSidebar2({
             })
           }),
           /* @__PURE__ */ jsxs76("div", {
-            className: "h-9 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
+            className: "h-12 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
             children: [
               /* @__PURE__ */ jsxs76("div", {
                 className: "flex items-center gap-2 min-w-0 flex-1",
@@ -20376,7 +20390,7 @@ function FullHeightDiffView({ patch }) {
   return /* @__PURE__ */ jsx87("div", {
     className: "bg-card/60 border border-border rounded-lg overflow-hidden h-full",
     children: /* @__PURE__ */ jsx87("div", {
-      className: "overflow-x-auto overflow-y-auto h-full text-xs font-mono",
+      className: "overflow-x-auto overflow-y-auto h-full text-[13px] font-mono",
       children: diffLines.map((line, i) => {
         const key = `line-${i}-${line.content.slice(0, 20)}`;
         if (line.type === "meta" || line.type === "header") {
@@ -20564,16 +20578,16 @@ ${contentLines.map((line) => `+${line}`).join(`
             className: "flex-1 flex items-center gap-2 min-w-0",
             children: [
               /* @__PURE__ */ jsx87("span", {
-                className: "text-[12px] font-medium text-foreground font-mono truncate",
+                className: "text-[13px] font-medium text-foreground font-mono truncate",
                 title: selectedFile,
                 children: selectedFile
               }),
               /* @__PURE__ */ jsx87("span", {
-                className: "text-[11px] px-1.5 py-0.5 rounded bg-primary/10 text-primary flex-shrink-0 capitalize",
+                className: "text-[12px] px-1.5 py-0.5 rounded bg-primary/10 text-primary flex-shrink-0 capitalize",
                 children: selectedOperation.operation
               }),
               selectedOperation.artifact?.summary && /* @__PURE__ */ jsxs78("div", {
-                className: "flex items-center gap-1 text-[11px] flex-shrink-0",
+                className: "flex items-center gap-1 text-[12px] flex-shrink-0",
                 children: [
                   /* @__PURE__ */ jsxs78("span", {
                     className: "text-green-500",
@@ -21273,7 +21287,7 @@ var ResearchSidebar = memo29(function ResearchSidebar2({
             ]
           }),
           /* @__PURE__ */ jsxs79("div", {
-            className: "h-9 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between",
+            className: "h-12 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between",
             children: [
               /* @__PURE__ */ jsxs79("span", {
                 className: "text-[10px]",
@@ -22487,7 +22501,7 @@ var SettingsSidebar = memo31(function SettingsSidebar2() {
             type: "button",
             onClick: () => setIsPreferencesOpen(true),
             title: "Open preferences",
-            className: "group shrink-0 w-full h-10 px-3 flex items-center gap-2 bg-muted/20 hover:bg-muted/60 border-t border-border transition-colors text-left cursor-pointer",
+            className: "group shrink-0 w-full h-12 px-3 flex items-center gap-2 bg-muted/20 hover:bg-muted/60 border-t border-border transition-colors text-left cursor-pointer",
             children: [
               /* @__PURE__ */ jsx90(User3, {
                 className: "w-4 h-4 text-muted-foreground group-hover:text-foreground transition-colors"
@@ -24886,7 +24900,7 @@ var SkillsSidebar = memo39(function SkillsSidebar2() {
         })
       }),
       /* @__PURE__ */ jsxs87("div", {
-        className: "h-9 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
+        className: "h-12 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
         children: [
           /* @__PURE__ */ jsxs87("div", {
             className: "flex items-center gap-2 min-w-0 flex-1",
@@ -25031,22 +25045,22 @@ var SkillViewerPanel = memo41(function SkillViewerPanel2({
             className: "flex-1 flex items-center gap-2 min-w-0",
             children: [
               /* @__PURE__ */ jsx100("span", {
-                className: "text-[12px] text-muted-foreground flex-shrink-0",
+                className: "text-[13px] text-muted-foreground flex-shrink-0",
                 children: selectedSkill
               }),
               /* @__PURE__ */ jsx100("span", {
-                className: "text-[12px] text-muted-foreground",
+                className: "text-[13px] text-muted-foreground",
                 children: "/"
               }),
               /* @__PURE__ */ jsx100("span", {
-                className: "text-[12px] font-medium text-foreground font-mono truncate",
+                className: "text-[13px] font-medium text-foreground font-mono truncate",
                 title: displayPath,
                 children: displayPath
               })
             ]
           }),
           /* @__PURE__ */ jsx100("span", {
-            className: "text-[11px] text-muted-foreground pr-1",
+            className: "text-[12px] text-muted-foreground pr-1",
             children: language
           })
         ]
@@ -25070,8 +25084,8 @@ var SkillViewerPanel = memo41(function SkillViewerPanel2({
               margin: 0,
               padding: "1rem",
               background: "transparent",
-              fontSize: "0.75rem",
-              lineHeight: "1.25rem"
+              fontSize: "0.8125rem",
+              lineHeight: "1.3125rem"
             },
             codeTagProps: {
               style: {
@@ -25234,7 +25248,7 @@ var FileBrowserSidebar = memo42(function FileBrowserSidebar2() {
             }, item.path))
           }),
           /* @__PURE__ */ jsxs89("div", {
-            className: "h-9 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
+            className: "h-12 px-3 border-t border-border text-xs text-muted-foreground flex items-center justify-between gap-2",
             children: [
               /* @__PURE__ */ jsxs89("div", {
                 className: "flex items-center gap-2 min-w-0 flex-1",
@@ -25383,12 +25397,12 @@ var FileViewerPanel = memo44(function FileViewerPanel2({
             className: "flex-1 flex items-center gap-2 min-w-0",
             children: [
               /* @__PURE__ */ jsx103("span", {
-                className: "text-[12px] font-medium text-foreground font-mono truncate",
+                className: "text-[13px] font-medium text-foreground font-mono truncate",
                 title: selectedFile,
                 children: selectedFile
               }),
               data && /* @__PURE__ */ jsxs90("span", {
-                className: "text-[11px] text-muted-foreground flex-shrink-0",
+                className: "text-[12px] text-muted-foreground flex-shrink-0",
                 children: [
                   data.lineCount,
                   " lines"
@@ -25397,7 +25411,7 @@ var FileViewerPanel = memo44(function FileViewerPanel2({
             ]
           }),
           /* @__PURE__ */ jsx103("span", {
-            className: "text-[11px] text-muted-foreground pr-1",
+            className: "text-[12px] text-muted-foreground pr-1",
             children: language
           })
         ]
@@ -25408,7 +25422,7 @@ var FileViewerPanel = memo44(function FileViewerPanel2({
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Loading file..."
         }) : data ? renderMarkdown ? /* @__PURE__ */ jsx103("div", {
-          className: "p-4 text-[13px] text-foreground leading-5 markdown-content max-w-full overflow-x-auto",
+          className: "p-4 text-[14px] text-foreground leading-6 markdown-content max-w-full overflow-x-auto",
           children: /* @__PURE__ */ jsx103(ReactMarkdown3, {
             remarkPlugins: [remarkGfm3],
             components: {
@@ -25459,8 +25473,8 @@ var FileViewerPanel = memo44(function FileViewerPanel2({
               margin: 0,
               padding: "1rem",
               background: "transparent",
-              fontSize: "0.75rem",
-              lineHeight: "1.25rem"
+              fontSize: "0.8125rem",
+              lineHeight: "1.3125rem"
             },
             codeTagProps: {
               style: {
@@ -25700,7 +25714,7 @@ function HighlightedPath({ path, query }) {
   });
 }
 // src/components/onboarding/OnboardingModal.tsx
-import { memo as memo48 } from "react";
+import { memo as memo48, useEffect as useEffect50 } from "react";
 
 // src/components/onboarding/steps/ProviderSetupStep.tsx
 import { memo as memo46, useEffect as useEffect48, useState as useState46, useRef as useRef33 } from "react";
@@ -26136,6 +26150,98 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
     setImportWalletError(null);
     setImportPrivateKey("");
   };
+  useEffect48(() => {
+    const handleNativeBack = (event) => {
+      const customEvent = event;
+      if (!customEvent.detail || customEvent.detail.handled)
+        return;
+      const markHandled = () => {
+        customEvent.detail.handled = true;
+        event.preventDefault();
+      };
+      if (isCustomProviderModalOpen) {
+        markHandled();
+        if (!isAddingCustomProvider) {
+          setIsCustomProviderModalOpen(false);
+          setCustomProviderId("");
+          setCustomProviderLabel("");
+          setCustomProviderBaseURL("");
+          setCustomProviderApiKey("");
+          setCustomProviderModels("");
+          setCustomProviderCompatibility("openai-compatible");
+          setCustomProviderAllowAnyModel(true);
+          setCustomProviderError(null);
+          setDiscoveredCustomModels([]);
+          setCustomProviderDiscoveryMessage(null);
+        }
+        return;
+      }
+      if (isImportModalOpen) {
+        markHandled();
+        if (!isImportingWallet) {
+          setIsImportModalOpen(false);
+          setImportWalletError(null);
+          setImportPrivateKey("");
+        }
+        return;
+      }
+      if (oauthSession) {
+        markHandled();
+        if (!isExchangingCode && !isOpeningPopup) {
+          setOauthSession(null);
+          setOauthCodeInput("");
+        }
+        return;
+      }
+      if (copilotModalOpen) {
+        markHandled();
+        if (!copilotTokenSaving && !copilotGhImporting && !copilotLoading) {
+          setCopilotDevice(null);
+          setCopilotPolling(false);
+          setCopilotError(null);
+          setCopilotTokenInput("");
+          setCopilotTokenSaving(false);
+          setCopilotGhImporting(false);
+          setCopilotAuthMode("oauth");
+          setCopilotCodeCopied(false);
+          setCopilotModalOpen(false);
+          setCopilotLoading(false);
+          copilotCancelledRef.current = true;
+          if (copilotPollRef.current) {
+            clearTimeout(copilotPollRef.current);
+            copilotPollRef.current = undefined;
+          }
+        }
+        return;
+      }
+      if (addingProvider) {
+        markHandled();
+        setAddingProvider(null);
+        setApiKeyInput("");
+        return;
+      }
+      if (confirmingDelete) {
+        markHandled();
+        setConfirmingDelete(null);
+      }
+    };
+    window.addEventListener("otto:native-back", handleNativeBack);
+    return () => window.removeEventListener("otto:native-back", handleNativeBack);
+  }, [
+    addingProvider,
+    confirmingDelete,
+    copilotGhImporting,
+    copilotLoading,
+    copilotModalOpen,
+    copilotTokenSaving,
+    isAddingCustomProvider,
+    isCustomProviderModalOpen,
+    isExchangingCode,
+    isImportingWallet,
+    isImportModalOpen,
+    isOpeningPopup,
+    oauthSession
+  ]);
   const handleImportWallet = async () => {
     if (!importPrivateKey.trim() || isImportingWallet)
       return;
@@ -26610,6 +26716,7 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
         })
       }),
       isCustomProviderModalOpen && /* @__PURE__ */ jsx105("div", {
+        "data-otto-nested-modal": "true",
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs92("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-2xl mx-6 shadow-2xl max-h-[90vh] overflow-y-auto",
@@ -26872,6 +26979,7 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
         })
       }),
       isImportModalOpen && /* @__PURE__ */ jsx105("div", {
+        "data-otto-nested-modal": "true",
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs92("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-lg mx-6 shadow-2xl",
@@ -26942,6 +27050,7 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
         })
       }),
       oauthSession && /* @__PURE__ */ jsx105("div", {
+        "data-otto-nested-modal": "true",
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs92("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-lg mx-6 shadow-2xl",
@@ -27051,6 +27160,7 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
         })
       }),
       copilotModalOpen && /* @__PURE__ */ jsx105("div", {
+        "data-otto-nested-modal": "true",
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs92("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-lg mx-6 shadow-2xl",
@@ -27612,6 +27722,22 @@ var OnboardingModal = memo48(function OnboardingModal2({
     importCopilotTokenFromGh,
     getCopilotDiagnostics
   } = useAuthStatus();
+  useEffect50(() => {
+    if (!isOpen)
+      return;
+    const handleNativeBack = (event) => {
+      const customEvent = event;
+      if (!customEvent.detail || customEvent.detail.handled)
+        return;
+      if (document.querySelector('[data-otto-nested-modal="true"]'))
+        return;
+      customEvent.detail.handled = true;
+      event.preventDefault();
+      reset();
+    };
+    window.addEventListener("otto:native-back", handleNativeBack);
+    return () => window.removeEventListener("otto:native-back", handleNativeBack);
+  }, [isOpen, reset]);
   if (!isOpen || !authStatus)
     return null;
   return /* @__PURE__ */ jsxs94("div", {
@@ -27650,7 +27776,7 @@ var OnboardingModal = memo48(function OnboardingModal2({
   });
 });
 // src/hooks/useClientEvents.ts
-import { useEffect as useEffect50, useRef as useRef35 } from "react";
+import { useEffect as useEffect51, useRef as useRef35 } from "react";
 import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import {
   buildClientEventsStreamUrl,
@@ -27778,13 +27904,63 @@ async function requestLocalhostAccess(baseUrl) {
     throw new Error(`Local API returned ${response.status}`);
   }
 }
+var localAccessToastIds = new Map;
+var localAccessChecksInFlight = new Set;
+function localAccessStorageKey(baseUrl) {
+  return `otto-local-access-confirmed:${baseUrl}`;
+}
+function hasConfirmedLocalAccess(baseUrl) {
+  try {
+    return window.localStorage.getItem(localAccessStorageKey(baseUrl)) === "1";
+  } catch {
+    return false;
+  }
+}
+function markLocalAccessConfirmed(baseUrl) {
+  try {
+    window.localStorage.setItem(localAccessStorageKey(baseUrl), "1");
+  } catch {}
+}
+async function maybeShowLocalAccessToast(baseUrl) {
+  if (hasPlatformOpenUrl())
+    return;
+  if (!isLocalApiUrl(baseUrl) || hasConfirmedLocalAccess(baseUrl))
+    return;
+  if (localAccessToastIds.has(baseUrl) || localAccessChecksInFlight.has(baseUrl)) {
+    return;
+  }
+  localAccessChecksInFlight.add(baseUrl);
+  try {
+    await requestLocalhostAccess(baseUrl);
+    markLocalAccessConfirmed(baseUrl);
+    return;
+  } catch {} finally {
+    localAccessChecksInFlight.delete(baseUrl);
+  }
+  if (localAccessToastIds.has(baseUrl))
+    return;
+  const id = toast("Safari may need permission to access the local otto server.", "default", 0);
+  localAccessToastIds.set(baseUrl, id);
+  useToastStore.getState().updateToast(id, {
+    action: {
+      label: "Allow access",
+      onClick: async () => {
+        await requestLocalhostAccess(baseUrl);
+        markLocalAccessConfirmed(baseUrl);
+        useToastStore.getState().removeToast(id);
+        localAccessToastIds.delete(baseUrl);
+        toast.success("Local otto server access confirmed.");
+      }
+    }
+  });
+}
 function useClientEvents(activeSessionId) {
   const queryClient = useQueryClient20();
   const activeSessionIdRef = useRef35(activeSessionId);
-  useEffect50(() => {
+  useEffect51(() => {
     activeSessionIdRef.current = activeSessionId;
   }, [activeSessionId]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (typeof window === "undefined" || window.parent !== window)
       return;
     if (!("Notification" in window))
@@ -27811,9 +27987,8 @@ function useClientEvents(activeSessionId) {
       }
     });
   }, []);
-  useEffect50(() => {
+  useEffect51(() => {
     const controller = new AbortController;
-    let hasShownLocalAccessToast = false;
     const baseUrl = getBaseUrl();
     createClientEventsStream({
       baseUrl,
@@ -27853,19 +28028,7 @@ function useClientEvents(activeSessionId) {
       onError: (error) => {
         if (!controller.signal.aborted) {
           console.error("[client-events] Stream error:", error);
-          if (!hasShownLocalAccessToast && isLocalApiUrl(baseUrl)) {
-            hasShownLocalAccessToast = true;
-            const id = toast("Safari may need permission to access the local otto server.", "default", 0);
-            useToastStore.getState().updateToast(id, {
-              action: {
-                label: "Allow access",
-                onClick: async () => {
-                  await requestLocalhostAccess(baseUrl);
-                  toast.success("Local otto server access confirmed.");
-                }
-              }
-            });
-          }
+          maybeShowLocalAccessToast(baseUrl);
         }
       }
     }, controller.signal);
@@ -27874,7 +28037,7 @@ function useClientEvents(activeSessionId) {
   return buildClientEventsStreamUrl({ baseUrl: getBaseUrl() });
 }
 // src/hooks/useTheme.ts
-import { useEffect as useEffect51, useState as useState48, useCallback as useCallback34, useMemo as useMemo26 } from "react";
+import { useEffect as useEffect52, useState as useState48, useCallback as useCallback34, useMemo as useMemo26 } from "react";
 var STORAGE_KEY3 = "otto-theme";
 function resolveInitialTheme() {
   if (typeof window === "undefined") {
@@ -27891,7 +28054,7 @@ function resolveInitialTheme() {
 }
 function useTheme() {
   const [theme, setTheme] = useState48(() => resolveInitialTheme());
-  useEffect51(() => {
+  useEffect52(() => {
     if (typeof document === "undefined")
       return;
     const root = document.documentElement;
@@ -27909,7 +28072,7 @@ function useTheme() {
       window.parent.postMessage({ type: "otto-set-theme", theme }, "*");
     }
   }, [theme]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (typeof window === "undefined")
       return;
     const handler = (e) => {
@@ -27926,11 +28089,11 @@ function useTheme() {
   return useMemo26(() => ({ theme, setTheme, toggleTheme }), [theme, toggleTheme]);
 }
 // src/hooks/useWorkingDirectory.ts
-import { useEffect as useEffect52, useState as useState49 } from "react";
+import { useEffect as useEffect53, useState as useState49 } from "react";
 import { getCwd } from "@ottocode/api";
 function useWorkingDirectory() {
   const [dirName, setDirName] = useState49(null);
-  useEffect52(() => {
+  useEffect53(() => {
     const fetchWorkingDirectory = async () => {
       try {
         const response = await getCwd({ baseURL: getBaseUrl() });
@@ -27954,7 +28117,7 @@ function useWorkingDirectory() {
   return dirName;
 }
 // src/hooks/useKeyboardShortcuts.ts
-import { useEffect as useEffect53, useCallback as useCallback35 } from "react";
+import { useEffect as useEffect54, useCallback as useCallback35 } from "react";
 
 // src/stores/sidebarStore.ts
 import { create as create22 } from "zustand";
@@ -28199,7 +28362,7 @@ function useKeyboardShortcuts({
     onReturnToInput,
     closeDiff
   ]);
-  useEffect53(() => {
+  useEffect54(() => {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [handleKeyDown]);
@@ -28213,7 +28376,7 @@ function useKeyboardShortcuts({
 import {
   useState as useState50,
   useCallback as useCallback36,
-  useEffect as useEffect54
+  useEffect as useEffect55
 } from "react";
 var SUPPORTED_TYPES2 = ["image/png", "image/jpeg", "image/gif", "image/webp"];
 function generateId2() {
@@ -28349,7 +28512,7 @@ function useImageUpload(options = {}) {
       addImages(imageFiles);
     }
   }, [addImages]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!pageWide)
       return;
     let dragCounter = 0;
@@ -28410,7 +28573,7 @@ function useImageUpload(options = {}) {
   };
 }
 // src/hooks/useSetuPayments.ts
-import { useEffect as useEffect55, useRef as useRef36 } from "react";
+import { useEffect as useEffect56, useRef as useRef36 } from "react";
 function useSetuPayments(sessionId) {
   const clientRef = useRef36(null);
   const loadingToastIdRef = useRef36(null);
@@ -28420,7 +28583,7 @@ function useSetuPayments(sessionId) {
   const updateToast = useToastStore((s) => s.updateToast);
   const setPendingTopup = useTopupApprovalStore((s) => s.setPendingTopup);
   const clearPendingTopup = useTopupApprovalStore((s) => s.clearPendingTopup);
-  useEffect55(() => {
+  useEffect56(() => {
     if (!sessionId)
       return;
     const client5 = new SSEClient;
@@ -28734,4 +28897,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=21934A37955AE7B764756E2164756E21
+//# debugId=B903566D47B5809664756E2164756E21