@ottocode/web-sdk 0.1.276 → 0.1.278

package/dist/components/index.js

@@ -1236,6 +1236,13 @@ var sessionsMixin = {
       throw new Error("Failed to remove from queue");
     return response.data;
   },
+  async sendQueuedMessageNow(sessionId, messageId) {
+    const response = await fetch(`${getBaseUrl()}/v1/sessions/${encodeURIComponent(sessionId)}/queue/${encodeURIComponent(messageId)}/send-now`, { method: "POST" });
+    const data = await response.json().catch(() => null);
+    if (!response.ok)
+      throw new Error(extractErrorMessage(data));
+    return data;
+  },
   async getMessages(sessionId) {
     const response = await apiListMessages({ path: { id: sessionId } });
     if (response.error)
@@ -1947,6 +1954,7 @@ class ApiClient {
   abortMessage = sessionsMixin.abortMessage;
   getQueueState = sessionsMixin.getQueueState;
   removeFromQueue = sessionsMixin.removeFromQueue;
+  sendQueuedMessageNow = sessionsMixin.sendQueuedMessageNow;
   getMessages = sessionsMixin.getMessages;
   sendMessage = sessionsMixin.sendMessage;
   getStreamUrl = sessionsMixin.getStreamUrl;
@@ -3853,6 +3861,7 @@ import {
   Clock,
   ListOrdered,
   RotateCcw,
+  Send,
   Trash2 as Trash22
 } from "lucide-react";
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
@@ -4115,6 +4124,7 @@ function getQueuedPreviews(messages, queuedMessages) {
 }
 function QueueRow({
   item,
+  onSendNow,
   onCancel,
   onDelete
 }) {
@@ -4132,6 +4142,15 @@ function QueueRow({
       /* @__PURE__ */ jsxs11("div", {
         className: "flex items-center gap-1 flex-shrink-0",
         children: [
+          /* @__PURE__ */ jsx17("button", {
+            type: "button",
+            onClick: () => onSendNow(item),
+            className: "flex h-7 w-7 items-center justify-center rounded bg-transparent text-muted-foreground transition-colors hover:bg-primary/10 hover:text-primary",
+            title: "Send now",
+            children: /* @__PURE__ */ jsx17(Send, {
+              className: "h-3.5 w-3.5"
+            })
+          }),
           /* @__PURE__ */ jsx17("button", {
             type: "button",
             onClick: () => onCancel(item),
@@ -4181,6 +4200,15 @@ var InputQueueBar = memo4(function InputQueueBar2({
       console.error("Failed to remove queued message:", error);
     }
   };
+  const sendQueuedItemNow = async (item) => {
+    try {
+      await apiClient.sendQueuedMessageNow(sessionId, item.assistantMessageId);
+      queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
+      queryClient.invalidateQueries({ queryKey: ["queueState", sessionId] });
+    } catch (error) {
+      console.error("Failed to send queued message now:", error);
+    }
+  };
   return /* @__PURE__ */ jsx17("div", {
     className: "grid transition-[grid-template-rows,opacity] duration-200 ease-out",
     style: {
@@ -4279,6 +4307,7 @@ var InputQueueBar = memo4(function InputQueueBar2({
                   className: "divide-y divide-border",
                   children: queuedItems.map((item) => /* @__PURE__ */ jsx17(QueueRow, {
                     item,
+                    onSendNow: sendQueuedItemNow,
                     onCancel: (queuedItem) => removeQueuedItem(queuedItem, true),
                     onDelete: (queuedItem) => removeQueuedItem(queuedItem, false)
                   }, item.assistantMessageId))
@@ -8025,7 +8054,9 @@ function getLanguageFromPath(path) {
     html: "html",
     css: "css",
     scss: "scss",
-    md: "markdown",
+    md: "text",
+    markdown: "text",
+    mdx: "text",
     txt: "text",
     svelte: "svelte"
   };
@@ -16731,7 +16762,7 @@ var MessageThread = memo16(function MessageThread2({
     }
   };
   const filteredMessages = useMemo17(() => {
-    const visibleMessages = messages.filter((message) => message.role !== "system");
+    const visibleMessages = messages.filter((message) => message.role !== "system" && !(message.role === "assistant" && message.status === "complete" && (message.parts?.length ?? 0) === 0));
     const queueBusy = Boolean(queueState.currentMessageId) || queueState.queueLength > 0;
     if (!queueBusy)
       return visibleMessages;
@@ -16902,7 +16933,8 @@ var MessageThread = memo16(function MessageThread2({
   });
 });
 // src/components/messages/MessageThreadContainer.tsx
-import { memo as memo19, useMemo as useMemo18 } from "react";
+import { memo as memo19, useEffect as useEffect29, useMemo as useMemo18 } from "react";
+import { useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 
 // src/hooks/useSessionStream.ts
 import { useEffect as useEffect26, useRef as useRef18 } from "react";
@@ -19255,10 +19287,16 @@ var MessageThreadContainer = memo19(function MessageThreadContainer2({
   sessionId,
   onSelectSession
 }) {
+  const queryClient = useQueryClient12();
   const { data: messages = [], isLoading } = useMessages(sessionId);
   const { data: sessions = [] } = useSessions();
   const { preferences: preferences2 } = usePreferences();
   useSessionStream(sessionId);
+  useEffect29(() => {
+    queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
+    queryClient.invalidateQueries({ queryKey: ["queueState", sessionId] });
+    queryClient.invalidateQueries({ queryKey: sessionsQueryKey });
+  }, [queryClient, sessionId]);
   useToolApprovalShortcuts(sessionId);
   const session = useMemo18(() => sessions.find((s) => s.id === sessionId), [sessions, sessionId]);
   const isGenerating = useMemo18(() => messages.some((m) => m.role === "assistant" && m.status === "pending"), [messages]);
@@ -19403,7 +19441,7 @@ var SessionItem = memo20(function SessionItem2({
   });
 });
 // src/components/sessions/SessionListContainer.tsx
-import { memo as memo21, useMemo as useMemo19, useCallback as useCallback20, useEffect as useEffect29, useRef as useRef20 } from "react";
+import { memo as memo21, useMemo as useMemo19, useCallback as useCallback20, useEffect as useEffect30, useRef as useRef20 } from "react";
 
 // src/stores/focusStore.ts
 import { create as create20 } from "zustand";
@@ -19499,7 +19537,7 @@ var SessionListContainer = memo21(function SessionListContainer2({
       sessions: groupedSessions
     }));
   }, [sessionSnapshot, statusSessionIds]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (currentFocus === "sessions") {
       const session = sessionSnapshot[sessionIndex];
       if (session) {
@@ -19522,14 +19560,14 @@ var SessionListContainer = memo21(function SessionListContainer2({
       onError: () => markedViewedRef.current.delete(session.id)
     });
   }, [markSessionViewed, sessionSnapshot]);
-  useEffect29(() => {
+  useEffect30(() => {
     const previousId = previousActiveSessionId.current;
     if (previousId && previousId !== activeSessionId) {
       markViewedIfReady(previousId);
     }
     previousActiveSessionId.current = activeSessionId;
   }, [activeSessionId, markViewedIfReady]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!activeSessionId || lastScrolledSessionId.current === activeSessionId || sessions.length === 0)
       return;
     const activeIndex = sessions.findIndex((s) => s.id === activeSessionId);
@@ -19545,7 +19583,7 @@ var SessionListContainer = memo21(function SessionListContainer2({
       });
     }
   }, [activeSessionId, sessions, hasNextPage, fetchNextPage]);
-  useEffect29(() => {
+  useEffect30(() => {
     const container = scrollContainerRef.current;
     if (!container)
       return;
@@ -19566,7 +19604,7 @@ var SessionListContainer = memo21(function SessionListContainer2({
     container.addEventListener("scroll", handleScroll, { passive: true });
     return () => container.removeEventListener("scroll", handleScroll);
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);
-  useEffect29(() => {
+  useEffect30(() => {
     const container = scrollContainerRef.current;
     const sentinel = paginationSentinelRef.current;
     if (!container || !sentinel || typeof IntersectionObserver === "undefined") {
@@ -19715,7 +19753,7 @@ import {
   lineNumbers
 } from "@codemirror/view";
 import { tags } from "@lezer/highlight";
-import { useCallback as useCallback21, useEffect as useEffect30, useMemo as useMemo20, useRef as useRef21 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect31, useMemo as useMemo20, useRef as useRef21 } from "react";
 import { jsx as jsx78 } from "react/jsx-runtime";
 var viewerTheme = EditorView.theme({
   "&": {
@@ -19893,7 +19931,7 @@ function lineDecorationsExtension(highlightedLines, highlightTone = "primary", l
     return builder.finish();
   });
 }
-function getLanguageExtension(path) {
+function getLanguageExtension(path, disableMarkdownSyntax = false) {
   const ext = path?.split(".").pop()?.toLowerCase() ?? "";
   switch (ext) {
     case "js":
@@ -19925,6 +19963,8 @@ function getLanguageExtension(path) {
     case "md":
     case "markdown":
     case "mdx":
+      if (disableMarkdownSyntax)
+        return [];
       return markdown();
     case "sql":
       return sql();
@@ -19951,7 +19991,8 @@ function CodeMirrorViewer({
   highlightTone = "primary",
   lineTones,
   scrollToLine,
-  scrollToEndSignal
+  scrollToEndSignal,
+  disableMarkdownSyntax = false
 }) {
   const hostRef = useRef21(null);
   const viewRef = useRef21(null);
@@ -19960,7 +20001,7 @@ function CodeMirrorViewer({
   const decorationsCompartmentRef = useRef21(new Compartment);
   const languageExtensionRef = useRef21([]);
   const decorationsExtensionRef = useRef21([]);
-  const languageExtension = useMemo20(() => getLanguageExtension(path), [path]);
+  const languageExtension = useMemo20(() => getLanguageExtension(path, disableMarkdownSyntax), [path, disableMarkdownSyntax]);
   const decorationsExtension = useMemo20(() => lineDecorationsExtension(highlightedLines, highlightTone, lineTones), [highlightedLines, highlightTone, lineTones]);
   languageExtensionRef.current = languageExtension;
   decorationsExtensionRef.current = decorationsExtension;
@@ -19976,7 +20017,7 @@ function CodeMirrorViewer({
       decorationsCompartmentRef.current.of(decorationsExtension)
     ]
   }), [languageExtension, decorationsExtension]);
-  useEffect30(() => {
+  useEffect31(() => {
     const host = hostRef.current;
     if (!host)
       return;
@@ -20003,7 +20044,7 @@ function CodeMirrorViewer({
       viewRef.current = null;
     };
   }, []);
-  useEffect30(() => {
+  useEffect31(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -20015,7 +20056,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [languageExtension, createEditorState]);
-  useEffect30(() => {
+  useEffect31(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -20027,7 +20068,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [decorationsExtension, createEditorState]);
-  useEffect30(() => {
+  useEffect31(() => {
     const view = viewRef.current;
     if (!view)
       return;
@@ -20043,7 +20084,7 @@ function CodeMirrorViewer({
     }
     contentRef.current = content;
   }, [content, createEditorState]);
-  useEffect30(() => {
+  useEffect31(() => {
     const view = viewRef.current;
     if (!view || !scrollToLine || scrollToLine < 1)
       return;
@@ -20056,7 +20097,7 @@ function CodeMirrorViewer({
       view.setState(createEditorState(contentRef.current));
     }
   }, [scrollToLine, createEditorState]);
-  useEffect30(() => {
+  useEffect31(() => {
     const view = viewRef.current;
     if (!view || scrollToEndSignal === undefined)
       return;
@@ -20132,7 +20173,8 @@ function GitDiffViewer({ diff: diff2 }) {
           className: "flex-1 min-h-0",
           children: /* @__PURE__ */ jsx79(CodeMirrorViewer, {
             content: diff2.content,
-            path: diff2.file
+            path: diff2.file,
+            disableMarkdownSyntax: true
           })
         })
       ]
@@ -20175,8 +20217,9 @@ function GitDiffViewer({ diff: diff2 }) {
         children: "No changes to display"
       }) : /* @__PURE__ */ jsx79(CodeMirrorViewer, {
         content: diff2.diff,
-        path: "diff.patch",
-        lineTones: getDiffLineTones(diff2.diff)
+        path: diff2.file,
+        lineTones: getDiffLineTones(diff2.diff),
+        disableMarkdownSyntax: true
       })
     })
   });
@@ -20436,7 +20479,7 @@ ${file.absPath}`,
 }
 
 // src/components/git/GitFileList.tsx
-import { useEffect as useEffect31, useRef as useRef22, useMemo as useMemo21 } from "react";
+import { useEffect as useEffect32, useRef as useRef22, useMemo as useMemo21 } from "react";
 import { jsx as jsx81, jsxs as jsxs70 } from "react/jsx-runtime";
 function GitFileList({ status }) {
   const { openCommitModal, openDiff } = useGitStore();
@@ -20470,7 +20513,7 @@ function GitFileList({ status }) {
     }
   };
   const conflictedLength = status.conflicted?.length ?? 0;
-  useEffect31(() => {
+  useEffect32(() => {
     if (currentFocus === "git" && gitFileIndex >= 0) {
       const element = itemRefs.current.get(gitFileIndex);
       element?.scrollIntoView({ block: "nearest", behavior: "smooth" });
@@ -20674,7 +20717,7 @@ function GitFileList({ status }) {
   });
 }
 // src/components/git/GitSidebar.tsx
-import { memo as memo22, useCallback as useCallback22, useEffect as useEffect32, useState as useState36 } from "react";
+import { memo as memo22, useCallback as useCallback22, useEffect as useEffect33, useState as useState36 } from "react";
 import {
   FolderGit2,
   ChevronRight as ChevronRight11,
@@ -20689,7 +20732,7 @@ import {
   Upload,
   X as X12
 } from "lucide-react";
-import { useQueryClient as useQueryClient12 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient13 } from "@tanstack/react-query";
 import { jsx as jsx82, jsxs as jsxs71, Fragment as Fragment33 } from "react/jsx-runtime";
 var PANEL_KEY = "git";
 var DEFAULT_WIDTH = 320;
@@ -20703,7 +20746,7 @@ var GitSidebar = memo22(function GitSidebar2({
   const panelWidth = usePanelWidthStore((s) => s.widths[PANEL_KEY] ?? DEFAULT_WIDTH);
   const { data: status, isLoading, error, refetch } = useGitStatus();
   const { data: remotes } = useGitRemotes();
-  const queryClient = useQueryClient12();
+  const queryClient = useQueryClient13();
   const pushMutation = usePushCommits();
   const pullMutation = usePullChanges();
   const initMutation = useGitInit();
@@ -20716,7 +20759,7 @@ var GitSidebar = memo22(function GitSidebar2({
   const [remoteName, setRemoteName] = useState36("origin");
   const [remoteUrl, setRemoteUrl] = useState36("");
   const [confirmRemoveRemote, setConfirmRemoveRemote] = useState36(null);
-  useEffect32(() => {
+  useEffect33(() => {
     if (isExpanded) {
       queryClient.invalidateQueries({ queryKey: ["git", "status"] });
     }
@@ -21231,11 +21274,11 @@ import { GitBranch as GitBranch9 } from "lucide-react";
 import { memo as memo23 } from "react";
 
 // src/hooks/useShortcutHintsVisible.ts
-import { useEffect as useEffect33, useState as useState37 } from "react";
+import { useEffect as useEffect34, useState as useState37 } from "react";
 var SHORTCUT_HINT_MODIFIERS = new Set(["Control", "Meta"]);
 function useShortcutHintsVisible() {
   const [isVisible, setIsVisible] = useState37(false);
-  useEffect33(() => {
+  useEffect34(() => {
     const handleKeyDown = (event) => {
       if (SHORTCUT_HINT_MODIFIERS.has(event.key) || event.ctrlKey || event.metaKey) {
         setIsVisible(true);
@@ -21301,7 +21344,7 @@ var GitSidebarToggle = memo24(function GitSidebarToggle2() {
   });
 });
 // src/components/git/GitDiffPanel.tsx
-import { useEffect as useEffect34, memo as memo25, useState as useState38 } from "react";
+import { useEffect as useEffect35, memo as memo25, useState as useState38 } from "react";
 import { X as X13, Maximize2, Minimize2 as Minimize22 } from "lucide-react";
 
 // src/hooks/useFileBrowser.ts
@@ -21356,11 +21399,11 @@ var GitDiffPanel = memo25(function GitDiffPanel2({
   const { data: fullFileDiff, isLoading: fullFileLoading } = useGitDiffFullFile(selectedFile, selectedFileStaged, showFullFile);
   const activeDiff = showFullFile && fullFileDiff ? fullFileDiff : diff2;
   const activeLoading = showFullFile ? fullFileLoading : isLoading;
-  useEffect34(() => {
+  useEffect35(() => {
     if (!isDiffOpen)
       setShowFullFile(false);
   }, [isDiffOpen]);
-  useEffect34(() => {
+  useEffect35(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -21455,7 +21498,7 @@ ${activeDiff?.absPath || ""}`,
   });
 });
 // src/components/git/GitCommitModal.tsx
-import { useState as useState39, useId as useId2, useEffect as useEffect35, useCallback as useCallback23 } from "react";
+import { useState as useState39, useId as useId2, useEffect as useEffect36, useCallback as useCallback23 } from "react";
 import { GitCommit as GitCommit4, Sparkles as Sparkles5 } from "lucide-react";
 import { jsx as jsx86, jsxs as jsxs74, Fragment as Fragment34 } from "react/jsx-runtime";
 function GitCommitModal() {
@@ -21488,7 +21531,7 @@ function GitCommitModal() {
       console.error("Failed to generate commit message:", error);
     }
   }, [generateMessage]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!isCommitModalOpen)
       return;
     const handleKeyDown = (e) => {
@@ -21627,7 +21670,7 @@ function GitCommitModal() {
   });
 }
 // src/components/terminals/TerminalsPanel.tsx
-import { memo as memo27, useCallback as useCallback25, useRef as useRef24, useEffect as useEffect37 } from "react";
+import { memo as memo27, useCallback as useCallback25, useRef as useRef24, useEffect as useEffect38 } from "react";
 import {
   Terminal as TerminalIcon,
   Maximize2 as Maximize22,
@@ -21669,7 +21712,7 @@ var useTerminalStore = create21((set) => ({
 }));
 
 // src/hooks/useTerminals.ts
-import { useQuery as useQuery9, useMutation as useMutation6, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+import { useQuery as useQuery9, useMutation as useMutation6, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import {
   getTerminals,
   postTerminals,
@@ -21690,7 +21733,7 @@ function useTerminals() {
   });
 }
 function useCreateTerminal() {
-  const queryClient = useQueryClient13();
+  const queryClient = useQueryClient14();
   return useMutation6({
     mutationFn: async (params) => {
       const response = await postTerminals({
@@ -21707,7 +21750,7 @@ function useCreateTerminal() {
   });
 }
 function useKillTerminal() {
-  const queryClient = useQueryClient13();
+  const queryClient = useQueryClient14();
   return useMutation6({
     mutationFn: async (terminalId) => {
       const response = await deleteTerminalsById({
@@ -21797,7 +21840,7 @@ var TerminalTabBar = memo26(function TerminalTabBar2({
 });
 
 // src/components/terminals/TerminalViewer.tsx
-import { useEffect as useEffect36, useRef as useRef23, useState as useState40, useCallback as useCallback24 } from "react";
+import { useEffect as useEffect37, useRef as useRef23, useState as useState40, useCallback as useCallback24 } from "react";
 import { init, Terminal as Terminal7, FitAddon } from "ghostty-web";
 import { client as client3 } from "@ottocode/api";
 import { jsx as jsx88, jsxs as jsxs76 } from "react/jsx-runtime";
@@ -21962,7 +22005,7 @@ function TerminalViewer({
       }
     };
   }, [terminalId]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!containerRef.current || !terminalId)
       return;
     let disposed = false;
@@ -22132,7 +22175,7 @@ function TerminalViewer({
       fitAddonRef.current = null;
     };
   }, [terminalId, connectWebSocket]);
-  useEffect36(() => {
+  useEffect37(() => {
     const term = termRef.current;
     if (!term)
       return;
@@ -22150,7 +22193,7 @@ function TerminalViewer({
       }
     }
   }, [isActive, fitTerminal]);
-  useEffect36(() => {
+  useEffect37(() => {
     fitTerminal();
   }, [fitTerminal]);
   return /* @__PURE__ */ jsx88("div", {
@@ -22207,12 +22250,12 @@ var TerminalsPanel = memo27(function TerminalsPanel2() {
   const autoCreatingRef = useRef24(false);
   const terminalsListRef = useRef24(terminalsList);
   terminalsListRef.current = terminalsList;
-  useEffect37(() => {
+  useEffect38(() => {
     if (isOpen && terminalsListRef.current.length > 0 && (!activeTabId || !terminalsListRef.current.find((t) => t.id === activeTabId))) {
       selectTab(terminalsListRef.current[0].id);
     }
   }, [isOpen, terminalsList.length, activeTabId, selectTab]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (isOpen && terminals && terminalsList.length === 0 && !autoCreatingRef.current && !createTerminal.isPending) {
       autoCreatingRef.current = true;
       createTerminal.mutateAsync({
@@ -22248,7 +22291,7 @@ var TerminalsPanel = memo27(function TerminalsPanel2() {
       }
     } catch {}
   }, [killTerminal, activeTabId, selectTab, closePanel]);
-  useEffect37(() => {
+  useEffect38(() => {
     const handleKeyDown = (e) => {
       if (e.key === "`" && e.ctrlKey) {
         e.preventDefault();
@@ -22694,7 +22737,7 @@ var SessionFilesSidebarToggle = memo30(function SessionFilesSidebarToggle2({
   });
 });
 // src/components/session-files/SessionFilesDiffPanel.tsx
-import { useEffect as useEffect38, useMemo as useMemo23, memo as memo31 } from "react";
+import { useEffect as useEffect39, useMemo as useMemo23, memo as memo31 } from "react";
 import { X as X15, ChevronLeft, ChevronRight as ChevronRight12 } from "lucide-react";
 import { jsx as jsx93, jsxs as jsxs81 } from "react/jsx-runtime";
 function transformToUnifiedDiff(patch) {
@@ -22775,13 +22818,17 @@ function getPatchLineTones(patch) {
   }
   return tones;
 }
-function FullHeightDiffView({ patch }) {
+function FullHeightDiffView({
+  patch,
+  filePath
+}) {
   return /* @__PURE__ */ jsx93("div", {
     className: "bg-card/60 border border-border rounded-lg overflow-hidden h-full",
     children: /* @__PURE__ */ jsx93(CodeMirrorViewer, {
       content: patch,
-      path: "session.patch",
-      lineTones: getPatchLineTones(patch)
+      path: filePath,
+      lineTones: getPatchLineTones(patch),
+      disableMarkdownSyntax: true
     })
   });
 }
@@ -22834,7 +22881,7 @@ ${contentLines.map((line) => `+${line}`).join(`
     }
     return rawPatch;
   }, [selectedOperation, selectedFile]);
-  useEffect38(() => {
+  useEffect39(() => {
     const handleKeyDown = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -22979,7 +23026,8 @@ ${contentLines.map((line) => `+${line}`).join(`
       /* @__PURE__ */ jsx93("div", {
         className: "flex-1 overflow-hidden p-4",
         children: patchContent ? /* @__PURE__ */ jsx93(FullHeightDiffView, {
-          patch: patchContent
+          patch: patchContent,
+          filePath: selectedFile
         }) : /* @__PURE__ */ jsx93("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "No diff content available"
@@ -22989,7 +23037,7 @@ ${contentLines.map((line) => `+${line}`).join(`
   });
 });
 // src/components/research/ResearchSidebar.tsx
-import { memo as memo32, useState as useState41, useEffect as useEffect39, useCallback as useCallback26, useRef as useRef25, useMemo as useMemo24 } from "react";
+import { memo as memo32, useState as useState41, useEffect as useEffect40, useCallback as useCallback26, useRef as useRef25, useMemo as useMemo24 } from "react";
 import {
   FlaskConical as FlaskConical3,
   Plus as Plus5,
@@ -23003,7 +23051,7 @@ import {
 } from "lucide-react";
 
 // src/hooks/useResearch.ts
-import { useQuery as useQuery11, useMutation as useMutation7, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
+import { useQuery as useQuery11, useMutation as useMutation7, useQueryClient as useQueryClient15 } from "@tanstack/react-query";
 import {
   createResearchSession as apiCreateResearchSession,
   deleteResearchSession as apiDeleteResearchSession,
@@ -23066,7 +23114,7 @@ function useResearchSessions(parentSessionId, enabled = true) {
   });
 }
 function useCreateResearchSession() {
-  const queryClient = useQueryClient14();
+  const queryClient = useQueryClient15();
   return useMutation7({
     mutationFn: ({
       parentSessionId,
@@ -23080,7 +23128,7 @@ function useCreateResearchSession() {
   });
 }
 function useDeleteResearchSession() {
-  const queryClient = useQueryClient14();
+  const queryClient = useQueryClient15();
   return useMutation7({
     mutationFn: (researchId) => researchApi.deleteResearchSession(researchId),
     onSuccess: () => {
@@ -23107,7 +23155,7 @@ function useInjectContext() {
   });
 }
 function useExportToSession() {
-  const queryClient = useQueryClient14();
+  const queryClient = useQueryClient15();
   return useMutation7({
     mutationFn: ({
       researchId,
@@ -23120,7 +23168,7 @@ function useExportToSession() {
 }
 
 // src/components/research/ResearchSidebar.tsx
-import { useMutation as useMutation8, useQueryClient as useQueryClient15 } from "@tanstack/react-query";
+import { useMutation as useMutation8, useQueryClient as useQueryClient16 } from "@tanstack/react-query";
 import { jsx as jsx94, jsxs as jsxs82, Fragment as Fragment36 } from "react/jsx-runtime";
 var PANEL_KEY3 = "research";
 var DEFAULT_WIDTH3 = 384;
@@ -23154,7 +23202,7 @@ var ResearchSidebar = memo32(function ResearchSidebar2({
   const { data: parentMessagesData } = useMessages(parentSessionId ?? undefined, { enabled: isExpanded });
   useSessionStream(activeResearchSessionId ?? undefined, isExpanded);
   const updateSession = useUpdateSession(activeResearchSessionId ?? "");
-  const queryClient = useQueryClient15();
+  const queryClient = useQueryClient16();
   const sendMessage = useMutation8({
     mutationFn: async ({
       sessionId,
@@ -23164,12 +23212,12 @@ var ResearchSidebar = memo32(function ResearchSidebar2({
       queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
     }
   });
-  useEffect39(() => {
+  useEffect40(() => {
     if (parentSessionId) {
       useResearchStore.getState().setParentSessionId(parentSessionId);
     }
   }, [parentSessionId]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (researchData?.sessions?.length) {
       const currentIsValid = researchData.sessions.some((s) => s.id === activeResearchSessionId);
       if (!currentIsValid) {
@@ -23179,7 +23227,7 @@ var ResearchSidebar = memo32(function ResearchSidebar2({
       selectResearchSession(null);
     }
   }, [researchData, activeResearchSessionId, selectResearchSession]);
-  useEffect39(() => {
+  useEffect40(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
   const adjustTextareaHeight = useCallback26(() => {
@@ -23189,7 +23237,7 @@ var ResearchSidebar = memo32(function ResearchSidebar2({
     textarea.style.height = "auto";
     textarea.style.height = `${Math.min(textarea.scrollHeight, 120)}px`;
   }, []);
-  useEffect39(() => {
+  useEffect40(() => {
     adjustTextareaHeight();
   }, [adjustTextareaHeight]);
   const handleCreateNew = useCallback26(async () => {
@@ -23683,7 +23731,7 @@ var ResearchSidebarToggle = memo33(function ResearchSidebarToggle2({
   });
 });
 // src/components/settings/SettingsSidebar.tsx
-import { memo as memo34, useState as useState43, useMemo as useMemo25, useCallback as useCallback28, useEffect as useEffect42, useRef as useRef28 } from "react";
+import { memo as memo34, useState as useState43, useMemo as useMemo25, useCallback as useCallback28, useEffect as useEffect43, useRef as useRef28 } from "react";
 import { createPortal } from "react-dom";
 import {
   Settings as Settings2,
@@ -23744,8 +23792,8 @@ var useOnboardingStore = create22((set, get) => ({
 }));
 
 // src/hooks/useAuthStatus.ts
-import { useEffect as useEffect40, useCallback as useCallback27, useState as useState42, useRef as useRef26 } from "react";
-import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
+import { useEffect as useEffect41, useCallback as useCallback27, useState as useState42, useRef as useRef26 } from "react";
+import { useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 var isInIframe = typeof window !== "undefined" && window.self !== window.top;
 function useAuthStatus() {
   const setAuthStatus = useOnboardingStore((s) => s.setAuthStatus);
@@ -23754,7 +23802,7 @@ function useAuthStatus() {
   const setError = useOnboardingStore((s) => s.setError);
   const authStatus = useOnboardingStore((s) => s.authStatus);
   const isOpen = useOnboardingStore((s) => s.isOpen);
-  const queryClient = useQueryClient16();
+  const queryClient = useQueryClient17();
   const [initialized, setInitialized] = useState42(false);
   const [oauthPolling, setOauthPolling] = useState42(false);
   const oauthPollingRef = useRef26(null);
@@ -23948,7 +23996,7 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (!oauthPolling || !isInIframe)
       return;
     oauthPollingRef.current = setInterval(() => {
@@ -23962,7 +24010,7 @@ function useAuthStatus() {
       clearTimeout(timeout);
     };
   }, [oauthPolling, fetchAuthStatus]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (!oauthPolling || !authStatus)
       return;
     const currentConfigured = Object.entries(authStatus.providers).filter(([, p]) => p.configured);
@@ -23971,7 +24019,7 @@ function useAuthStatus() {
       setOauthPolling(false);
     }
   }, [authStatus, oauthPolling]);
-  useEffect40(() => {
+  useEffect41(() => {
     const handleOAuthMessage = (event) => {
       if (event.data?.type === "oauth-success") {
         fetchAuthStatus();
@@ -24042,14 +24090,14 @@ function useAuthStatus() {
 }
 
 // src/hooks/useTopupCallback.ts
-import { useEffect as useEffect41, useRef as useRef27 } from "react";
+import { useEffect as useEffect42, useRef as useRef27 } from "react";
 var STORAGE_KEY2 = "pendingPolarCheckout";
 function useTopupCallback() {
   const hasHandled = useRef27(false);
   const loadingToastId = useRef27(null);
   const setBalance = useOttoRouterStore((s) => s.setBalance);
   const removeToast = useToastStore((s) => s.removeToast);
-  useEffect41(() => {
+  useEffect42(() => {
     if (hasHandled.current)
       return;
     const params = new URLSearchParams(window.location.search);
@@ -24243,7 +24291,7 @@ var SelectRow = memo34(function SelectRow2({
   const [menuStyle, setMenuStyle] = useState43(null);
   const buttonRef = useRef28(null);
   const selectedOption = options.find((o) => o.id === value);
-  useEffect42(() => {
+  useEffect43(() => {
     if (!isOpen || !buttonRef.current)
       return;
     const update = () => {
@@ -24460,7 +24508,7 @@ var NumberInputRow = memo34(function NumberInputRow2({
   disabled
 }) {
   const [draft, setDraft] = useState43(value !== null && value !== undefined ? String(value) : "");
-  useEffect42(() => {
+  useEffect43(() => {
     setDraft(value !== null && value !== undefined ? String(value) : "");
   }, [value]);
   const persistedValue = value !== null && value !== undefined ? String(value) : "";
@@ -25191,8 +25239,8 @@ import {
 import { QRCodeSVG as QRCodeSVG2 } from "qrcode.react";
 
 // src/hooks/useTunnel.ts
-import { useQuery as useQuery12, useMutation as useMutation9, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
-import { useEffect as useEffect43, useCallback as useCallback29, useRef as useRef29 } from "react";
+import { useQuery as useQuery12, useMutation as useMutation9, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
+import { useEffect as useEffect44, useCallback as useCallback29, useRef as useRef29 } from "react";
 import {
   client as client4,
   getTunnelQr,
@@ -25235,7 +25283,7 @@ function useTunnelStatus() {
     queryFn: fetchTunnelStatus,
     refetchInterval: 3000
   });
-  useEffect43(() => {
+  useEffect44(() => {
     if (query.data) {
       setStatus(query.data.status);
       setUrl(query.data.url);
@@ -25245,7 +25293,7 @@ function useTunnelStatus() {
   return query;
 }
 function useStartTunnel() {
-  const queryClient = useQueryClient17();
+  const queryClient = useQueryClient18();
   const setStatus = useTunnelStore((s) => s.setStatus);
   const setUrl = useTunnelStore((s) => s.setUrl);
   const setError = useTunnelStore((s) => s.setError);
@@ -25277,7 +25325,7 @@ function useStartTunnel() {
   });
 }
 function useStopTunnel() {
-  const queryClient = useQueryClient17();
+  const queryClient = useQueryClient18();
   const reset = useTunnelStore((s) => s.reset);
   return useMutation9({
     mutationFn: stopTunnel,
@@ -25295,7 +25343,7 @@ function useTunnelQr() {
     queryFn: fetchTunnelQr,
     enabled: !!url
   });
-  useEffect43(() => {
+  useEffect44(() => {
     if (query.data?.ok && query.data.qrCode) {
       setQrCode(query.data.qrCode);
     }
@@ -25335,7 +25383,7 @@ function useTunnelStream() {
       eventSourceRef.current = null;
     };
   }, [setStatus, setUrl, setError, setProgress]);
-  useEffect43(() => {
+  useEffect44(() => {
     if (isExpanded) {
       const cleanup = connect();
       return cleanup;
@@ -25594,7 +25642,7 @@ var TunnelSidebarToggle = memo37(function TunnelSidebarToggle2() {
   });
 });
 // src/components/mcp/MCPSidebar.tsx
-import { memo as memo40, useState as useState46, useCallback as useCallback32, useMemo as useMemo26, useEffect as useEffect46, useRef as useRef32 } from "react";
+import { memo as memo40, useState as useState46, useCallback as useCallback32, useMemo as useMemo26, useEffect as useEffect47, useRef as useRef32 } from "react";
 import {
   ChevronDown as ChevronDown12,
   ChevronRight as ChevronRight14,
@@ -25611,11 +25659,11 @@ import {
   Wrench,
   X as X17
 } from "lucide-react";
-import { useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 
 // src/hooks/useMCP.ts
-import { useQuery as useQuery13, useMutation as useMutation10, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
-import { useEffect as useEffect44, useRef as useRef30, useCallback as useCallback30 } from "react";
+import { useQuery as useQuery13, useMutation as useMutation10, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useEffect as useEffect45, useRef as useRef30, useCallback as useCallback30 } from "react";
 import {
   listMcpServers,
   startMcpServer,
@@ -25637,7 +25685,7 @@ function useMCPServers() {
     },
     refetchInterval: 1e4
   });
-  useEffect44(() => {
+  useEffect45(() => {
     if (query.data?.servers) {
       setServers(query.data.servers);
     }
@@ -25645,7 +25693,7 @@ function useMCPServers() {
   return query;
 }
 function useStartMCPServer() {
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   return useMutation10({
     mutationFn: async (name) => {
       const { data, error } = await startMcpServer({
@@ -25664,7 +25712,7 @@ function useStartMCPServer() {
   });
 }
 function useStopMCPServer() {
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   const setLoading = useMCPStore((s) => s.setLoading);
   return useMutation10({
     mutationFn: async (name) => {
@@ -25686,7 +25734,7 @@ function useStopMCPServer() {
   });
 }
 function useAddMCPServer() {
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   return useMutation10({
     mutationFn: async (params) => {
       const { data, error } = await addMcpServer({
@@ -25705,7 +25753,7 @@ function useAddMCPServer() {
   });
 }
 function useRemoveMCPServer() {
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   return useMutation10({
     mutationFn: async (name) => {
       const { data, error } = await removeMcpServer({
@@ -25724,7 +25772,7 @@ function useRemoveMCPServer() {
   });
 }
 function useAuthenticateMCPServer() {
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   return useMutation10({
     mutationFn: async (name) => {
       const { data, error } = await initiateMcpAuth({
@@ -25743,7 +25791,7 @@ function useAuthenticateMCPServer() {
   });
 }
 function useRevokeMCPAuth() {
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   return useMutation10({
     mutationFn: async (name) => {
       const { data, error } = await revokeMcpAuth({
@@ -25780,7 +25828,7 @@ function useCopilotDevicePoller() {
   const copilotDevice = useMCPStore((s) => s.copilotDevice);
   const setCopilotDevice = useMCPStore((s) => s.setCopilotDevice);
   const setLoading = useMCPStore((s) => s.setLoading);
-  const queryClient = useQueryClient18();
+  const queryClient = useQueryClient19();
   const timerRef = useRef30(null);
   const stopPolling = useCallback30(() => {
     if (timerRef.current) {
@@ -25788,7 +25836,7 @@ function useCopilotDevicePoller() {
       timerRef.current = null;
     }
   }, []);
-  useEffect44(() => {
+  useEffect45(() => {
     if (!copilotDevice) {
       stopPolling();
       return;
@@ -25824,7 +25872,7 @@ function useCopilotDevicePoller() {
 }
 
 // src/components/mcp/AddMCPServerModal.tsx
-import { memo as memo38, useState as useState45, useCallback as useCallback31, useRef as useRef31, useEffect as useEffect45 } from "react";
+import { memo as memo38, useState as useState45, useCallback as useCallback31, useRef as useRef31, useEffect as useEffect46 } from "react";
 import { Globe as Globe5, Laptop, FolderDot, Terminal as Terminal9 } from "lucide-react";
 import { jsx as jsx100, jsxs as jsxs88, Fragment as Fragment39 } from "react/jsx-runtime";
 function parseCommandString(input) {
@@ -25947,7 +25995,7 @@ var AddMCPServerModal = memo38(function AddMCPServerModal2({
   ]);
   const contentRef = useRef31(null);
   const [contentHeight, setContentHeight] = useState45(undefined);
-  useEffect45(() => {
+  useEffect46(() => {
     const el = contentRef.current;
     if (!el)
       return;
@@ -26491,7 +26539,7 @@ var MCPServerCard = memo40(function MCPServerCard2({
 function useAuthPoller(name, onAuthenticated) {
   const { data } = useMCPAuthStatus(name);
   const prevAuth = useRef32(false);
-  useEffect46(() => {
+  useEffect47(() => {
     if (data?.authenticated && !prevAuth.current) {
       onAuthenticated();
     }
@@ -26517,7 +26565,7 @@ var MCPSidebar = memo40(function MCPSidebar2() {
   const [pollingServer, setPollingServer] = useState46(null);
   const [deleteTarget, setDeleteTarget] = useState46(null);
   const [searchQuery, setSearchQuery] = useState46("");
-  const queryClient = useQueryClient19();
+  const queryClient = useQueryClient20();
   const handleAuthCompleted = useCallback32(() => {
     if (pollingServer) {
       setAuthUrl(pollingServer, null);
@@ -26526,7 +26574,7 @@ var MCPSidebar = memo40(function MCPSidebar2() {
     }
   }, [pollingServer, setAuthUrl, queryClient]);
   useAuthPoller(pollingServer, handleAuthCompleted);
-  useEffect46(() => {
+  useEffect47(() => {
     for (const name of loading) {
       const server = servers.find((s) => s.name === name);
       if (server?.connected) {
@@ -26823,8 +26871,8 @@ import {
 } from "lucide-react";
 
 // src/hooks/useSkills.ts
-import { useMutation as useMutation11, useQuery as useQuery14, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
-import { useEffect as useEffect47 } from "react";
+import { useMutation as useMutation11, useQuery as useQuery14, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useEffect as useEffect48 } from "react";
 function useSkills() {
   const setSkillsConfig = useSkillsStore((s) => s.setSkillsConfig);
   const query = useQuery14({
@@ -26834,7 +26882,7 @@ function useSkills() {
     },
     refetchInterval: 30000
   });
-  useEffect47(() => {
+  useEffect48(() => {
     if (query.data?.items) {
       setSkillsConfig({
         skills: query.data.items,
@@ -26847,7 +26895,7 @@ function useSkills() {
   return query;
 }
 function useUpdateSkillsConfig() {
-  const queryClient = useQueryClient20();
+  const queryClient = useQueryClient21();
   const setSkillsConfig = useSkillsStore((s) => s.setSkillsConfig);
   return useMutation11({
     mutationFn: (input) => apiClient.updateSkillsConfig(input),
@@ -27290,7 +27338,7 @@ var SkillsSidebarToggle = memo43(function SkillsSidebarToggle2() {
   });
 });
 // src/components/skills/SkillViewerPanel.tsx
-import { memo as memo44, useEffect as useEffect48 } from "react";
+import { memo as memo44, useEffect as useEffect49 } from "react";
 import { X as X19 } from "lucide-react";
 import { jsx as jsx106, jsxs as jsxs93 } from "react/jsx-runtime";
 var SkillViewerPanel = memo44(function SkillViewerPanel2({
@@ -27314,7 +27362,7 @@ var SkillViewerPanel = memo44(function SkillViewerPanel2({
   const content = isMainFile ? skillDetail?.content : fileData?.content;
   const isLoading = isMainFile ? !skillDetail : fileLoading;
   const displayPath = isMainFile ? "SKILL.md" : viewingFile ?? "";
-  useEffect48(() => {
+  useEffect49(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -27384,7 +27432,7 @@ var SkillViewerPanel = memo44(function SkillViewerPanel2({
   });
 });
 // src/components/file-browser/FileBrowserSidebar.tsx
-import { memo as memo45, useCallback as useCallback33, useEffect as useEffect49, useRef as useRef33 } from "react";
+import { memo as memo45, useCallback as useCallback33, useEffect as useEffect50, useRef as useRef33 } from "react";
 import {
   ChevronRight as ChevronRight15,
   ChevronDown as ChevronDown13,
@@ -27453,7 +27501,7 @@ function TreeItem({
   const activeViewerTabPath = getViewerTabPath3(activeViewerTab);
   const isSelected = selectedFile === path || activeViewerTabPath === path;
   const itemRef = useRef33(null);
-  useEffect49(() => {
+  useEffect50(() => {
     if (isSelected) {
       itemRef.current?.scrollIntoView({ block: "nearest" });
     }
@@ -27518,7 +27566,7 @@ var FileBrowserSidebar = memo45(function FileBrowserSidebar2() {
   });
   const panelWidth = usePanelWidthStore((s) => s.widths[PANEL_KEY4] ?? DEFAULT_WIDTH4);
   const { data: rootData, isLoading, refetch } = useFileTree(".");
-  useEffect49(() => {
+  useEffect50(() => {
     if (isExpanded && activeFileTabPath) {
       revealFile(activeFileTabPath);
     }
@@ -27623,7 +27671,7 @@ var FileBrowserSidebarToggle = memo46(function FileBrowserSidebarToggle2() {
 // src/components/file-browser/FileViewerPanel.tsx
 import {
   memo as memo47,
-  useEffect as useEffect51,
+  useEffect as useEffect52,
   useMemo as useMemo29,
   useRef as useRef35
 } from "react";
@@ -27633,7 +27681,7 @@ import remarkGfm3 from "remark-gfm";
 
 // src/components/workspace/ToolPreviewPanel.tsx
 import { CheckCircle2 as CheckCircle22, XCircle as XCircle4 } from "lucide-react";
-import { useEffect as useEffect50, useMemo as useMemo28, useRef as useRef34 } from "react";
+import { useEffect as useEffect51, useMemo as useMemo28, useRef as useRef34 } from "react";
 import { jsx as jsx109, jsxs as jsxs96 } from "react/jsx-runtime";
 var LARGE_WRITE_PREVIEW_CHARS = 24000;
 var LARGE_WRITE_PREVIEW_LINES = 500;
@@ -28212,7 +28260,8 @@ function PlainSourceViewer({
       }),
       /* @__PURE__ */ jsx109(CodeMirrorViewer, {
         content,
-        path
+        path,
+        disableMarkdownSyntax: true
       })
     ]
   });
@@ -28233,7 +28282,8 @@ function SourceViewer({
     highlightTone,
     lineTones,
     scrollToLine,
-    scrollToEndSignal
+    scrollToEndSignal,
+    disableMarkdownSyntax: true
   });
 }
 function ToolPreviewPanel({ tab }) {
@@ -28287,7 +28337,7 @@ function ToolPreviewPanel({ tab }) {
     };
   }
   const stablePatchPreview = lastPatchPreviewRef.current?.key === patchPreviewKey ? livePatchPreview ?? lastPatchPreviewRef.current.preview : livePatchPreview ?? persistedPatchPreview;
-  useEffect50(() => {
+  useEffect51(() => {
     if (tab.toolName !== "apply_patch" || !livePatchPreview)
       return;
     const baseContent = tab.baseContent ?? appliedFile?.content;
@@ -28312,11 +28362,11 @@ function ToolPreviewPanel({ tab }) {
       error: tab.error
     });
   }, [tab, appliedFile?.content, livePatchPreview]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (shouldLoadAppliedFile)
       refetchAppliedFile();
   }, [shouldLoadAppliedFile, refetchAppliedFile]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (scrollSignal.length === 0)
       return;
     const frame = window.requestAnimationFrame(() => {
@@ -28539,7 +28589,7 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
   const selectedFile = file ?? storeSelectedFile;
   const closeViewer = onClose ?? storeCloseViewer;
   const { data, isLoading } = useFileContent(selectedFile);
-  useEffect51(() => {
+  useEffect52(() => {
     const handleEscape = (e) => {
       const target = e.target;
       const isInInput = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
@@ -28566,7 +28616,7 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
   const patchBaseContent = patchPreview ? patchPreview.baseContent ?? data?.content ?? "" : undefined;
   const livePatchPreview = useMemo29(() => selectedFile && patchPreview?.patch && patchBaseContent !== undefined ? buildLivePatchPreview(patchBaseContent, patchPreview.patch, selectedFile) : null, [selectedFile, patchPreview?.patch, patchBaseContent]);
   const activePatchPreview = patchPreview?.status === "success" ? persistedPatchPreview ?? livePatchPreview : livePatchPreview ?? persistedPatchPreview;
-  useEffect51(() => {
+  useEffect52(() => {
     if (!selectedFile || !patchPreview || !livePatchPreview)
       return;
     const baseContent = patchPreview.baseContent ?? data?.content;
@@ -28591,7 +28641,7 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
       error: patchPreview.error
     });
   }, [selectedFile, data?.content, patchPreview, livePatchPreview]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (!data || !effectiveHighlight?.startLine)
       return;
     const frame = window.requestAnimationFrame(() => {
@@ -28700,12 +28750,14 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
         children: writePreview?.content !== undefined ? /* @__PURE__ */ jsx110(CodeMirrorViewer, {
           content: writePreview.content,
           path: selectedFile,
-          lineTones: writePreviewLineTones
+          lineTones: writePreviewLineTones,
+          disableMarkdownSyntax: true
         }) : activePatchPreview ? /* @__PURE__ */ jsx110(CodeMirrorViewer, {
           content: activePatchPreview.content,
           path: selectedFile,
           lineTones: activePatchLineTones,
-          scrollToLine: activePatchPreview.latestLine
+          scrollToLine: activePatchPreview.latestLine,
+          disableMarkdownSyntax: true
         }) : isLoading ? /* @__PURE__ */ jsx110("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Loading file..."
@@ -28752,7 +28804,8 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
           path: selectedFile,
           highlightedLines,
           lineTones: persistentLineTones,
-          scrollToLine: scrollToHighlightLine
+          scrollToLine: scrollToHighlightLine,
+          disableMarkdownSyntax: isMarkdownFile(selectedFile)
         }) : /* @__PURE__ */ jsx110("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Unable to load file"
@@ -28787,7 +28840,7 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
   });
 });
 // src/components/file-browser/QuickFilePicker.tsx
-import { memo as memo48, useState as useState48, useEffect as useEffect52, useRef as useRef36, useCallback as useCallback34, useMemo as useMemo30 } from "react";
+import { memo as memo48, useState as useState48, useEffect as useEffect53, useRef as useRef36, useCallback as useCallback34, useMemo as useMemo30 } from "react";
 import { FileCode as FileCode4, Search as Search9 } from "lucide-react";
 
 // src/stores/filePickerStore.ts
@@ -28842,14 +28895,14 @@ var QuickFilePicker = memo48(function QuickFilePicker2() {
     const results = filesData.files.map((file) => ({ file, ...fuzzyMatch(query, file) })).filter((r) => r.match).sort((a, b) => b.score - a.score).slice(0, 50);
     return results.map((r) => r.file);
   }, [filesData?.files, query]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (isOpen) {
       setQuery("");
       setSelectedIndex(0);
       setTimeout(() => inputRef.current?.focus(), 0);
     }
   }, [isOpen]);
-  useEffect52(() => {
+  useEffect53(() => {
     const item = listRef.current?.children[selectedIndex];
     item?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -29009,7 +29062,7 @@ function HighlightedPath({ path, query }) {
 // src/components/workspace/ViewerTabs.tsx
 import { Icon, addCollection } from "@iconify/react";
 import { icons as materialIconTheme } from "@iconify-json/material-icon-theme";
-import { memo as memo49, useEffect as useEffect53 } from "react";
+import { memo as memo49, useEffect as useEffect54 } from "react";
 import { GitCommit as GitCommit5, X as X21 } from "lucide-react";
 import { jsx as jsx112, jsxs as jsxs99 } from "react/jsx-runtime";
 addCollection(materialIconTheme);
@@ -29302,7 +29355,7 @@ var ViewerTabs = memo49(function ViewerTabs2() {
   const setActiveTab = useViewerTabsStore((state) => state.setActiveTab);
   const closeTab = useViewerTabsStore((state) => state.closeTab);
   const updateSessionFileOperationIndex = useViewerTabsStore((state) => state.updateSessionFileOperationIndex);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleKeyDown = (event) => {
       const target = event.target;
       const isInInput = target?.tagName === "INPUT" || target?.tagName === "TEXTAREA" || target?.isContentEditable;
@@ -29326,12 +29379,12 @@ var ViewerTabs = memo49(function ViewerTabs2() {
     className: "h-full w-full min-w-0 bg-sidebar flex flex-col",
     children: [
       /* @__PURE__ */ jsxs99("div", {
-        className: "h-12 shrink-0 bg-background flex overflow-x-auto overflow-y-hidden",
+        className: "h-12 shrink-0 bg-background flex overflow-x-auto overflow-y-hidden overscroll-x-contain scrollbar-hide",
         children: [
           tabs.map((tab) => {
             const isActive = tab.id === activeTab.id;
             return /* @__PURE__ */ jsxs99("div", {
-              className: `group h-12 max-w-56 min-w-0 px-3 border-r border-sidebar-border flex items-center gap-2 text-left transition-colors ${isActive ? "bg-sidebar text-sidebar-foreground" : "border-b bg-background text-muted-foreground/70 hover:text-foreground hover:bg-sidebar-accent/40"}`,
+              className: `group h-12 w-44 max-w-56 shrink-0 px-3 border-r border-sidebar-border flex items-center gap-2 text-left transition-colors ${isActive ? "bg-sidebar text-sidebar-foreground" : "border-b bg-background text-muted-foreground/70 hover:text-foreground hover:bg-sidebar-accent/40"}`,
               title: `${tab.title}
 ${tabKindLabel(tab)}`,
               children: [
@@ -29375,10 +29428,10 @@ ${tabKindLabel(tab)}`,
   });
 });
 // src/components/onboarding/OnboardingModal.tsx
-import { memo as memo52, useEffect as useEffect56 } from "react";
+import { memo as memo52, useEffect as useEffect57 } from "react";
 
 // src/components/onboarding/steps/ProviderSetupStep.tsx
-import { memo as memo50, useEffect as useEffect54, useState as useState49, useRef as useRef37 } from "react";
+import { memo as memo50, useEffect as useEffect55, useState as useState49, useRef as useRef37 } from "react";
 import {
   Copy as Copy5,
   Check as Check13,
@@ -29485,34 +29538,34 @@ var ProviderSetupStep = memo50(function ProviderSetupStep2({
   const { fetchBalance } = useOttoRouterBalance("ottorouter");
   const effectivePayg = payg?.effectiveSpendableUsd ?? balance ?? 0;
   const setuStatusLabel = subscription?.active ? `GO ${(subscription.creditsRemaining ?? 0).toFixed(1)} credits` : `$${effectivePayg.toFixed(2)}`;
-  useEffect54(() => {
+  useEffect55(() => {
     if (prevTopupModalOpen.current && !isTopupModalOpen) {
       fetchBalance();
     }
     prevTopupModalOpen.current = isTopupModalOpen;
   }, [isTopupModalOpen, fetchBalance]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!authStatus.ottorouter.configured && !isSettingUp) {
       setIsSettingUp(true);
       onSetupWallet().finally(() => setIsSettingUp(false));
     }
   }, [authStatus.ottorouter.configured, onSetupWallet, isSettingUp]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (addingProvider && apiKeyInputRef.current) {
       apiKeyInputRef.current.focus();
     }
   }, [addingProvider]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (oauthSession && oauthCodeInputRef.current) {
       oauthCodeInputRef.current.focus();
     }
   }, [oauthSession]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (isImportModalOpen && importPrivateKeyRef.current) {
       importPrivateKeyRef.current.focus();
     }
   }, [isImportModalOpen]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!copilotPolling || !copilotDevice || !copilotPollFnRef.current)
       return;
     copilotCancelledRef.current = false;
@@ -29810,7 +29863,7 @@ var ProviderSetupStep = memo50(function ProviderSetupStep2({
     setImportWalletError(null);
     setImportPrivateKey("");
   };
-  useEffect54(() => {
+  useEffect55(() => {
     const handleNativeBack = (event) => {
       const customEvent = event;
       if (!customEvent.detail || customEvent.detail.handled)
@@ -31000,7 +31053,7 @@ var ProviderSetupStep = memo50(function ProviderSetupStep2({
 });
 
 // src/components/onboarding/steps/DefaultsStep.tsx
-import { memo as memo51, useState as useState50, useEffect as useEffect55, useId as useId3, useRef as useRef38 } from "react";
+import { memo as memo51, useState as useState50, useEffect as useEffect56, useId as useId3, useRef as useRef38 } from "react";
 import { ArrowLeft, Sparkles as Sparkles9, ChevronDown as ChevronDown14 } from "lucide-react";
 import { jsx as jsx114, jsxs as jsxs101, Fragment as Fragment43 } from "react/jsx-runtime";
 var DefaultsStep = memo51(function DefaultsStep2({
@@ -31023,7 +31076,7 @@ var DefaultsStep = memo51(function DefaultsStep2({
   const modelId = useId3();
   const agentId = useId3();
   const approvalId = useId3();
-  useEffect55(() => {
+  useEffect56(() => {
     const loadConfig = async () => {
       try {
         const [configData, modelsData] = await Promise.all([
@@ -31054,7 +31107,7 @@ var DefaultsStep = memo51(function DefaultsStep2({
     };
     loadConfig();
   }, []);
-  useEffect55(() => {
+  useEffect56(() => {
     if (config2?.agents?.length) {
       const agents = config2.agents;
       if (!selectedAgent || !agents.includes(selectedAgent)) {
@@ -31062,7 +31115,7 @@ var DefaultsStep = memo51(function DefaultsStep2({
       }
     }
   }, [config2, selectedAgent]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (allModels?.[selectedProvider] && hasUserChangedProvider.current) {
       const providerModels = allModels[selectedProvider];
       if (!providerModels.models.some((m) => m.id === selectedModel)) {
@@ -31391,7 +31444,7 @@ var OnboardingModal = memo52(function OnboardingModal2({
     importCopilotTokenFromGh,
     getCopilotDiagnostics
   } = useAuthStatus();
-  useEffect56(() => {
+  useEffect57(() => {
     if (!isOpen)
       return;
     const handleNativeBack = (event) => {
@@ -31520,4 +31573,4 @@ export {
   AssistantMessageGroup
 };
 
-//# debugId=4E913F960CF2B78D64756E2164756E21
+//# debugId=83646DAB6C1728A064756E2164756E21