@invergent/agent-chat-react 2.17.8 → 2.18.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { cn, __publicField } from './chunk-47MF6JUW.js';
 import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, useLayoutEffect, forwardRef, useId, lazy, useContext, useSyncExternalStore, Fragment as Fragment$1, Suspense, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight as ChevronRight$1, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, Pen, Eraser, Type, MousePointer2, Hand, Maximize2, Undo2, Redo2, CheckIcon, CopyIcon, DownloadIcon, Maximize2Icon, LaptopIcon, GlobeIcon, FolderIcon, MessageSquareIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, ChevronLeftIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, TrashIcon, ImageIcon, FileTextIcon, Clock, ArrowRight, ListTreeIcon, PenLineIcon, TerminalIcon, SparklesIcon, ClockIcon, PaperclipIcon, CloudIcon, HardDriveIcon, IdCardIcon, PlusIcon, ShrinkIcon, FolderOpenIcon, FileIcon, MinusIcon, SearchIcon, CircleDot, XCircle, CheckCircle2, ZapIcon, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, LibraryIcon, ListTodoIcon, BotIcon, ListIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight as ChevronRight$1, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, Pen, Eraser, Type, MousePointer2, Hand, Maximize2, Undo2, Redo2, CheckIcon, CopyIcon, DownloadIcon, Maximize2Icon, LaptopIcon, GlobeIcon, FolderIcon, MessageSquareIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, ChevronLeftIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, TrashIcon, FileTextIcon, Clock, ArrowRight, ListTreeIcon, PenLineIcon, TerminalIcon, SparklesIcon, ClockIcon, PaperclipIcon, CloudIcon, HardDriveIcon, IdCardIcon, PlusIcon, ShrinkIcon, FolderOpenIcon, FileIcon, ImageIcon, CircleDot, XCircle, CheckCircle2, SearchIcon, ZapIcon, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, LibraryIcon, ListTodoIcon, BotIcon, ListIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { Collapsible as Collapsible$1, Slot, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Label as Label$1, Progress as Progress$1, Tabs as Tabs$1, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
@@ -18,7 +18,7 @@ import AnsiImport from 'ansi-to-react';
 import { Command as Command$1 } from 'cmdk';
 import { nanoid } from 'nanoid';
 import 'tokenlens';
-import 'pdfjs-dist/web/pdf_viewer.css';
+import { useTheme } from 'next-themes';
 import { formatDistanceToNow } from 'date-fns';
 
 var AgentChatAdapterContext = createContext(null);
@@ -12284,7 +12284,7 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
     if (msg.systemKind === "worker" || msg.systemKind === "thread_proposal") {
       return [{ kind: "thread_card", key: msg.id, message: msg }];
     }
-    if (msg.systemKind === "browser_marker" || msg.systemKind === "browser_marker_warning") {
+    if (msg.systemKind === "browser_marker" || msg.systemKind === "browser_marker_warning" || msg.systemKind === "notice") {
       return [{
         kind: "browser_marker",
         key: msg.id,
@@ -12495,7 +12495,7 @@ function OrphanSystemMarker({
       }
     );
   }
-  if (message.systemKind === "browser_marker" || message.systemKind === "browser_marker_warning") {
+  if (message.systemKind === "browser_marker" || message.systemKind === "browser_marker_warning" || message.systemKind === "notice") {
     const warning = message.systemKind === "browser_marker_warning";
     return /* @__PURE__ */ jsxs(
       "div",
@@ -13576,7 +13576,9 @@ var AGENT_CHAT_LISTENED_EVENTS = [
   "worker.spawned",
   "worker.complete",
   "worker.failed",
-  "thread.proposed"
+  "thread.proposed",
+  "office.conflict",
+  "office.save_failed"
 ];
 var AGENT_CHAT_LISTENED_EVENT_SET = new Set(
   AGENT_CHAT_LISTENED_EVENTS
@@ -13821,7 +13823,8 @@ function createInitialAgentChatState(options = {}) {
     browserTabs: [],
     viewMode: options.viewMode ?? "simple",
     researchSources: [],
-    deviceWait: null
+    deviceWait: null,
+    officeEvents: {}
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -13981,6 +13984,21 @@ function applyAgentChatEvent(state, event) {
       };
     case "device.resumed":
       return { ...nextState, deviceWait: null };
+    case "office.conflict":
+    case "office.save_failed": {
+      const path = stringValue2(event.data.path);
+      if (!path) return nextState;
+      const conflict = event.type === "office.conflict";
+      return {
+        ...nextState,
+        officeEvents: {
+          ...nextState.officeEvents,
+          [path]: conflict ? { type: event.type, eventId: event.eventId, conflictPath: stringValue2(event.data.conflict_path) } : { type: event.type, eventId: event.eventId }
+        },
+        // The copy the conflicting save landed as shows in the tree.
+        workspaceRefreshKey: nextState.workspaceRefreshKey + (conflict ? 1 : 0)
+      };
+    }
     case "worker.spawned":
       return withMessages(nextState, applyWorkerSpawned(nextState.messages, event));
     case "worker.complete":
@@ -14321,6 +14339,21 @@ function applyLlmResponse(state, event) {
   const messages = [...state.messages];
   const message = objectValue(event.data.message);
   const responseContent = stringValue2(message?.content) || stringValue2(event.data.content);
+  if (event.data.notice === true) {
+    return {
+      ...state,
+      messages: [...messages, {
+        id: `evt-${event.eventId}`,
+        role: "system",
+        systemKind: "notice",
+        content: responseContent,
+        createdAt: /* @__PURE__ */ new Date(),
+        status: "complete"
+      }],
+      hadDeltas: false,
+      isRunning: false
+    };
+  }
   const toolCalls = Array.isArray(message?.tool_calls) ? message?.tool_calls : [];
   const hasToolCalls = toolCalls.length > 0;
   const responseToolCallIds = toolCallIdsFromResponse(toolCalls);
@@ -19027,11 +19060,41 @@ function chunkPairs(flat) {
   for (let i = 0; i + 1 < flat.length; i += 2) pairs.push([flat[i], flat[i + 1]]);
   return pairs;
 }
+
+// src/lib/office.ts
+var OFFICE_EXTENSIONS = /* @__PURE__ */ new Set(["docx", "xlsx", "pptx", "pdf", "doc", "odt", "rtf", "xls", "ods", "ppt", "odp"]);
+function isOfficeDocument(path) {
+  const dot = path.lastIndexOf(".");
+  return dot >= 0 && OFFICE_EXTENSIONS.has(path.slice(dot + 1).toLowerCase());
+}
+var loads = /* @__PURE__ */ new Map();
+var LOAD_TIMEOUT_MS = 3e4;
+function loadDocsApi(documentServerUrl) {
+  const src = `${documentServerUrl.replace(/\/$/, "")}/web-apps/apps/api/documents/api.js`;
+  let load = loads.get(src);
+  if (!load) {
+    load = new Promise((resolve, reject) => {
+      const script = document.createElement("script");
+      const settle = (loaded) => {
+        clearTimeout(timer);
+        script.onload = script.onerror = null;
+        if (loaded) return resolve();
+        loads.delete(src);
+        script.remove();
+        reject(new Error("The document editor could not be loaded."));
+      };
+      const timer = setTimeout(() => settle(false), LOAD_TIMEOUT_MS);
+      script.src = src;
+      script.async = true;
+      script.onload = () => settle(Boolean(window.DocsAPI));
+      script.onerror = () => settle(false);
+      document.head.appendChild(script);
+    });
+    loads.set(src, load);
+  }
+  return load;
+}
 var SKELETON_WIDTHS = [70, 85, 55, 90, 60, 78, 45, 82, 65, 72];
-var PDF_WORKER_SRC = new URL(
-  "pdfjs-dist/legacy/build/pdf.worker.mjs",
-  import.meta.url
-).toString();
 function FileViewer({
   file,
   loading,
@@ -19046,8 +19109,8 @@ function FileViewer({
   if (!visible) return null;
   const fileName2 = file?.path.split("/").pop() ?? "File";
   const lang = file ? getLanguageHint(file.path) : "";
-  const isPdf = file?.mime_type === "application/pdf" || file?.path.toLowerCase().endsWith(".pdf") || false;
-  const isImage = file?.encoding === "base64" && !isPdf;
+  const isImage = file?.encoding === "base64" && (file.mime_type?.startsWith("image/") ?? false);
+  const isBinary = file?.encoding === "base64" && !isImage;
   const HeaderIcon = isImage ? ImageIcon : FileTextIcon;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col border-t border-line", className), children: [
     !hideHeader && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-line px-3 py-2", children: [
@@ -19095,12 +19158,7 @@ function FileViewer({
         }
       )
     ] }),
-    file && isPdf && file.encoding === "base64" ? (
-      // PDF has its own scrollable container — bypass ScrollArea so
-      // it can grow with the parent's flex height (Radix Viewport's
-      // internal table wrapper sizes to content and breaks h-full).
-      /* @__PURE__ */ jsx(PdfPreview, { file, fileName: fileName2 })
-    ) : /* @__PURE__ */ jsxs(ScrollArea, { className: "min-h-0 flex-1", children: [
+    /* @__PURE__ */ jsxs(ScrollArea, { className: "min-h-0 flex-1", children: [
       loading && /* @__PURE__ */ jsx("div", { className: "space-y-1.5 p-3", children: Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx(
         Skeleton,
         {
@@ -19115,7 +19173,7 @@ function FileViewer({
         /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
         /* @__PURE__ */ jsx("span", { children: error })
       ] }),
-      file && isPdf && file.encoding !== "base64" && /* @__PURE__ */ jsx(FileViewerError, { message: "PDF preview requires base64 file content." }),
+      file && isBinary && /* @__PURE__ */ jsx(FileViewerError, { message: "Preview not available. Download the file to open it." }),
       file && isImage && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx(
         "img",
         {
@@ -19124,7 +19182,7 @@ function FileViewer({
           className: "max-h-[60vh] max-w-full rounded object-contain"
         }
       ) }),
-      file && !isImage && !isPdf && /* @__PURE__ */ jsx("pre", { className: "wrap-break-word whitespace-pre-wrap p-3 text-base leading-relaxed text-foreground", children: /* @__PURE__ */ jsx("code", { "data-language": lang, children: file.content }) })
+      file && !isImage && !isBinary && /* @__PURE__ */ jsx("pre", { className: "wrap-break-word whitespace-pre-wrap p-3 text-base leading-relaxed text-foreground", children: /* @__PURE__ */ jsx("code", { "data-language": lang, children: file.content }) })
     ] })
   ] });
 }
@@ -19134,277 +19192,94 @@ function FileViewerError({ message }) {
     /* @__PURE__ */ jsx("span", { children: message })
   ] });
 }
-function PdfPreview({
-  file,
-  fileName: fileName2
-}) {
-  const containerRef = useRef(null);
-  const viewerRef = useRef(null);
-  const pdfViewerRef = useRef(null);
-  const eventBusRef = useRef(null);
-  const findControllerRef = useRef(null);
+function OfficeEditorPane({ adapter, sessionId, path, view, officeEvent, onClose }) {
+  const { resolvedTheme } = useTheme();
+  const theme = resolvedTheme === "dark" ? "dark" : "light";
+  const placeholderId = `office-editor-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
   const [error, setError] = useState(null);
-  const [pageNumber, setPageNumber] = useState(1);
-  const [pagesCount, setPagesCount] = useState(0);
-  const [scale, setScale] = useState(1);
-  const [query, setQuery] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [openedAfter] = useState(() => officeEvent?.eventId ?? 0);
+  const notice = officeEvent && officeEvent.eventId > openedAfter ? officeEvent : null;
+  const [reopenedFor, setReopenedFor] = useState(0);
+  if (notice?.type === "office.conflict" && notice.eventId !== reopenedFor) setReopenedFor(notice.eventId);
   useEffect(() => {
     let cancelled = false;
-    let loadingTask = null;
-    let pdfDocument = null;
-    const renderPdf = async () => {
-      setError(null);
-      const container = containerRef.current;
-      const viewerElement = viewerRef.current;
-      if (!container || !viewerElement) return;
-      const pdfBytes = decodeBase64(file.content);
-      const pdfjs = await import('pdfjs-dist/legacy/build/pdf.mjs');
-      pdfjs.GlobalWorkerOptions.workerSrc = PDF_WORKER_SRC;
-      globalThis.pdfjsLib = pdfjs;
-      const pdfViewerModule = await import('pdfjs-dist/web/pdf_viewer.mjs');
-      loadingTask = pdfjs.getDocument({ data: pdfBytes });
-      const pdf = await loadingTask.promise;
-      pdfDocument = pdf;
-      if (cancelled) return;
-      const eventBus = new pdfViewerModule.EventBus();
-      const linkService = new pdfViewerModule.PDFLinkService({ eventBus });
-      const findController = new pdfViewerModule.PDFFindController({
-        eventBus,
-        linkService
-      });
-      const pdfViewer = new pdfViewerModule.PDFViewer({
-        container,
-        viewer: viewerElement,
-        eventBus,
-        linkService,
-        findController,
-        removePageBorders: true
-      });
-      linkService.setViewer(pdfViewer);
-      linkService.setDocument(pdf);
-      findController.setDocument(pdf);
-      const onPagesInit = () => {
-        pdfViewer.currentScaleValue = "page-width";
-        setScale(pdfViewer.currentScale || 1);
-        setPagesCount(pdfViewer.pagesCount);
-        setPageNumber(pdfViewer.currentPageNumber);
-      };
-      const onPageChanging = (event) => {
-        if (typeof event.pageNumber === "number") {
-          setPageNumber(event.pageNumber);
-        }
-      };
-      const onScaleChanging = (event) => {
-        if (typeof event.scale === "number") {
-          setScale(event.scale);
-        }
-      };
-      eventBus.on("pagesinit", onPagesInit);
-      eventBus.on("pagechanging", onPageChanging);
-      eventBus.on("scalechanging", onScaleChanging);
-      pdfViewerRef.current = pdfViewer;
-      eventBusRef.current = eventBus;
-      findControllerRef.current = findController;
-      setPagesCount(pdf.numPages);
-      pdfViewer.setDocument(pdf);
-    };
-    void renderPdf().catch((nextError) => {
-      if (cancelled) return;
-      if (nextError instanceof Error && nextError.name === "RenderingCancelledException") {
-        return;
+    let editor = null;
+    setError(null);
+    setLoading(true);
+    void (async () => {
+      try {
+        if (!adapter.getWorkspaceEditorConfig) throw new Error("Preview not available. Download the file to open it.");
+        const opened = await adapter.getWorkspaceEditorConfig({ sessionId, path, theme, view });
+        await loadDocsApi(opened.document_server_url);
+        if (cancelled) return;
+        if (!window.DocsAPI) throw new Error("The document editor could not be loaded.");
+        editor = new window.DocsAPI.DocEditor(placeholderId, opened.config);
+      } catch (openError) {
+        if (!cancelled) setError(openError.message);
+      } finally {
+        if (!cancelled) setLoading(false);
       }
-      setError(formatPdfPreviewError(nextError));
-    });
+    })();
     return () => {
       cancelled = true;
-      loadingTask?.destroy();
-      pdfDocument?.destroy();
-      pdfViewerRef.current?.cleanup();
-      pdfViewerRef.current = null;
-      eventBusRef.current = null;
-      findControllerRef.current = null;
+      editor?.destroyEditor();
     };
-  }, [file.content]);
-  const setViewerPage = (nextPage) => {
-    const viewer = pdfViewerRef.current;
-    if (!viewer) return;
-    const clampedPage = Math.min(
-      Math.max(1, nextPage),
-      Math.max(1, viewer.pagesCount)
-    );
-    viewer.currentPageNumber = clampedPage;
-    setPageNumber(clampedPage);
-  };
-  const setViewerScale = (nextScale) => {
-    const viewer = pdfViewerRef.current;
-    if (!viewer) return;
-    const clampedScale = Math.min(3, Math.max(0.5, nextScale));
-    viewer.currentScale = clampedScale;
-    setScale(clampedScale);
-  };
-  const runFind = (findPrevious = false) => {
-    const eventBus = eventBusRef.current;
-    if (!eventBus || !query.trim()) return;
-    eventBus.dispatch("find", {
-      source: eventBus,
-      type: "again",
-      query,
-      phraseSearch: true,
-      caseSensitive: false,
-      entireWord: false,
-      highlightAll: true,
-      findPrevious,
-      matchDiacritics: true
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-full flex-col", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-1.5 border-b border-line px-2 py-1.5", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon-xs",
-          onClick: () => setViewerPage(pageNumber - 1),
-          disabled: pageNumber <= 1,
-          "aria-label": "Previous PDF page",
-          title: "Previous page",
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-3.5" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "number",
-          min: 1,
-          max: pagesCount || 1,
-          value: pageNumber,
-          onChange: (event) => setViewerPage(Number(event.target.value)),
-          "aria-label": "PDF page number",
-          className: "h-7 w-12 border-input px-1 text-center text-xs"
-        }
-      ),
-      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-        "/ ",
-        pagesCount || "-"
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon-xs",
-          onClick: () => setViewerPage(pageNumber + 1),
-          disabled: pagesCount > 0 && pageNumber >= pagesCount,
-          "aria-label": "Next PDF page",
-          title: "Next page",
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5" })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "mx-1 h-5 w-px bg-line" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon-xs",
-          onClick: () => setViewerScale(scale - 0.1),
-          disabled: scale <= 0.5,
-          "aria-label": "Zoom out PDF",
-          title: "Zoom out",
-          children: /* @__PURE__ */ jsx(MinusIcon, { className: "size-3.5" })
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "h-7 min-w-12 px-1 text-xs text-muted-foreground hover:text-foreground",
-          onClick: () => {
-            const viewer = pdfViewerRef.current;
-            if (!viewer) return;
-            viewer.currentScaleValue = "page-width";
-            setScale(viewer.currentScale || 1);
-          },
-          "aria-label": "Fit PDF to width",
-          title: "Fit width",
-          children: [
-            Math.round(scale * 100),
-            "%"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon-xs",
-          onClick: () => setViewerScale(scale + 0.1),
-          disabled: scale >= 3,
-          "aria-label": "Zoom in PDF",
-          title: "Zoom in",
-          children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "mx-1 h-5 w-px bg-line" }),
-      /* @__PURE__ */ jsx(SearchIcon, { className: "size-3.5 text-muted-foreground" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "search",
-          value: query,
-          onChange: (event) => setQuery(event.target.value),
-          onKeyDown: (event) => {
-            if (event.key === "Enter") runFind(event.shiftKey);
-          },
-          placeholder: "Find",
-          "aria-label": "Find in PDF",
-          className: "h-7 w-28 border-input px-1 text-xs"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "xs",
-          onClick: () => runFind(false),
-          disabled: !query.trim(),
-          children: "Find"
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start gap-2 p-3 text-xs text-destructive", children: [
-      /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
-      /* @__PURE__ */ jsx("span", { children: error })
-    ] }),
-    !error && /* @__PURE__ */ jsx("div", { className: "relative min-h-105 flex-1 bg-muted/20", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: containerRef,
-        "aria-label": `PDF viewer for ${fileName2}`,
-        className: "absolute inset-0 overflow-auto",
-        children: /* @__PURE__ */ jsx("div", { ref: viewerRef, className: "pdfViewer" })
-      }
-    ) })
-  ] });
-}
-function decodeBase64(content) {
-  const binary = globalThis.atob(content);
-  const bytes = new Uint8Array(binary.length);
-  for (let index = 0; index < binary.length; index += 1) {
-    bytes[index] = binary.charCodeAt(index);
-  }
-  return bytes;
+  }, [adapter, sessionId, path, theme, view, placeholderId, reopenedFor]);
+  const fileName2 = path.split("/").pop() ?? path;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      "data-testid": "file-preview-panel",
+      className: "flex h-full min-h-0 w-full flex-col overflow-hidden border-l border-line bg-card",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-line px-3 py-2", children: [
+          /* @__PURE__ */ jsx(FileTextIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 truncate font-medium", children: fileName2 }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: adapter.getWorkspaceDownloadUrl({ sessionId, path }),
+              download: fileName2,
+              "aria-label": `Download ${fileName2}`,
+              title: "Download",
+              className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": "Close file",
+              className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex items-start gap-2 p-3 text-xs text-destructive", children: [
+          /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { children: error })
+        ] }),
+        notice && /* @__PURE__ */ jsx("div", { role: "status", className: "border-b border-line px-3 py-2 text-xs text-muted-foreground", children: notice.type === "office.conflict" ? `This document changed outside the editor. Your edits were saved to ${notice.conflictPath}.` : "Your latest changes could not be saved yet." }),
+        loading && !error && /* @__PURE__ */ jsxs("div", { className: "p-3 text-sm text-muted-foreground", children: [
+          "Opening ",
+          fileName2,
+          "\u2026"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx("div", { id: placeholderId }) })
+      ]
+    }
+  );
 }
-function formatPdfPreviewError(error) {
-  if (error instanceof Error && (error.name === "InvalidCharacterError" || error.message === "Invalid character")) {
-    return "PDF preview data is not valid base64.";
+function WorkspaceFileDrawer({ adapter, sessionId, path, view = false, officeEvent, onClose }) {
+  if (isOfficeDocument(path)) {
+    return /* @__PURE__ */ jsx(OfficeEditorPane, { adapter, sessionId, path, view, officeEvent, onClose });
   }
-  return error instanceof Error ? error.message : "Failed to render PDF preview.";
+  return /* @__PURE__ */ jsx(WorkspaceFilePreview, { adapter, sessionId, path, onClose });
 }
-function WorkspaceFileDrawer({
+function WorkspaceFilePreview({
   adapter,
   sessionId,
   path,
@@ -20525,6 +20400,8 @@ function AgentChat({
                       adapter,
                       sessionId,
                       path: previewPath,
+                      view: effectiveDisabled,
+                      officeEvent: runtime.state.officeEvents[previewPath],
                       onClose: () => setOpenPane(null)
                     }
                   )