@ottocode/web-sdk 0.1.275 → 0.1.276

package/dist/index.js

@@ -480,6 +480,8 @@ function ToastItem({ toast: toast2 }) {
   };
   const style = typeStyles[toast2.type];
   const transitionClass = phase === "enter" ? "opacity-0 translate-y-2 scale-95" : phase === "exit" ? "opacity-0 translate-y-1 scale-95" : "opacity-100 translate-y-0 scale-100";
+  const rowAlignmentClass = toast2.type === "loading" ? "items-center" : "items-start";
+  const iconOffsetClass = toast2.type === "loading" ? "" : "mt-px";
   return /* @__PURE__ */ jsxs3("div", {
     className: `
 				relative overflow-hidden
@@ -494,10 +496,10 @@ function ToastItem({ toast: toast2 }) {
     role: "alert",
     children: [
       /* @__PURE__ */ jsxs3("div", {
-        className: "flex items-start gap-2.5 px-3 py-2.5",
+        className: `flex ${rowAlignmentClass} gap-2.5 px-3 py-2.5`,
         children: [
           /* @__PURE__ */ jsx7("span", {
-            className: "mt-px shrink-0",
+            className: `${iconOffsetClass} shrink-0`,
             children: style.icon
           }),
           /* @__PURE__ */ jsx7("div", {
@@ -1191,6 +1193,21 @@ var sessionsMixin = {
       throw new Error(extractErrorMessage(response.error));
     return response.data;
   },
+  async createHandoff(sessionId) {
+    const response = await fetch(`${getBaseUrl()}/v1/sessions/${encodeURIComponent(sessionId)}/handoff`, { method: "POST" });
+    const data = await response.json().catch(() => null);
+    if (!response.ok)
+      throw new Error(extractErrorMessage(data));
+    if (!data?.session || !data?.sessionId) {
+      throw new Error("No data returned from handoff");
+    }
+    return {
+      session: convertSession(data.session),
+      sessionId: String(data.sessionId),
+      sourceSessionId: String(data.sourceSessionId),
+      message: String(data.message ?? "")
+    };
+  },
   async abortSession(sessionId) {
     const response = await apiAbortSession({ path: { sessionId } });
     if (response.error)
@@ -1925,6 +1942,7 @@ class ApiClient {
   updateSession = sessionsMixin.updateSession;
   markSessionViewed = sessionsMixin.markSessionViewed;
   deleteSession = sessionsMixin.deleteSession;
+  createHandoff = sessionsMixin.createHandoff;
   abortSession = sessionsMixin.abortSession;
   abortMessage = sessionsMixin.abortMessage;
   getQueueState = sessionsMixin.getQueueState;
@@ -2199,7 +2217,8 @@ import {
   Trash2,
   Share2,
   RefreshCw,
-  FileText as FileText2
+  FileText as FileText2,
+  ArrowRightLeft
 } from "lucide-react";
 var COMMANDS = [
   {
@@ -2268,6 +2287,12 @@ var COMMANDS = [
     description: "Generate AGENTS.md and .agents docs from the real repo structure",
     icon: FileText2
   },
+  {
+    id: "handoff",
+    label: "/handoff",
+    description: "Create a new session with current context",
+    icon: ArrowRightLeft
+  },
   {
     id: "branch",
     label: "/branch",
@@ -3840,14 +3865,26 @@ import { useQuery as useQuery4 } from "@tanstack/react-query";
 var defaultQueueState = {
   currentMessageId: null,
   queuedMessages: [],
-  queueLength: 0
+  queueLength: 0,
+  isRunning: false
 };
+function normalizeQueueState(state) {
+  const isRunning = state.isRunning ?? Boolean(state.currentMessageId);
+  const currentMessageId = isRunning ? state.currentMessageId : null;
+  const hasActiveTurn = Boolean(currentMessageId);
+  const queuedMessages = hasActiveTurn ? state.queuedMessages : [];
+  return {
+    currentMessageId,
+    queuedMessages,
+    queueLength: queuedMessages.length,
+    isRunning: hasActiveTurn
+  };
+}
 function optimisticallyQueueMessage(queryClient, sessionId, messageId) {
   queryClient.setQueryData(["queueState", sessionId], (current) => {
     if (!current)
       return current;
-    const isBusy = Boolean(current.currentMessageId) || current.queuedMessages.length > 0 || current.queueLength > 0;
-    if (!isBusy)
+    if (!current.isRunning || !current.currentMessageId)
       return current;
     if (current.currentMessageId === messageId)
       return current;
@@ -3872,11 +3909,7 @@ function useQueueState(sessionId) {
       if (!sessionId)
         return defaultQueueState;
       const queueState = await apiClient.getQueueState(sessionId);
-      return {
-        currentMessageId: queueState.currentMessageId,
-        queuedMessages: queueState.queuedMessages,
-        queueLength: queueState.queuedMessages.length
-      };
+      return normalizeQueueState(queueState);
     },
     enabled: !!sessionId,
     placeholderData: defaultQueueState,
@@ -5219,6 +5252,53 @@ function mergeChangedLines(existing, incoming) {
     return existing;
   return [...new Set([...existing, ...incoming])].sort((a, b) => a - b);
 }
+function countContentLines(content) {
+  return content.length === 0 ? 1 : content.split(`
+`).length;
+}
+function annotationId(preview, targetPath) {
+  return `${preview.toolName}:${preview.callId ?? `${normalizeViewerPath(targetPath)}:${preview.patch ?? preview.content ?? ""}`}`;
+}
+function buildAnnotation(preview, targetPath, existing) {
+  if (preview.status === "error")
+    return existing;
+  const id = annotationId(preview, targetPath);
+  if (preview.toolName === "write") {
+    const content = preview.content;
+    if (content === undefined)
+      return existing;
+    return {
+      id,
+      reason: "write",
+      callId: preview.callId,
+      status: preview.status,
+      lineTones: Array.from({ length: countContentLines(content) }, (_, index) => [index + 1, "add"]),
+      createdAt: existing?.createdAt ?? Date.now()
+    };
+  }
+  const lineTones = preview.previewLineTones?.length ? preview.previewLineTones : preview.changedLines?.length ? preview.changedLines.map((line) => [line, "add"]) : existing?.lineTones;
+  if (!lineTones?.length)
+    return existing;
+  return {
+    id,
+    reason: "apply_patch",
+    callId: preview.callId,
+    status: preview.status,
+    lineTones,
+    createdAt: existing?.createdAt ?? Date.now()
+  };
+}
+function upsertAnnotation(annotations, annotation) {
+  if (!annotation)
+    return annotations;
+  const existing = annotations ?? [];
+  const index = existing.findIndex((item) => item.id === annotation.id);
+  if (index === -1)
+    return [...existing, annotation];
+  const next = [...existing];
+  next[index] = annotation;
+  return next;
+}
 var useViewerTabsStore = create8((set) => ({
   tabs: [],
   activeTabId: null,
@@ -5265,7 +5345,11 @@ var useViewerTabsStore = create8((set) => ({
           id: targetId,
           type: "file",
           title: existingFile?.title ?? titleFromPath(targetPath),
-          path: targetPath
+          path: targetPath,
+          highlight: existingFile?.highlight,
+          annotations: existingFile?.annotations,
+          patchPreview: existingFile?.patchPreview,
+          writePreview: existingFile?.writePreview
         }),
         activeTabId: targetId
       };
@@ -5286,6 +5370,7 @@ var useViewerTabsStore = create8((set) => ({
           title: existingFile?.title ?? titleFromPath(targetPath),
           path: targetPath,
           highlight,
+          annotations: existingFile?.annotations,
           patchPreview: undefined,
           writePreview: undefined
         }),
@@ -5307,6 +5392,12 @@ var useViewerTabsStore = create8((set) => ({
         const samePatchCall = isSamePatchCall(existingPatchPreview, preview);
         const baseContent = preview.baseContent ?? (samePatchCall ? existingPatchPreview?.baseContent : existingPatchPreview?.resultContent ?? existingPatchPreview?.baseContent);
         const changedLines = samePatchCall ? preview.changedLines ?? existingPatchPreview?.changedLines : mergeChangedLines(existingPatchPreview?.changedLines, preview.changedLines);
+        const annotationPreview = {
+          ...preview,
+          changedLines: preview.changedLines
+        };
+        const existingAnnotation = existingFile?.annotations?.find((annotation2) => annotation2.id === annotationId(annotationPreview, targetPath));
+        const annotations = upsertAnnotation(existingFile?.annotations, buildAnnotation(annotationPreview, targetPath, existingAnnotation));
         return {
           tabs: upsertTab(tabs, {
             id: targetId,
@@ -5314,6 +5405,7 @@ var useViewerTabsStore = create8((set) => ({
             title: existingFile?.title ?? titleFromPath(targetPath),
             path: targetPath,
             highlight: undefined,
+            annotations,
             writePreview: undefined,
             patchPreview: {
               path: targetPath,
@@ -5336,10 +5428,13 @@ var useViewerTabsStore = create8((set) => ({
       }
       if (existingFile) {
         const existingWritePreview = existingFile.writePreview;
+        const existingAnnotation = existingFile.annotations?.find((annotation2) => annotation2.id === annotationId(preview, targetPath));
+        const annotations = upsertAnnotation(existingFile.annotations, buildAnnotation(preview, targetPath, existingAnnotation));
         return {
           tabs: upsertTab(tabs, {
             ...existingFile,
             highlight: undefined,
+            annotations,
             patchPreview: undefined,
             writePreview: {
               path: targetPath,
@@ -5354,25 +5449,24 @@ var useViewerTabsStore = create8((set) => ({
         };
       }
       const existingWrite = existing?.toolName === "write" ? existing : undefined;
+      const annotation = buildAnnotation(preview, preview.path);
       return {
         tabs: upsertTab(tabs, {
           id,
-          type: "tool-preview",
+          type: "file",
           title: titleFromPath(preview.path),
           path: preview.path,
-          toolName: preview.toolName,
-          callId: preview.callId,
-          content: preview.content ?? existingWrite?.content,
-          baseContent: undefined,
-          patch: undefined,
-          changedLines: undefined,
-          previewContent: undefined,
-          resultContent: undefined,
-          previewLineTones: undefined,
-          previewFirstLine: undefined,
-          previewLatestLine: undefined,
-          status: preview.status,
-          error: preview.error ?? existingWrite?.error
+          highlight: undefined,
+          annotations: annotation ? [annotation] : undefined,
+          patchPreview: undefined,
+          writePreview: {
+            path: preview.path,
+            toolName: "write",
+            callId: preview.callId,
+            content: preview.content ?? existingWrite?.content,
+            status: preview.status,
+            error: preview.error ?? existingWrite?.error
+          }
         }),
         activeTabId: id
       };
@@ -7280,6 +7374,24 @@ ${content}` : content;
       handleSendMessage("/compact");
     } else if (commandId === "init") {
       handleSendMessage("/init");
+    } else if (commandId === "handoff") {
+      const toastId2 = toast.loading("Creating handoff...");
+      try {
+        const result = await apiClient.createHandoff(sessionId);
+        queryClient.invalidateQueries({ queryKey: ["sessions"] });
+        queryClient.invalidateQueries({
+          queryKey: ["messages", sessionId]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["messages", result.sessionId]
+        });
+        openPlatformSession(result.sessionId);
+        toast.success("Handoff created");
+      } catch (error) {
+        toast.error(error instanceof Error ? error.message : "Failed to create handoff");
+      } finally {
+        useToastStore.getState().removeToast(toastId2);
+      }
     } else if (commandId === "delete") {
       deleteSession.mutate(sessionId, {
         onSuccess: () => {
@@ -7928,6 +8040,11 @@ function parseDiff(patch) {
   let inHunk = false;
   let filePath = "";
   for (const line of lines) {
+    const lineModePath = line.match(/^\*\*\* (?:Delete Lines in|Replace Lines in|Insert Before in|Insert After in): (.+)$/);
+    if (lineModePath?.[1]) {
+      filePath = lineModePath[1];
+      inHunk = false;
+    }
     if (line.startsWith("*** Update File:") || line.startsWith("*** Add File:")) {
       const match = line.match(/\*\*\* (?:Update|Add) File: (.+)/);
       if (match)
@@ -12913,101 +13030,83 @@ var MessagePartItem = memo10(function MessagePartItem2({
       } else if (data) {
         content = JSON.stringify(data, null, 2);
       }
-      return /* @__PURE__ */ jsxs50("div", {
+      return /* @__PURE__ */ jsx59("div", {
         className: "relative group",
-        children: [
-          /* @__PURE__ */ jsx59("div", {
-            className: "absolute -top-1 right-0 opacity-0 group-hover:opacity-100 transition-opacity z-10",
-            children: /* @__PURE__ */ jsx59(CopyButton, {
-              text: content,
-              className: "bg-background/80 backdrop-blur-sm border border-border/50 shadow-sm",
-              size: "md"
-            })
-          }),
-          /* @__PURE__ */ jsx59("div", {
-            className: `${isCompactThread ? "text-[16.5px]" : "text-[17px]"} text-foreground leading-relaxed markdown-content max-w-full overflow-x-auto`,
-            children: /* @__PURE__ */ jsx59(ReactMarkdown, {
-              remarkPlugins: [remarkGfm],
-              components: {
-                a: ({
-                  href,
-                  children,
-                  ...props
-                }) => /* @__PURE__ */ jsx59("a", {
-                  href,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "text-primary underline decoration-primary/35 underline-offset-2 transition-colors hover:text-primary/90 hover:decoration-primary",
-                  onClick: (e) => {
-                    if (window.self !== window.top && href) {
-                      e.preventDefault();
-                      window.parent.postMessage({
-                        type: "otto-open-url",
-                        url: href
-                      }, "*");
+        children: /* @__PURE__ */ jsx59("div", {
+          className: `${isCompactThread ? "text-[16.5px]" : "text-[17px]"} text-foreground leading-relaxed markdown-content max-w-full overflow-x-auto`,
+          children: /* @__PURE__ */ jsx59(ReactMarkdown, {
+            remarkPlugins: [remarkGfm],
+            components: {
+              a: ({
+                href,
+                children,
+                ...props
+              }) => /* @__PURE__ */ jsx59("a", {
+                href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-primary underline decoration-primary/35 underline-offset-2 transition-colors hover:text-primary/90 hover:decoration-primary",
+                onClick: (e) => {
+                  if (window.self !== window.top && href) {
+                    e.preventDefault();
+                    window.parent.postMessage({
+                      type: "otto-open-url",
+                      url: href
+                    }, "*");
+                  }
+                },
+                ...props,
+                children
+              }),
+              pre: ({
+                children,
+                ...props
+              }) => {
+                const codeContent = (() => {
+                  if (!children)
+                    return "";
+                  const child = Array.isArray(children) ? children[0] : children;
+                  if (child && typeof child === "object" && "props" in child) {
+                    const codeProps = child.props;
+                    if (typeof codeProps.children === "string") {
+                      return codeProps.children;
                     }
-                  },
+                  }
+                  return "";
+                })();
+                return /* @__PURE__ */ jsxs50("div", {
+                  className: "relative group/code my-3",
+                  children: [
+                    /* @__PURE__ */ jsx59("div", {
+                      className: "absolute top-2 right-2 opacity-0 group-hover/code:opacity-100 transition-opacity z-10",
+                      children: /* @__PURE__ */ jsx59(CopyButton, {
+                        text: codeContent,
+                        className: "bg-background/80 backdrop-blur-sm border border-border/50 shadow-sm",
+                        size: "sm"
+                      })
+                    }),
+                    /* @__PURE__ */ jsx59("pre", {
+                      ...props,
+                      className: "overflow-x-auto",
+                      children
+                    })
+                  ]
+                });
+              },
+              table: ({
+                children,
+                ...props
+              }) => /* @__PURE__ */ jsx59("div", {
+                className: "overflow-x-auto max-w-full min-w-0 my-3",
+                children: /* @__PURE__ */ jsx59("table", {
                   ...props,
                   children
-                }),
-                pre: ({
-                  children,
-                  ...props
-                }) => {
-                  const codeContent = (() => {
-                    if (!children)
-                      return "";
-                    const child = Array.isArray(children) ? children[0] : children;
-                    if (child && typeof child === "object" && "props" in child) {
-                      const codeProps = child.props;
-                      if (typeof codeProps.children === "string") {
-                        return codeProps.children;
-                      }
-                    }
-                    return "";
-                  })();
-                  return /* @__PURE__ */ jsxs50("div", {
-                    className: "relative group/code my-3",
-                    children: [
-                      /* @__PURE__ */ jsx59("div", {
-                        className: "absolute top-2 right-2 opacity-0 group-hover/code:opacity-100 transition-opacity z-10",
-                        children: /* @__PURE__ */ jsx59(CopyButton, {
-                          text: codeContent,
-                          className: "bg-background/80 backdrop-blur-sm border border-border/50 shadow-sm",
-                          size: "sm"
-                        })
-                      }),
-                      /* @__PURE__ */ jsx59("pre", {
-                        ...props,
-                        className: "overflow-x-auto",
-                        children
-                      })
-                    ]
-                  });
-                },
-                table: ({
-                  children,
-                  ...props
-                }) => /* @__PURE__ */ jsx59("div", {
-                  className: "overflow-x-auto max-w-full min-w-0 my-3",
-                  children: /* @__PURE__ */ jsx59("table", {
-                    ...props,
-                    children
-                  })
                 })
-              },
-              children: content
-            })
-          }),
-          content.length > 500 && /* @__PURE__ */ jsx59("div", {
-            className: "absolute -bottom-1 right-0 opacity-0 group-hover:opacity-100 transition-opacity z-10",
-            children: /* @__PURE__ */ jsx59(CopyButton, {
-              text: content,
-              className: "bg-background/80 backdrop-blur-sm border border-border/50 shadow-sm",
-              size: "md"
-            })
+              })
+            },
+            children: content
           })
-        ]
+        })
       });
     }
     if (part.type === "error") {
@@ -14059,7 +14158,7 @@ function ActionToolBox({ part, showLine, compact }) {
                       },
                       children: /* @__PURE__ */ jsx61("pre", {
                         ref: contentMeasureRef,
-                        className: "px-1 pt-2.5 pb-1 text-[12px] 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-words",
                         children: displayContent
                       })
                     })
@@ -14123,20 +14222,10 @@ function extractJsonStringField(raw, field) {
   let result = "";
   let i = start;
   while (i < raw.length) {
-    if (raw[i] === "\\" && i + 1 < raw.length) {
-      const next = raw[i + 1];
-      if (next === "n")
-        result += `
-`;
-      else if (next === "t")
-        result += "\t";
-      else if (next === '"')
-        result += '"';
-      else if (next === "\\")
-        result += "\\";
-      else
-        result += next;
-      i += 2;
+    const decoded = decodeJsonStringChar(raw, i);
+    if (decoded) {
+      result += decoded.value;
+      i = decoded.nextIndex;
     } else if (raw[i] === '"') {
       break;
     } else {
@@ -14146,6 +14235,38 @@ function extractJsonStringField(raw, field) {
   }
   return result;
 }
+function decodeJsonStringChar(raw, index) {
+  if (raw[index] !== "\\" || index + 1 >= raw.length)
+    return null;
+  const next = raw[index + 1];
+  if (next === "n")
+    return { value: `
+`, nextIndex: index + 2 };
+  if (next === "t")
+    return { value: "\t", nextIndex: index + 2 };
+  if (next === "r")
+    return { value: "\r", nextIndex: index + 2 };
+  if (next === "b")
+    return { value: "\b", nextIndex: index + 2 };
+  if (next === "f")
+    return { value: "\f", nextIndex: index + 2 };
+  if (next === '"')
+    return { value: '"', nextIndex: index + 2 };
+  if (next === "\\")
+    return { value: "\\", nextIndex: index + 2 };
+  if (next === "/")
+    return { value: "/", nextIndex: index + 2 };
+  if (next === "u" && index + 5 < raw.length) {
+    const hex = raw.slice(index + 2, index + 6);
+    if (/^[0-9a-fA-F]{4}$/.test(hex)) {
+      return {
+        value: String.fromCharCode(Number.parseInt(hex, 16)),
+        nextIndex: index + 6
+      };
+    }
+  }
+  return { value: next, nextIndex: index + 2 };
+}
 function extractJsonStringFieldPreview(raw, field) {
   const pattern = new RegExp(`"${field}"\\s*:\\s*"`);
   const m = pattern.exec(raw);
@@ -14155,8 +14276,25 @@ function extractJsonStringFieldPreview(raw, field) {
   if (raw.length - start <= LIVE_TOOL_CONTENT_PREVIEW_CHARS) {
     return extractJsonStringField(raw, field);
   }
+  let result = "";
+  let i = start;
+  while (i < raw.length) {
+    const decoded = decodeJsonStringChar(raw, i);
+    if (decoded) {
+      result += decoded.value;
+      i = decoded.nextIndex;
+    } else if (raw[i] === '"') {
+      break;
+    } else {
+      result += raw[i];
+      i += 1;
+    }
+    if (result.length > LIVE_TOOL_CONTENT_PREVIEW_CHARS) {
+      result = result.slice(-LIVE_TOOL_CONTENT_PREVIEW_CHARS);
+    }
+  }
   return `… showing latest streamed content only …
-${raw.slice(-LIVE_TOOL_CONTENT_PREVIEW_CHARS)}`;
+${result}`;
 }
 function getLiveToolContentPreview(toolName, content) {
   if (toolName !== "write" && toolName !== "apply_patch" && content.length <= LIVE_TOOL_CONTENT_PREVIEW_CHARS) {
@@ -15837,21 +15975,23 @@ var UsageModal = memo14(function UsageModal2() {
 // src/hooks/useProviderUsage.ts
 import { useEffect as useEffect23, useCallback as useCallback15, useRef as useRef15 } from "react";
 var POLL_INTERVAL = 60000;
-var STALE_THRESHOLD = 30000;
+var STALE_THRESHOLD = 60000;
 var inflight = new Set;
 function useProviderUsage(provider, authType) {
   const setUsage = useUsageStore((s) => s.setUsage);
   const setLoading = useUsageStore((s) => s.setLoading);
   const setLastFetched = useUsageStore((s) => s.setLastFetched);
+  const isModalOpen = useUsageStore((s) => s.isModalOpen);
+  const modalProvider = useUsageStore((s) => s.modalProvider);
   const usage = useUsageStore((s) => provider ? s.usage[provider] : undefined);
   const isOAuthProvider = authType === "oauth" && (provider === "anthropic" || provider === "openai");
-  const fetchUsage = useCallback15(async () => {
+  const fetchUsage = useCallback15(async (force = false) => {
     if (!provider || !isOAuthProvider)
       return;
     if (inflight.has(provider))
       return;
     const last = useUsageStore.getState().lastFetched[provider] ?? 0;
-    if (last && Date.now() - last < STALE_THRESHOLD)
+    if (!force && last && Date.now() - last < STALE_THRESHOLD)
       return;
     inflight.add(provider);
     setLoading(provider, true);
@@ -15870,9 +16010,15 @@ function useProviderUsage(provider, authType) {
     if (!provider || !isOAuthProvider)
       return;
     fetchRef.current();
+  }, [isOAuthProvider, provider]);
+  useEffect23(() => {
+    if (!provider || !isOAuthProvider || !isModalOpen || modalProvider !== provider) {
+      return;
+    }
+    fetchRef.current(true);
     const interval = setInterval(() => fetchRef.current(), POLL_INTERVAL);
     return () => clearInterval(interval);
-  }, [isOAuthProvider, provider]);
+  }, [isModalOpen, isOAuthProvider, modalProvider, provider]);
   return {
     usage,
     fetchUsage,
@@ -17163,22 +17309,30 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
         return;
       let changeLines = 0;
       let stableChangeLength = 0;
+      let lineDirectiveCount = 0;
       for (const line of stablePatch.split(`
 `)) {
         if (line.startsWith("+") && !line.startsWith("+++") || line.startsWith("-") && !line.startsWith("---")) {
           changeLines += 1;
           stableChangeLength += line.length;
+        } else if (/^\*\*\* (?:Delete Lines in|Replace Lines in|Insert Before in|Insert After in): /.test(line) || line.startsWith("*** Lines:") || line.startsWith("*** Line:") || line.startsWith("*** With:")) {
+          lineDirectiveCount += 1;
         }
       }
-      return changeLines > 0 ? `${changeLines}:${stableChangeLength}` : undefined;
+      if (changeLines > 0)
+        return `${changeLines}:${stableChangeLength}`;
+      return lineDirectiveCount > 0 ? `lines:${lineDirectiveCount}:${stablePatch.length}` : undefined;
     };
     const extractPathsFromPatch = (patch) => {
       const paths = new Set;
       for (const line of patch.split(`
 `)) {
         const directive = line.match(/^\*\*\* (?:Update|Add|Delete) File: (.+)$/);
-        if (directive?.[1]) {
-          paths.add(directive[1].trim());
+        const replaceDirective = line.match(/^\*\*\* Replace in: (.+)$/);
+        const lineDirective = line.match(/^\*\*\* (?:Delete Lines in|Replace Lines in|Insert Before in|Insert After in): (.+)$/);
+        const path = directive?.[1] ?? replaceDirective?.[1] ?? lineDirective?.[1];
+        if (path) {
+          paths.add(path.trim());
           continue;
         }
         const unified = line.match(/^\+\+\+ (?:b\/)?(.+)$/);
@@ -17188,6 +17342,47 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       }
       return [...paths];
     };
+    const getExtension = (path) => path.split(".").pop()?.toLowerCase() ?? "";
+    const updateFileContentCache = (path, content) => {
+      queryClient.setQueryData(["files", "read", path], {
+        content,
+        path,
+        extension: getExtension(path),
+        lineCount: content.split(`
+`).length
+      });
+    };
+    const mergeReadResultIntoFileCache = (path, result, startLine, endLine) => {
+      if (typeof result?.content !== "string")
+        return;
+      const readContent = result.content;
+      if (!startLine || !endLine) {
+        updateFileContentCache(path, readContent);
+        return;
+      }
+      queryClient.setQueryData(["files", "read", path], (current) => {
+        if (!current?.content)
+          return current;
+        const lines = current.content.split(`
+`);
+        if (lines.at(-1) === "")
+          lines.pop();
+        const readLines = readContent.split(`
+`);
+        lines.splice(startLine - 1, endLine - startLine + 1, ...readLines);
+        const content = `${lines.join(`
+`)}
+`;
+        return {
+          ...current,
+          content,
+          lineCount: typeof result.totalLines === "number" ? result.totalLines : lines.length
+        };
+      });
+    };
+    const invalidateFileContentCache = (path) => {
+      queryClient.invalidateQueries({ queryKey: ["files", "read", path] });
+    };
     const getChangedLinesForPath = (result, path) => {
       const changes = Array.isArray(result?.changes) ? result.changes : [];
       const lines = new Set;
@@ -17217,9 +17412,6 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       return lines.size > 0 ? [...lines] : undefined;
     };
     const handleReadToolActivity = (eventType, payload, delta) => {
-      const viewerStore = useViewerTabsStore.getState();
-      if (!viewerStore.followToolActivity)
-        return;
       const name = getToolEventName(payload);
       if (name !== "read")
         return;
@@ -17232,6 +17424,12 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       const startLine = normalizeLineNumber(args.startLine) ?? normalizeLineNumber(args.start_line) ?? rangeFromResult.startLine;
       const endLine = normalizeLineNumber(args.endLine) ?? normalizeLineNumber(args.end_line) ?? rangeFromResult.endLine ?? startLine;
       const failed = result?.ok === false || eventType === "error";
+      if (eventType === "tool.result" && !failed) {
+        mergeReadResultIntoFileCache(path, result, startLine, endLine);
+      }
+      const viewerStore = useViewerTabsStore.getState();
+      if (!viewerStore.followToolActivity)
+        return;
       viewerStore.openToolReadTab(path, {
         startLine,
         endLine,
@@ -17241,9 +17439,6 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       });
     };
     const handleWriteToolActivity = (eventType, payload, delta) => {
-      const viewerStore = useViewerTabsStore.getState();
-      if (!viewerStore.followToolActivity)
-        return;
       const name = getToolEventName(payload);
       if (name !== "write")
         return;
@@ -17257,6 +17452,15 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       const callId = getToolEventCallId(payload) ?? undefined;
       const status = failed ? "error" : eventType === "tool.result" ? "success" : "streaming";
       const content = status === "streaming" ? getStreamingWritePreviewContent(args, buffer) : getStringArg(args, buffer, "content");
+      if (status === "success") {
+        if (content !== undefined)
+          updateFileContentCache(path, content);
+        else
+          invalidateFileContentCache(path);
+      }
+      const viewerStore = useViewerTabsStore.getState();
+      if (!viewerStore.followToolActivity)
+        return;
       if (status === "streaming" && content !== undefined && content.length >= TOOL_PREVIEW_THROTTLE_MIN_CHARS) {
         const previewKey = callId ?? path;
         const now = Date.now();
@@ -17280,9 +17484,6 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       });
     };
     const handleApplyPatchToolActivity = (eventType, payload, delta) => {
-      const viewerStore = useViewerTabsStore.getState();
-      if (!viewerStore.followToolActivity)
-        return;
       const name = getToolEventName(payload);
       if (name !== "apply_patch")
         return;
@@ -17306,6 +17507,13 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       const patchPaths = extractPathsFromPatch(patch);
       if (patchPaths.length === 0)
         return;
+      if (status === "success") {
+        for (const path of patchPaths)
+          invalidateFileContentCache(path);
+      }
+      const viewerStore = useViewerTabsStore.getState();
+      if (!viewerStore.followToolActivity)
+        return;
       const matchingFileTabs = viewerStore.tabs.filter((tab) => tab.type === "file" && patchPaths.some((path) => patchPathMayReferToTarget(path, tab.path)));
       const activeMatchingFileTab = matchingFileTabs.find((tab) => tab.id === viewerStore.activeTabId);
       const fallbackPath = patchPaths.find(isLikelyCompletePatchPath);
@@ -17411,6 +17619,11 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
     const applyMessageDelta = (payload) => {
       const messageId = typeof payload?.messageId === "string" ? payload.messageId : null;
       const partId = typeof payload?.partId === "string" ? payload.partId : null;
+      const payloadType = typeof payload?.type === "string" ? payload.type : undefined;
+      if (payloadType === "error") {
+        upsertErrorPart(payload);
+        return;
+      }
       const delta = typeof payload?.delta === "string" ? payload.delta : null;
       if (!messageId || !partId || delta === null)
         return;
@@ -17461,6 +17674,90 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
         return nextMessages;
       });
     };
+    const toRecord = (value) => {
+      if (value && typeof value === "object" && !Array.isArray(value)) {
+        return value;
+      }
+      return null;
+    };
+    const parseErrorContent = (payload) => {
+      const contentRecord = toRecord(payload.content);
+      if (contentRecord)
+        return contentRecord;
+      if (typeof payload.content === "string") {
+        try {
+          const parsed = JSON.parse(payload.content);
+          const parsedRecord = toRecord(parsed);
+          if (parsedRecord)
+            return parsedRecord;
+        } catch {}
+      }
+      const message = typeof payload.error === "string" ? payload.error : typeof payload.message === "string" ? payload.message : "Assistant run failed";
+      return {
+        message,
+        type: typeof payload.errorType === "string" ? payload.errorType : "error",
+        details: toRecord(payload.details) ?? undefined,
+        isAborted: payload.isAborted === true,
+        autoCompacted: payload.autoCompacted === true
+      };
+    };
+    const upsertErrorPart = (payload) => {
+      const messageId = typeof payload?.messageId === "string" ? payload.messageId : null;
+      if (!payload || !messageId)
+        return;
+      const contentJson = parseErrorContent(payload);
+      const content = JSON.stringify(contentJson);
+      const errorMessage = typeof contentJson.message === "string" ? contentJson.message : typeof payload.error === "string" ? payload.error : "Assistant run failed";
+      const stepIndex = typeof payload.stepIndex === "number" ? payload.stepIndex : null;
+      const partId = typeof payload.partId === "string" ? payload.partId : `error-${messageId}`;
+      queryClient.setQueryData(["messages", sessionId], (oldMessages) => {
+        if (!oldMessages)
+          return oldMessages;
+        const nextMessages = [...oldMessages];
+        const messageIndex = nextMessages.findIndex((message) => message.id === messageId);
+        if (messageIndex === -1)
+          return oldMessages;
+        const targetMessage = nextMessages[messageIndex];
+        const parts = targetMessage.parts ? [...targetMessage.parts] : [];
+        const partIndex = parts.findIndex((part) => part.id === partId);
+        if (partIndex === -1) {
+          const newPart = {
+            id: partId,
+            messageId,
+            index: getOptimisticPartIndex(parts, stepIndex),
+            stepIndex,
+            type: "error",
+            content,
+            contentJson,
+            agent: targetMessage.agent,
+            provider: targetMessage.provider,
+            model: targetMessage.model,
+            startedAt: Date.now(),
+            completedAt: Date.now(),
+            toolName: null,
+            toolCallId: null,
+            toolDurationMs: null
+          };
+          parts.push(newPart);
+        } else {
+          parts[partIndex] = {
+            ...parts[partIndex],
+            content,
+            contentJson,
+            stepIndex: stepIndex ?? parts[partIndex].stepIndex ?? null,
+            completedAt: Date.now()
+          };
+        }
+        nextMessages[messageIndex] = {
+          ...targetMessage,
+          status: "error",
+          completedAt: targetMessage.completedAt ?? Date.now(),
+          error: errorMessage,
+          parts
+        };
+        return nextMessages;
+      });
+    };
     const upsertEphemeralToolCall = (payload) => {
       if (!payload)
         return;
@@ -17890,6 +18187,17 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
           }
           markMessageCompleted(payload);
           clearEphemeralForMessage(id);
+          if (id) {
+            queryClient.setQueryData(["queueState", sessionId], (current) => {
+              if (!current || current.currentMessageId !== id)
+                return current;
+              return normalizeQueueState({
+                currentMessageId: null,
+                queuedMessages: [],
+                isRunning: false
+              });
+            });
+          }
           queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
           queryClient.invalidateQueries({ queryKey: sessionsQueryKey });
           break;
@@ -17963,22 +18271,7 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
               assistantMessageIdRef.current = null;
             }
             clearEphemeralForMessage(messageId);
-            const errorMessage = typeof payload?.error === "string" ? payload.error : typeof payload?.message === "string" ? payload.message : "Assistant run failed";
-            queryClient.setQueryData(["messages", sessionId], (oldMessages) => {
-              if (!oldMessages)
-                return oldMessages;
-              const idx = oldMessages.findIndex((m) => m.id === messageId);
-              if (idx === -1)
-                return oldMessages;
-              const next = [...oldMessages];
-              next[idx] = {
-                ...next[idx],
-                status: "error",
-                completedAt: next[idx].completedAt ?? Date.now(),
-                error: errorMessage
-              };
-              return next;
-            });
+            upsertErrorPart(payload);
           }
           queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
           break;
@@ -18013,11 +18306,11 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
           break;
         }
         case "queue.updated": {
-          const queueState = {
+          const queueState = normalizeQueueState({
             currentMessageId: payload?.currentMessageId,
             queuedMessages: payload?.queuedMessages ?? [],
-            queueLength: payload?.queueLength ?? 0
-          };
+            isRunning: typeof payload?.isRunning === "boolean" ? payload.isRunning : undefined
+          });
           queryClient.setQueryData(["queueState", sessionId], queueState);
           break;
         }
@@ -19579,7 +19872,7 @@ var syntaxTheme = HighlightStyle.define([
   { tag: tags.invalid, color: "var(--otto-cm-invalid)" }
 ]);
 function lineDecorationsExtension(highlightedLines, highlightTone = "primary", lineTones) {
-  return EditorView.decorations.compute([], (state) => {
+  return EditorView.decorations.compute(["doc"], (state) => {
     const decorations = [];
     for (const [line, tone] of lineTones ?? []) {
       if (line > 0)
@@ -27412,6 +27705,35 @@ function getStablePatchLines(patch) {
     lines.pop();
   return lines;
 }
+function getEnvelopedPatchPath(line) {
+  const directive = line.match(/^\*\*\* (?:Update|Add|Delete) File: (.+)$/);
+  const replaceDirective = line.match(/^\*\*\* Replace in: (.+)$/);
+  const lineDirective = line.match(/^\*\*\* (?:Delete Lines in|Replace Lines in|Insert Before in|Insert After in): (.+)$/);
+  return directive?.[1] ?? replaceDirective?.[1] ?? lineDirective?.[1];
+}
+function parsePatchLineNumber(value) {
+  const trimmed = value.trim();
+  if (!/^\d+$/.test(trimmed))
+    return;
+  const line = Number.parseInt(trimmed, 10);
+  return line > 0 ? line : undefined;
+}
+function parsePatchLineRange(value) {
+  const match = /^(\d+)(?:\s*-\s*(\d+|end|eof|\$))?$/i.exec(value.trim());
+  if (!match)
+    return;
+  const startLine = parsePatchLineNumber(match[1]);
+  if (!startLine)
+    return;
+  if (!match[2])
+    return { startLine, endLine: startLine };
+  const endLine = /^(end|eof|\$)$/i.test(match[2]) ? "end" : parsePatchLineNumber(match[2]);
+  if (!endLine)
+    return;
+  if (typeof endLine === "number" && endLine < startLine)
+    return;
+  return { startLine, endLine };
+}
 function getPatchLineHighlights(patch, targetPath, fallbackLines) {
   const highlighted = new Set(fallbackLines ?? []);
   if (!patch)
@@ -27427,9 +27749,9 @@ function getPatchLineHighlights(patch, targetPath, fallbackLines) {
   let inHunk = false;
   let newLine = 0;
   for (const line of getStablePatchLines(patch)) {
-    const directive = line.match(/^\*\*\* (?:Update|Add|Delete) File: (.+)$/);
-    if (directive?.[1]) {
-      activeFile = patchPathMatches(directive[1], targetPath);
+    const directivePath = getEnvelopedPatchPath(line);
+    if (directivePath) {
+      activeFile = patchPathMatches(directivePath, targetPath);
       sawFileDirective = true;
       inHunk = false;
       newLine = 0;
@@ -27523,10 +27845,10 @@ function collectEnvelopedPatchHunks(patch, targetPath) {
     current = [];
   };
   for (const line of getStablePatchLines(patch)) {
-    const directive = line.match(/^\*\*\* (?:Update|Add|Delete) File: (.+)$/);
-    if (directive?.[1]) {
+    const directivePath = getEnvelopedPatchPath(line);
+    if (directivePath) {
       flush();
-      activeFile = patchPathMatches(directive[1], targetPath);
+      activeFile = patchPathMatches(directivePath, targetPath);
       sawFileDirective = true;
       inHunk = activeFile;
       continue;
@@ -27615,9 +27937,152 @@ function buildEnvelopedPatchPreview(content, patch, targetPath) {
     latestLine: changedLines.length > 0 ? Math.max(...changedLines) : undefined
   };
 }
+function collectLineNumberPatchOperations(patch, targetPath) {
+  const operations = [];
+  let current = null;
+  let activeFile = false;
+  let phase = "directives";
+  const flush = () => {
+    if (current && activeFile)
+      operations.push(current);
+    current = null;
+    phase = "directives";
+  };
+  for (const line of getStablePatchLines(patch)) {
+    const directive = line.match(/^\*\*\* (Delete Lines in|Replace Lines in|Insert Before in|Insert After in): (.+)$/);
+    if (directive?.[1] && directive[2]) {
+      flush();
+      activeFile = patchPathMatches(directive[2], targetPath);
+      if (directive[1] === "Delete Lines in") {
+        current = { kind: "delete", filePath: directive[2], lines: [] };
+      } else if (directive[1] === "Replace Lines in") {
+        current = { kind: "replace", filePath: directive[2], lines: [] };
+      } else {
+        current = {
+          kind: "insert",
+          filePath: directive[2],
+          position: directive[1] === "Insert Before in" ? "before" : "after",
+          lines: []
+        };
+      }
+      continue;
+    }
+    if (!current)
+      continue;
+    if (line.startsWith("*** End Patch")) {
+      flush();
+      continue;
+    }
+    if (line.startsWith("*** Begin Patch"))
+      continue;
+    if (phase === "with") {
+      current.lines.push(line);
+      continue;
+    }
+    if (line.startsWith("*** Lines:") && current.kind !== "insert") {
+      const range = parsePatchLineRange(line.slice("*** Lines:".length));
+      if (range) {
+        current.startLine = range.startLine;
+        current.endLine = range.endLine;
+      }
+      continue;
+    }
+    if (line.startsWith("*** Line:") && current.kind === "insert") {
+      current.line = parsePatchLineNumber(line.slice("*** Line:".length));
+      continue;
+    }
+    if (line.startsWith("*** With:")) {
+      phase = "with";
+    }
+  }
+  flush();
+  return operations;
+}
+function getCurrentRecordPosition(records, currentIndex) {
+  let seen = 0;
+  for (let index = 0;index < records.length; index += 1) {
+    if (records[index].removed)
+      continue;
+    if (seen === currentIndex)
+      return index;
+    seen += 1;
+  }
+  return records.length;
+}
+function buildLineNumberPatchPreview(content, patch, targetPath) {
+  const operations = collectLineNumberPatchOperations(patch, targetPath);
+  if (operations.length === 0)
+    return null;
+  const contentLines = content.split(`
+`);
+  if (contentLines.at(-1) === "")
+    contentLines.pop();
+  const records = contentLines.map((line) => ({
+    text: line
+  }));
+  for (const operation of operations) {
+    const currentLines = records.filter((record) => !record.removed);
+    if (operation.kind === "insert") {
+      if (!operation.line)
+        continue;
+      const insertIndex = operation.position === "before" ? operation.line - 1 : operation.line;
+      if (insertIndex < 0 || insertIndex > currentLines.length)
+        continue;
+      const recordIndex2 = getCurrentRecordPosition(records, insertIndex);
+      records.splice(recordIndex2, 0, ...operation.lines.map((line) => ({
+        text: line,
+        tone: "add"
+      })));
+      continue;
+    }
+    if (!operation.startLine || !operation.endLine)
+      continue;
+    const endLine = operation.endLine === "end" ? currentLines.length : operation.endLine;
+    if (operation.startLine > currentLines.length || endLine > currentLines.length)
+      continue;
+    const startIndex = operation.startLine - 1;
+    const endIndex = endLine - 1;
+    const recordIndex = getCurrentRecordPosition(records, startIndex);
+    for (let index = startIndex;index <= endIndex; index += 1) {
+      const position = getCurrentRecordPosition(records, startIndex);
+      if (!records[position])
+        continue;
+      records[position].tone = "remove";
+      records[position].removed = true;
+    }
+    if (operation.kind === "replace") {
+      records.splice(recordIndex, 0, ...operation.lines.map((line) => ({
+        text: line,
+        tone: "add"
+      })));
+    }
+  }
+  const lineTones = new Map;
+  const renderedLines = records.map((record, index) => {
+    if (record.tone)
+      lineTones.set(index + 1, record.tone);
+    return record.text;
+  });
+  if (lineTones.size === 0)
+    return null;
+  const resultLines = records.filter((record) => !record.removed).map((record) => record.text);
+  const changedLines = [...lineTones.keys()];
+  return {
+    content: renderedLines.join(`
+`),
+    resultContent: resultLines.join(`
+`),
+    lineTones,
+    firstLine: Math.min(...changedLines),
+    latestLine: Math.max(...changedLines)
+  };
+}
 function buildLivePatchPreview(content, patch, targetPath) {
   if (!patch)
     return null;
+  const lineNumberPreview = buildLineNumberPatchPreview(content, patch, targetPath);
+  if (lineNumberPreview)
+    return lineNumberPreview;
   const insertions = new Map;
   const removals = new Set;
   let activeFile = false;
@@ -27885,26 +28350,6 @@ function ToolPreviewPanel({ tab }) {
   return /* @__PURE__ */ jsxs96("div", {
     className: "h-full w-full bg-transparent flex flex-col",
     children: [
-      /* @__PURE__ */ jsxs96("div", {
-        className: "shrink-0 border-b border-sidebar-border bg-sidebar-accent/30 px-3 py-1.5 text-[12px] text-muted-foreground flex items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsx109(StatusIcon, {
-            status: tab.status
-          }),
-          /* @__PURE__ */ jsx109("span", {
-            children: statusLabel
-          }),
-          /* @__PURE__ */ jsx109("span", {
-            className: "text-muted-foreground/60",
-            children: "·"
-          }),
-          /* @__PURE__ */ jsx109("span", {
-            className: "font-mono truncate",
-            title: tab.path,
-            children: tab.path
-          })
-        ]
-      }),
       tab.error && /* @__PURE__ */ jsx109("div", {
         className: "shrink-0 border-b border-red-500/20 bg-red-500/10 px-3 py-2 text-[12px] text-red-700 dark:text-red-300",
         children: tab.error
@@ -27952,6 +28397,26 @@ function ToolPreviewPanel({ tab }) {
           className: "h-full flex items-center justify-center text-sm text-muted-foreground",
           children: "Waiting for write content..."
         })
+      }),
+      /* @__PURE__ */ jsxs96("div", {
+        className: "shrink-0 border-t border-sidebar-border bg-sidebar-accent/30 px-3 py-1.5 text-[12px] text-muted-foreground flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsx109(StatusIcon, {
+            status: tab.status
+          }),
+          /* @__PURE__ */ jsx109("span", {
+            children: statusLabel
+          }),
+          /* @__PURE__ */ jsx109("span", {
+            className: "text-muted-foreground/60",
+            children: "·"
+          }),
+          /* @__PURE__ */ jsx109("span", {
+            className: "font-mono truncate",
+            title: tab.path,
+            children: tab.path
+          })
+        ]
       })
     ]
   });
@@ -28061,6 +28526,7 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
   open,
   file,
   highlight,
+  annotations,
   patchPreview,
   writePreview,
   onClose
@@ -28139,6 +28605,28 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
   const highlightStart = effectiveHighlight?.startLine;
   const highlightEnd = effectiveHighlight?.endLine ?? highlightStart;
   const patchChangedLines = patchPreview?.changedLines;
+  const persistentLineTones = useMemo29(() => {
+    if (!annotations?.length)
+      return;
+    const tones = new Map;
+    for (const annotation of annotations) {
+      for (const [line, tone] of annotation.lineTones) {
+        if (line > 0)
+          tones.set(line, tone);
+      }
+    }
+    return tones.size > 0 ? tones : undefined;
+  }, [annotations]);
+  const writePreviewLineTones = useMemo29(() => {
+    if (writePreview?.content === undefined)
+      return;
+    const tones = new Map;
+    const lineCount = writePreview.content.length === 0 ? 1 : writePreview.content.split(`
+`).length;
+    for (let line = 1;line <= lineCount; line += 1)
+      tones.set(line, "add");
+    return tones;
+  }, [writePreview?.content]);
   const highlightedLines = useMemo29(() => {
     if (highlightStart && highlightEnd) {
       return new Set(Array.from({ length: highlightEnd - highlightStart + 1 }, (_, index) => highlightStart + index));
@@ -28152,18 +28640,21 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
   const scrollToHighlightLine = highlightStart ?? fallbackPatchHighlightStart;
   const activePatchLineTones = useMemo29(() => {
     if (!activePatchPreview)
-      return;
-    const tones = new Map(activePatchPreview.lineTones);
+      return persistentLineTones;
+    const tones = new Map(persistentLineTones);
+    for (const [line, tone] of activePatchPreview.lineTones) {
+      tones.set(line, tone);
+    }
     for (const line of patchChangedLines ?? []) {
       if (!tones.has(line))
         tones.set(line, "add");
     }
     return tones;
-  }, [activePatchPreview, patchChangedLines]);
+  }, [activePatchPreview, patchChangedLines, persistentLineTones]);
   if (!isViewerOpen || !selectedFile)
     return null;
   const language = inferLanguage(selectedFile);
-  const renderMarkdown = isMarkdownFile(selectedFile) && !effectiveHighlight && !activePatchPreview && !writePreview?.content;
+  const renderMarkdown = isMarkdownFile(selectedFile) && !effectiveHighlight && !persistentLineTones && !activePatchPreview && !writePreview?.content;
   return /* @__PURE__ */ jsxs97("div", {
     className: mode === "pane" ? "h-full w-full bg-transparent flex flex-col" : "absolute inset-0 bg-background z-50 flex flex-col animate-in slide-in-from-left duration-300",
     children: [
@@ -28208,7 +28699,8 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
         className: "flex-1 overflow-auto",
         children: writePreview?.content !== undefined ? /* @__PURE__ */ jsx110(CodeMirrorViewer, {
           content: writePreview.content,
-          path: selectedFile
+          path: selectedFile,
+          lineTones: writePreviewLineTones
         }) : activePatchPreview ? /* @__PURE__ */ jsx110(CodeMirrorViewer, {
           content: activePatchPreview.content,
           path: selectedFile,
@@ -28259,6 +28751,7 @@ var FileViewerPanel = memo47(function FileViewerPanel2({
           content: data.content,
           path: selectedFile,
           highlightedLines,
+          lineTones: persistentLineTones,
           scrollToLine: scrollToHighlightLine
         }) : /* @__PURE__ */ jsx110("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
@@ -28514,20 +29007,170 @@ 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 {
-  Braces as Braces2,
-  File as File3,
-  FileCode as FileCode5,
-  FileJson as FileJson2,
-  FileText as FileText8,
-  FileType as FileType2,
-  GitCommit as GitCommit5,
-  Image as Image2,
-  Settings as Settings4,
-  X as X21
-} from "lucide-react";
+import { GitCommit as GitCommit5, X as X21 } from "lucide-react";
 import { jsx as jsx112, jsxs as jsxs99 } from "react/jsx-runtime";
+addCollection(materialIconTheme);
+var ICON_CLASS = "h-3.5 w-3.5 shrink-0";
+var FILENAME_ICON_MAP = {
+  ".dockerignore": "docker",
+  ".editorconfig": "editorconfig",
+  ".env": "settings",
+  ".env.example": "settings",
+  ".env.local": "settings",
+  ".eslintignore": "eslint",
+  ".eslintrc": "eslint",
+  ".gitattributes": "git",
+  ".gitignore": "git",
+  ".prettierrc": "prettier",
+  "astro.config.mjs": "astro-config",
+  "astro.config.ts": "astro-config",
+  "biome.json": "biome",
+  "bun.lock": "bun",
+  "bun.lockb": "bun",
+  "bunfig.toml": "bun",
+  "cargo.lock": "lock",
+  "cargo.toml": "rust",
+  "compose.yaml": "docker",
+  "compose.yml": "docker",
+  "docker-compose.yaml": "docker",
+  "docker-compose.yml": "docker",
+  dockerfile: "docker",
+  "eslint.config.js": "eslint",
+  "eslint.config.mjs": "eslint",
+  "eslint.config.ts": "eslint",
+  gemfile: "gemfile",
+  "go.mod": "go-mod",
+  "go.sum": "go-mod",
+  "jsconfig.json": "jsconfig",
+  license: "license",
+  makefile: "makefile",
+  "next.config.js": "next",
+  "next.config.mjs": "next",
+  "next.config.ts": "next",
+  "package-lock.json": "npm",
+  "package.json": "npm",
+  "pnpm-lock.yaml": "pnpm",
+  "postcss.config.js": "postcss",
+  "postcss.config.mjs": "postcss",
+  "postcss.config.ts": "postcss",
+  "prettier.config.js": "prettier",
+  "prettier.config.mjs": "prettier",
+  "prettier.config.ts": "prettier",
+  "readme.md": "readme",
+  "readme.mdx": "readme",
+  "rollup.config.js": "rollup",
+  "rollup.config.mjs": "rollup",
+  "rollup.config.ts": "rollup",
+  "svelte.config.js": "svelte",
+  "svelte.config.ts": "svelte",
+  "tailwind.config.js": "tailwindcss",
+  "tailwind.config.ts": "tailwindcss",
+  "tauri.conf.json": "tauri",
+  "tsconfig.json": "tsconfig",
+  "vite.config.js": "vite",
+  "vite.config.mjs": "vite",
+  "vite.config.ts": "vite",
+  "vitest.config.js": "vitest",
+  "vitest.config.mjs": "vitest",
+  "vitest.config.ts": "vitest",
+  "vue.config.js": "vue-config",
+  "vue.config.ts": "vue-config",
+  "yarn.lock": "lock"
+};
+var EXTENSION_ICON_MAP = {
+  ai: "image",
+  astro: "astro",
+  avif: "image",
+  bash: "console",
+  bmp: "image",
+  c: "c",
+  cc: "cpp",
+  clj: "clojure",
+  cljc: "clojure",
+  cljs: "clojure",
+  cpp: "cpp",
+  cs: "csharp",
+  css: "css",
+  cxx: "cpp",
+  dart: "dart",
+  dockerfile: "docker",
+  ex: "elixir",
+  exs: "elixir",
+  erl: "erlang",
+  fish: "console",
+  gif: "image",
+  go: "go",
+  graphql: "graphql",
+  gql: "graphql",
+  groovy: "groovy",
+  h: "c",
+  hpp: "cpp",
+  hrl: "erlang",
+  hs: "haskell",
+  htm: "html",
+  html: "html",
+  hxx: "cpp",
+  ico: "favicon",
+  java: "java",
+  jpeg: "image",
+  jpg: "image",
+  js: "javascript",
+  json: "json",
+  jsonc: "json",
+  jsx: "react",
+  jl: "julia",
+  kt: "kotlin",
+  kts: "kotlin",
+  less: "less",
+  log: "log",
+  lua: "lua",
+  luau: "luau",
+  mjs: "javascript",
+  ml: "ocaml",
+  mli: "ocaml",
+  mov: "video",
+  mp3: "audio",
+  mp4: "video",
+  md: "markdown",
+  mdx: "markdown",
+  nim: "nim",
+  pdf: "pdf",
+  php: "php-elephant",
+  png: "image",
+  prisma: "prisma",
+  proto: "proto",
+  ps1: "powershell",
+  py: "python",
+  pyw: "python",
+  r: "r",
+  rb: "ruby",
+  rs: "rust",
+  sass: "sass",
+  scala: "scala",
+  scss: "sass",
+  sh: "console",
+  sql: "database",
+  svg: "svg",
+  svelte: "svelte",
+  swift: "swift",
+  toml: "toml",
+  ts: "typescript",
+  tsx: "react-ts",
+  txt: "document",
+  vue: "vue",
+  wav: "audio",
+  webm: "video",
+  webp: "image",
+  xml: "xml",
+  yaml: "yaml",
+  yml: "yaml",
+  zig: "zig",
+  zip: "zip",
+  zsh: "console"
+};
 function tabKindLabel(tab) {
   switch (tab.type) {
     case "git-diff":
@@ -28557,86 +29200,34 @@ function getFileExtension2(path) {
   const extension = path.split(".").pop()?.toLowerCase() ?? "";
   return extension && extension !== path.toLowerCase() ? extension : "";
 }
-function renderLanguageIcon(extension) {
-  switch (extension) {
-    case "ts":
-    case "tsx":
-      return /* @__PURE__ */ jsx112("span", {
-        className: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center bg-[#3178c6] text-[7px] font-bold leading-none text-white",
-        children: "TS"
-      });
-    case "js":
-    case "jsx":
-    case "mjs":
-    case "cjs":
-      return /* @__PURE__ */ jsx112("span", {
-        className: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center bg-[#f7df1e] text-[7px] font-bold leading-none text-black",
-        children: "JS"
-      });
-    case "py":
-      return /* @__PURE__ */ jsx112("span", {
-        className: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-[3px] bg-gradient-to-br from-[#3776ab] to-[#ffd43b] text-[7px] font-bold leading-none text-white",
-        children: "Py"
-      });
-    case "go":
-      return /* @__PURE__ */ jsx112("span", {
-        className: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full bg-[#00add8] text-[7px] font-bold leading-none text-white",
-        children: "Go"
-      });
-    case "rs":
-      return /* @__PURE__ */ jsx112("span", {
-        className: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full bg-[#ce422b] text-[8px] font-bold leading-none text-white",
-        children: "R"
-      });
-    case "json":
-      return /* @__PURE__ */ jsx112(FileJson2, {
-        className: "h-3.5 w-3.5 shrink-0 text-yellow-500"
-      });
-    case "md":
-    case "mdx":
-      return /* @__PURE__ */ jsx112(FileText8, {
-        className: "h-3.5 w-3.5 shrink-0 text-sky-500"
-      });
-    case "env":
-    case "toml":
-    case "yaml":
-    case "yml":
-      return /* @__PURE__ */ jsx112(Settings4, {
-        className: "h-3.5 w-3.5 shrink-0 text-violet-500"
-      });
-    case "css":
-    case "scss":
-    case "sass":
-    case "less":
-      return /* @__PURE__ */ jsx112(Braces2, {
-        className: "h-3.5 w-3.5 shrink-0 text-blue-500"
-      });
-    case "html":
-    case "xml":
-      return /* @__PURE__ */ jsx112(FileType2, {
-        className: "h-3.5 w-3.5 shrink-0 text-orange-500"
-      });
-    case "png":
-    case "jpg":
-    case "jpeg":
-    case "gif":
-    case "svg":
-    case "webp":
-      return /* @__PURE__ */ jsx112(Image2, {
-        className: "h-3.5 w-3.5 shrink-0 text-pink-500"
-      });
-    case "txt":
-    case "log":
-      return /* @__PURE__ */ jsx112(FileText8, {
-        className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
-      });
-    default:
-      return extension ? /* @__PURE__ */ jsx112(FileCode5, {
-        className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/80"
-      }) : /* @__PURE__ */ jsx112(File3, {
-        className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/80"
-      });
+function getFileName3(path) {
+  return path.split(/[\\/]/).pop()?.toLowerCase() ?? path.toLowerCase();
+}
+function getIconNameForPath(path) {
+  const fileName = getFileName3(path);
+  const fileIcon = FILENAME_ICON_MAP[fileName];
+  if (fileIcon)
+    return fileIcon;
+  if (fileName.endsWith(".d.ts"))
+    return "typescript-def";
+  if (fileName.endsWith(".test.ts") || fileName.endsWith(".spec.ts")) {
+    return "test-ts";
+  }
+  if (fileName.endsWith(".test.js") || fileName.endsWith(".spec.js")) {
+    return "test-js";
+  }
+  if (fileName.endsWith(".test.jsx") || fileName.endsWith(".spec.jsx") || fileName.endsWith(".test.tsx") || fileName.endsWith(".spec.tsx")) {
+    return "test-jsx";
   }
+  const extension = getFileExtension2(fileName);
+  return EXTENSION_ICON_MAP[extension] ?? "document";
+}
+function renderFileIcon(path) {
+  return /* @__PURE__ */ jsx112(Icon, {
+    "aria-hidden": "true",
+    className: ICON_CLASS,
+    icon: `material-icon-theme:${getIconNameForPath(path)}`
+  });
 }
 function renderTabIcon(tab) {
   if (tab.type === "git-diff") {
@@ -28654,10 +29245,10 @@ function renderTabIcon(tab) {
       className: `h-3.5 w-3.5 shrink-0 ${tab.status === "error" ? "text-red-500" : tab.status === "success" ? "text-emerald-500" : "text-blue-500"}`
     });
   }
-  const extension = getFileExtension2(getTabPath(tab));
+  const path = getTabPath(tab);
   return /* @__PURE__ */ jsx112("span", {
     className: "shrink-0 inline-flex items-center text-muted-foreground/80",
-    children: renderLanguageIcon(extension)
+    children: renderFileIcon(path)
   });
 }
 function renderTabContent(tab, closeTab, updateSessionFileOperationIndex) {
@@ -28686,6 +29277,7 @@ function renderTabContent(tab, closeTab, updateSessionFileOperationIndex) {
         open: true,
         file: tab.path,
         highlight: tab.highlight,
+        annotations: tab.annotations,
         patchPreview: tab.patchPreview,
         writePreview: tab.writePreview,
         onClose: () => closeTab(tab.id)
@@ -31967,6 +32559,7 @@ export {
   openPlatformUrl,
   openPlatformSession,
   notifyPlatformFontFamilyChanged,
+  normalizeQueueState,
   listPlatformSystemFonts,
   hasPlatformSystemFonts,
   hasPlatformOpenUrl,
@@ -32052,4 +32645,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=1239796033F84F8A64756E2164756E21
+//# debugId=9AF775CD8BC5AA3D64756E2164756E21