@truefoundry/trueforge-ui 0.3.0-rc.8 → 0.3.0-rc.9

package/dist/{chunk-XANC4F2H.js → chunk-4OEAJKLJ.js}

@@ -4375,8 +4375,14 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
 
 // src/atoms/ChatFileDownload.tsx
 import { useState as useState16 } from "react";
-import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
-function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, readOnly }) {
+import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
+function ChatFileDownload({
+  files,
+  fileDownloadBaseUrl,
+  onDownloadArtifact,
+  readOnly,
+  readOnlyTooltip
+}) {
   const [downloadingPath, setDownloadingPath] = useState16(null);
   return /* @__PURE__ */ jsxs39(
     "details",
@@ -4385,7 +4391,7 @@ function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, read
       className: "aui-sandbox-artifacts group my-2 overflow-hidden rounded-lg border border-primary-button-bg/20 bg-card-bg",
       "data-testid": "aui-sandbox-artifacts",
       children: [
-        /* @__PURE__ */ jsxs39("summary", { className: "flex min-h-9 cursor-pointer list-none items-center gap-2 bg-primary-button-bg/5 px-3 py-2 text-xs font-medium leading-none text-primary-button-bg [&::-webkit-details-marker]:hidden", children: [
+        /* @__PURE__ */ jsx52("summary", { className: "min-h-9 cursor-pointer list-none bg-primary-button-bg/5 px-3 py-2 text-xs font-medium leading-none text-primary-button-bg [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs39("span", { className: "inline-flex items-center gap-1", children: [
           /* @__PURE__ */ jsx52(Icon, { name: "chevron-down", size: 13, className: "shrink-0 transition-transform group-open:rotate-180" }),
           /* @__PURE__ */ jsx52(Icon, { name: "file", size: 16, className: "shrink-0" }),
           /* @__PURE__ */ jsxs39("span", { className: "leading-none", children: [
@@ -4394,20 +4400,18 @@ function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, read
             files.length === 1 ? "file" : "files",
             " generated"
           ] })
-        ] }),
+        ] }) }),
         /* @__PURE__ */ jsx52("div", { className: "flex flex-wrap items-center gap-y-1 px-3 py-2", children: files.map(({ name, path }) => {
           if (readOnly) {
-            return /* @__PURE__ */ jsxs39(
-              "span",
-              {
-                className: "mr-3 inline-flex min-h-7 items-center gap-1.5 border-r border-border pr-3 text-xs text-text-secondary last:mr-0 last:border-r-0 last:pr-0",
-                children: [
-                  /* @__PURE__ */ jsx52(Icon, { name: "file", size: 14, className: "shrink-0" }),
-                  /* @__PURE__ */ jsx52("span", { className: "leading-none", children: name })
-                ]
-              },
-              path
-            );
+            const itemClassName = "mr-3 inline-flex min-h-7 items-center gap-1.5 border-r border-border pr-3 text-xs text-text-secondary last:mr-0 last:border-r-0 last:pr-0";
+            const label = /* @__PURE__ */ jsxs39(Fragment9, { children: [
+              /* @__PURE__ */ jsx52(Icon, { name: "file", size: 14, className: "shrink-0" }),
+              /* @__PURE__ */ jsx52("span", { className: "leading-none", children: name })
+            ] });
+            if (readOnlyTooltip) {
+              return /* @__PURE__ */ jsx52(Tooltip, { content: readOnlyTooltip, triggerClassName: itemClassName, children: /* @__PURE__ */ jsx52("span", { className: "inline-flex items-center gap-1.5", children: label }) }, path);
+            }
+            return /* @__PURE__ */ jsx52("span", { className: itemClassName, children: label }, path);
           }
           const href = fileDownloadBaseUrl ? `${fileDownloadBaseUrl}${path}` : void 0;
           const canDownload = Boolean(onDownloadArtifact || href);
@@ -4830,7 +4834,7 @@ function connectorsWithSelectedStubs({
 }
 
 // src/atoms/draft/AgentConfigEditors.tsx
-import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
 function AgentConfigEditors({
   editor,
   spec,
@@ -4941,7 +4945,7 @@ function AgentConfigEditors({
       })
     );
   };
-  return /* @__PURE__ */ jsxs44(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs44(Fragment10, { children: [
     editor === "instructions" ? /* @__PURE__ */ jsx57(
       AgentInstructionsDrawer2,
       {
@@ -5279,7 +5283,7 @@ function modelMatchesQuery({ model, needle }) {
 }
 
 // src/atoms/draft/DraftModelCatalogPanel.tsx
-import { Fragment as Fragment10, jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
 function monogram(value) {
   const trimmed = value.trim();
   return trimmed ? trimmed.charAt(0).toUpperCase() : "?";
@@ -5343,7 +5347,7 @@ function DraftModelCatalogPanel({
   );
   const sections = groupModelsByProvider(filtered);
   const detailedGridClass = "grid-cols-[minmax(0,1fr)_5rem]";
-  return /* @__PURE__ */ jsxs48(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs48(Fragment11, { children: [
     showSearch && /* @__PURE__ */ jsxs48("div", { className: "border-b border-border px-3 py-2", children: [
       showHeading ? /* @__PURE__ */ jsx61("p", { className: "text-text-primary mb-2 text-sm font-normal", children: "Select model" }) : null,
       /* @__PURE__ */ jsxs48("label", { className: "relative block", children: [
@@ -5437,7 +5441,7 @@ function DraftModelCatalogPanel({
                             model.properties.maxOutputTokens === void 0 ? null : `${formatTokens(model.properties.maxOutputTokens)} output`
                           ].filter((value) => value !== null).join(" \xB7 ") }) : null
                         ] }),
-                        !showHeading ? /* @__PURE__ */ jsx61(Fragment10, { children: /* @__PURE__ */ jsx61("span", { className: cn("text-text-secondary text-xs", active && "text-primary-button-bg"), children: model.properties.contextLength === void 0 ? "\u2014" : formatTokens(model.properties.contextLength) }) }) : null,
+                        !showHeading ? /* @__PURE__ */ jsx61(Fragment11, { children: /* @__PURE__ */ jsx61("span", { className: cn("text-text-secondary text-xs", active && "text-primary-button-bg"), children: model.properties.contextLength === void 0 ? "\u2014" : formatTokens(model.properties.contextLength) }) }) : null,
                         active && showHeading ? /* @__PURE__ */ jsx61(Icon, { name: "check", className: "ml-auto size-3.5" }) : null
                       ]
                     },
@@ -6653,7 +6657,7 @@ function partitionMcpToolsBySection(tools) {
 }
 
 // src/atoms/draft/AgentMcpEditorContent.tsx
-import { Fragment as Fragment11, jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
 function ToolCheckbox({ checked }) {
   return /* @__PURE__ */ jsx68(
     "span",
@@ -6894,7 +6898,7 @@ function AgentMcpEditorContent({
           children: "Connect During Chat"
         }
       )
-    ] }) : /* @__PURE__ */ jsxs54(Fragment11, { children: [
+    ] }) : /* @__PURE__ */ jsxs54(Fragment12, { children: [
       /* @__PURE__ */ jsxs54("div", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-border p-3", children: [
         /* @__PURE__ */ jsxs54("p", { className: "min-w-0 truncate text-sm font-semibold", children: [
           selectedConnector.name,
@@ -8226,7 +8230,7 @@ function useIsMobile() {
 // src/atoms/draft/DraftReasoningEffortSelector.tsx
 import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec2, useTrueFoundryUpdateAgentSpec } from "@truefoundry/assistant-ui-runtime";
 import { useEffect as useEffect16, useId as useId9, useRef as useRef13, useState as useState31 } from "react";
-import { Fragment as Fragment12, jsx as jsx82, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx82, jsxs as jsxs62 } from "react/jsx-runtime";
 function DraftReasoningEffortSelector({ disabled, isRunning }) {
   const { models, ensureLoaded } = useDraftCatalog();
   const { agentSpec } = useTrueFoundryAgentSpec2();
@@ -8269,7 +8273,7 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
     });
   }, [updateAgentSpec, selected, efforts, currentEffort, agentSpec?.model?.params]);
   if (!hasReasoningEfforts(efforts) || !resolved) return null;
-  const content = /* @__PURE__ */ jsxs62(Fragment12, { children: [
+  const content = /* @__PURE__ */ jsxs62(Fragment13, { children: [
     /* @__PURE__ */ jsx82("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx82("p", { className: "text-text-primary text-sm font-normal", children: "Reasoning effort" }) }),
     /* @__PURE__ */ jsx82(
       "div",
@@ -8394,7 +8398,7 @@ function DraftComposerRightSection({ disabled, isRunning }) {
 // src/atoms/draft/DraftCompositeSelector.tsx
 import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec3, useTrueFoundryUpdateAgentSpec as useTrueFoundryUpdateAgentSpec2 } from "@truefoundry/assistant-ui-runtime";
 import { useCallback as useCallback11, useEffect as useEffect17, useId as useId10, useMemo as useMemo9, useRef as useRef14, useState as useState32 } from "react";
-import { Fragment as Fragment13, jsx as jsx84, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx84, jsxs as jsxs64 } from "react/jsx-runtime";
 function draftMountsFromSpec(value) {
   if (!Array.isArray(value)) return [];
   const mounts = [];
@@ -8443,7 +8447,7 @@ function CatalogRow({
   onActivate,
   action
 }) {
-  const content = /* @__PURE__ */ jsxs64(Fragment13, { children: [
+  const content = /* @__PURE__ */ jsxs64(Fragment14, { children: [
     /* @__PURE__ */ jsx84(
       "span",
       {
@@ -8784,7 +8788,7 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
     setQuery("");
     shell?.setSettingsOpen(true, section);
   };
-  const content = /* @__PURE__ */ jsxs64(Fragment13, { children: [
+  const content = /* @__PURE__ */ jsxs64(Fragment14, { children: [
     /* @__PURE__ */ jsx84("div", { className: "flex shrink-0 border-b border-border", children: TABS.map((t) => {
       const count = t.id === "connectors" ? selectedMcp.length : t.id === "skills" ? selectedSkills.length : null;
       const active = tab === t.id;
@@ -8809,7 +8813,7 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
         t.id
       );
     }) }),
-    /* @__PURE__ */ jsxs64(Fragment13, { children: [
+    /* @__PURE__ */ jsxs64(Fragment14, { children: [
       /* @__PURE__ */ jsx84(
         SearchField,
         {
@@ -8829,8 +8833,8 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
           ]
         }
       ) : null,
-      /* @__PURE__ */ jsx84("div", { className: "min-h-0 flex-1 overflow-y-auto px-1 pb-2", children: tab === "connectors" ? /* @__PURE__ */ jsxs64(Fragment13, { children: [
-        pinnedSelectedConnectors.length > 0 ? /* @__PURE__ */ jsxs64(Fragment13, { children: [
+      /* @__PURE__ */ jsx84("div", { className: "min-h-0 flex-1 overflow-y-auto px-1 pb-2", children: tab === "connectors" ? /* @__PURE__ */ jsxs64(Fragment14, { children: [
+        pinnedSelectedConnectors.length > 0 ? /* @__PURE__ */ jsxs64(Fragment14, { children: [
           /* @__PURE__ */ jsx84(SectionHeading, { label: "Selected", count: pinnedSelectedConnectors.length }),
           pinnedSelectedConnectors.map((c) => /* @__PURE__ */ jsx84(
             CatalogRow,
@@ -8845,7 +8849,7 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
             c.id
           ))
         ] }) : null,
-        pinnedAvailableConnectors.length > 0 ? /* @__PURE__ */ jsxs64(Fragment13, { children: [
+        pinnedAvailableConnectors.length > 0 ? /* @__PURE__ */ jsxs64(Fragment14, { children: [
           /* @__PURE__ */ jsx84(SectionHeading, { label: "Available", count: pinnedAvailableConnectors.length }),
           pinnedAvailableConnectors.map((c) => /* @__PURE__ */ jsx84(
             CatalogRow,
@@ -8870,12 +8874,12 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
             onOpenSettings: shell && canConfigureConnectors ? () => openSettings("connectors") : void 0
           }
         ) : null
-      ] }) : /* @__PURE__ */ jsxs64(Fragment13, { children: [
-        pinnedSelectedSkills.length > 0 ? /* @__PURE__ */ jsxs64(Fragment13, { children: [
+      ] }) : /* @__PURE__ */ jsxs64(Fragment14, { children: [
+        pinnedSelectedSkills.length > 0 ? /* @__PURE__ */ jsxs64(Fragment14, { children: [
           /* @__PURE__ */ jsx84(SectionHeading, { label: "Selected", count: pinnedSelectedSkills.length }),
           pinnedSelectedSkills.map(renderSkill)
         ] }) : null,
-        pinnedAvailableSkills.length > 0 ? /* @__PURE__ */ jsxs64(Fragment13, { children: [
+        pinnedAvailableSkills.length > 0 ? /* @__PURE__ */ jsxs64(Fragment14, { children: [
           /* @__PURE__ */ jsx84(SectionHeading, { label: "Available", count: pinnedAvailableSkills.length }),
           pinnedAvailableSkills.map(renderSkill)
         ] }) : null,
@@ -9086,7 +9090,7 @@ HistoryLoader.displayName = "HistoryLoader";
 import { useMemo as useMemo10, useRef as useRef16 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { Fragment as Fragment14, jsx as jsx87 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx87 } from "react/jsx-runtime";
 function preloadMarkdownOpenUI() {
   return import("./OpenUiFenceBlock-KPZFLUSC.js");
 }
@@ -9111,6 +9115,7 @@ function makeComponents(opts) {
     fileDownloadBaseUrl,
     onDownloadArtifact,
     readOnly,
+    sandboxDownloadReadOnlyTooltip,
     OpenUiFenceBlock: OpenUiFenceBlock2,
     SandboxArtifactDownload: SandboxArtifactDownload2,
     SyntaxHighlighter: SyntaxHighlighter2,
@@ -9123,7 +9128,7 @@ function makeComponents(opts) {
     },
     // Strip default <pre> wrapper — each block renderer provides its own container.
     pre({ children }) {
-      return /* @__PURE__ */ jsx87(Fragment14, { children });
+      return /* @__PURE__ */ jsx87(Fragment15, { children });
     },
     code({ className, children }) {
       const language = /language-(\w+)/.exec(className ?? "")?.[1];
@@ -9147,7 +9152,8 @@ function makeComponents(opts) {
             code,
             fileDownloadBaseUrl,
             onDownloadArtifact,
-            readOnly
+            readOnly,
+            sandboxDownloadReadOnlyTooltip
           }
         );
       }
@@ -9176,6 +9182,7 @@ function Markdown({
   fileDownloadBaseUrl,
   onDownloadArtifact,
   readOnly,
+  sandboxDownloadReadOnlyTooltip,
   className
 }) {
   const mode = useThemeMode();
@@ -9194,6 +9201,7 @@ function Markdown({
       fileDownloadBaseUrl,
       onDownloadArtifact,
       readOnly,
+      sandboxDownloadReadOnlyTooltip,
       OpenUiFenceBlock: OpenUiFenceBlock2,
       SandboxArtifactDownload: SandboxArtifactDownload2,
       SyntaxHighlighter: SyntaxHighlighter2,
@@ -9205,6 +9213,7 @@ function Markdown({
       fileDownloadBaseUrl,
       onDownloadArtifact,
       readOnly,
+      sandboxDownloadReadOnlyTooltip,
       OpenUiFenceBlock2,
       SandboxArtifactDownload2,
       SyntaxHighlighter2,
@@ -9553,7 +9562,8 @@ function SandboxArtifactDownload({
   code,
   fileDownloadBaseUrl,
   onDownloadArtifact,
-  readOnly
+  readOnly,
+  sandboxDownloadReadOnlyTooltip
 }) {
   const ChatFileDownload2 = useSlot("ChatFileDownload");
   const artifacts = useMemo11(() => parseSandboxArtifacts(code), [code]);
@@ -9564,13 +9574,14 @@ function SandboxArtifactDownload({
       files: artifacts,
       fileDownloadBaseUrl,
       onDownloadArtifact,
-      readOnly
+      readOnly,
+      readOnlyTooltip: sandboxDownloadReadOnlyTooltip
     }
   );
 }
 
 // src/atoms/SandboxToolCallCard.tsx
-import { Fragment as Fragment15, jsx as jsx95, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx95, jsxs as jsxs68 } from "react/jsx-runtime";
 function JsonPane({ value, className }) {
   const MonacoEditorCore2 = useSlot("MonacoEditorCore");
   return /* @__PURE__ */ jsx95(
@@ -9678,7 +9689,7 @@ function SandboxBody({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx95("div", { className: "rounded-b-lg border border-t-0 border-border p-3", children: hasContent && /* @__PURE__ */ jsx95("div", { className: "max-h-80 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-xs text-text-primary", children: viewMode === "code" ? /* @__PURE__ */ jsxs68(Fragment15, { children: [
+        /* @__PURE__ */ jsx95("div", { className: "rounded-b-lg border border-t-0 border-border p-3", children: hasContent && /* @__PURE__ */ jsx95("div", { className: "max-h-80 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-xs text-text-primary", children: viewMode === "code" ? /* @__PURE__ */ jsxs68(Fragment16, { children: [
           argsJson && /* @__PURE__ */ jsxs68("div", { className: "my-1 border-l-4 border-primary-button-bg px-3", children: [
             /* @__PURE__ */ jsx95("div", { className: "mb-1 font-sans text-xs font-medium leading-4", children: "Arguments" }),
             /* @__PURE__ */ jsx95(JsonPane, { value: argsJson, className: "pl-2" })
@@ -9687,7 +9698,7 @@ function SandboxBody({
             /* @__PURE__ */ jsx95("div", { className: "mb-1 mt-2 font-sans text-xs font-medium leading-4", children: "Result" }),
             /* @__PURE__ */ jsx95(JsonPane, { value: resultJson, className: "pl-2" })
           ] })
-        ] }) : /* @__PURE__ */ jsxs68(Fragment15, { children: [
+        ] }) : /* @__PURE__ */ jsxs68(Fragment16, { children: [
           command && /* @__PURE__ */ jsxs68("div", { className: "my-1 break-all border-l-4 border-primary-button-bg px-3", children: [
             /* @__PURE__ */ jsx95("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "COMMAND" }),
             /* @__PURE__ */ jsxs68("div", { children: [
@@ -9696,13 +9707,13 @@ function SandboxBody({
               command
             ] })
           ] }),
-          resultText ? /* @__PURE__ */ jsxs68(Fragment15, { children: [
+          resultText ? /* @__PURE__ */ jsxs68(Fragment16, { children: [
             /* @__PURE__ */ jsx95("div", { className: "mx-3 my-1 border-t border-border" }),
             /* @__PURE__ */ jsxs68("div", { className: "my-1 break-all border-l-4 border-primary-button-bg/60 px-3", children: [
               /* @__PURE__ */ jsx95("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "OUTPUT" }),
               /* @__PURE__ */ jsx95("div", { children: resultText })
             ] })
-          ] }) : resultJson && /* @__PURE__ */ jsxs68(Fragment15, { children: [
+          ] }) : resultJson && /* @__PURE__ */ jsxs68(Fragment16, { children: [
             /* @__PURE__ */ jsx95("div", { className: "mx-3 my-1 border-t border-border" }),
             /* @__PURE__ */ jsxs68("div", { className: "my-1 border-l-4 border-primary-button-bg/60 px-3", children: [
               /* @__PURE__ */ jsx95("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "OUTPUT" }),
@@ -9863,7 +9874,7 @@ function useOptionalAgentConfigInstructions() {
 }
 
 // src/atoms/SaveAgentButton.tsx
-import { Fragment as Fragment16, jsx as jsx97, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx97, jsxs as jsxs69 } from "react/jsx-runtime";
 function cloneAgentSpec(spec) {
   return {
     ...spec,
@@ -9975,7 +9986,7 @@ function SaveAgentButtonContent({
   const isUpdateMode = shell?.mode.status === "active" && shell.mode.isMutable && (shell.mode.agentName !== void 0 || shell.mode.agentId !== void 0);
   const triggerLabel = isUpdateMode && children === "Save Agent" ? "Update Agent" : children;
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs69(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs69(Fragment17, { children: [
     /* @__PURE__ */ jsx97(PermissionGuard2, { allowed: canManageAgent, children: /* @__PURE__ */ jsxs69(
       Button.Primary,
       {
@@ -10088,7 +10099,7 @@ function SaveAgentForm({
 }
 
 // src/atoms/SchedulesButton.tsx
-import { Fragment as Fragment17, jsx as jsx99, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx99, jsxs as jsxs71 } from "react/jsx-runtime";
 function SchedulesButton({ className, compact = false }) {
   const shell = useOptionalShellMode();
   const scheduleServer = useOptionalScheduleServer();
@@ -10114,7 +10125,7 @@ function SchedulesButton({ className, compact = false }) {
       onClick: () => shell.setSchedulesOpen(!open),
       children: [
         /* @__PURE__ */ jsx99(Icon, { name: "calendar-clock", size: compact ? 14 : void 0 }),
-        compact ? /* @__PURE__ */ jsx99("span", { className: "text-center", children: "Schedules" }) : /* @__PURE__ */ jsxs71(Fragment17, { children: [
+        compact ? /* @__PURE__ */ jsx99("span", { className: "text-center", children: "Schedules" }) : /* @__PURE__ */ jsxs71(Fragment18, { children: [
           /* @__PURE__ */ jsx99("span", { className: "truncate", children: "Schedules" }),
           /* @__PURE__ */ jsx99(Icon, { name: "chevron-right", className: "ml-auto size-3.5 shrink-0 opacity-60" })
         ] })
@@ -10172,7 +10183,7 @@ function SelectAgentEmptyState() {
 }
 
 // src/atoms/SessionsBrowserButton.tsx
-import { Fragment as Fragment18, jsx as jsx102, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx102, jsxs as jsxs73 } from "react/jsx-runtime";
 function SessionsBrowserButton({ className, compact = false }) {
   const sessionsServer = useOptionalAgentSessionsServer();
   const shell = useOptionalShellMode();
@@ -10210,7 +10221,7 @@ function SessionsBrowserButton({ className, compact = false }) {
       },
       children: [
         /* @__PURE__ */ jsx102(Icon, { name: "message-square-text", size: compact ? 14 : void 0 }),
-        compact ? /* @__PURE__ */ jsx102("span", { className: "text-center", children: "Sessions" }) : /* @__PURE__ */ jsxs73(Fragment18, { children: [
+        compact ? /* @__PURE__ */ jsx102("span", { className: "text-center", children: "Sessions" }) : /* @__PURE__ */ jsxs73(Fragment19, { children: [
           /* @__PURE__ */ jsx102("span", { className: "truncate", children: "Sessions" }),
           /* @__PURE__ */ jsx102(Icon, { name: "chevron-right", className: "ml-auto size-3.5 shrink-0 opacity-60" })
         ] })
@@ -11401,7 +11412,7 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
 var SyntaxHighlighter = memo(SyntaxHighlighterImpl);
 
 // src/atoms/ThreadListMisc.tsx
-import { Fragment as Fragment19, jsx as jsx106, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx106, jsxs as jsxs77 } from "react/jsx-runtime";
 function ThreadListNewButton({ className, children, style, ...rest }) {
   return /* @__PURE__ */ jsx106(
     "button",
@@ -11417,7 +11428,7 @@ function ThreadListNewButton({ className, children, style, ...rest }) {
         )
       }),
       ...rest,
-      children: children ?? /* @__PURE__ */ jsxs77(Fragment19, { children: [
+      children: children ?? /* @__PURE__ */ jsxs77(Fragment20, { children: [
         /* @__PURE__ */ jsx106(Icon, { name: "square-pen" }),
         "New Chat"
       ] })
@@ -12167,7 +12178,7 @@ function useRegisterApprovalExpand(toolCallId, expand) {
 }
 
 // src/atoms/ToolCallCard.tsx
-import { Fragment as Fragment20, jsx as jsx112, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx112, jsxs as jsxs81 } from "react/jsx-runtime";
 var DEFAULT_AWAITING_TEXT = "Awaiting Response...";
 function ToolCallCard({
   icon = "mcp-server",
@@ -12239,7 +12250,7 @@ function ToolCallCard({
           showContentConnector: true,
           showPersistentContentConnector: !hasApproval,
           dataTestPrefix: dataTestPrefix ? `${dataTestPrefix}-header` : void 0,
-          persistentChildren: /* @__PURE__ */ jsxs81(Fragment20, { children: [
+          persistentChildren: /* @__PURE__ */ jsxs81(Fragment21, { children: [
             approvalSlot,
             expanded && showResponseLine && responseSlot && /* @__PURE__ */ jsx112("div", { "data-testid": dataTestPrefix ? `${dataTestPrefix}-response` : void 0, children: responseSlot })
           ] }),
@@ -14394,10 +14405,22 @@ function UserMessageContainer() {
 }
 
 // src/containers/AgentSessionTimelineContainer.tsx
-import { Fragment as Fragment21, jsx as jsx132, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx132, jsxs as jsxs88 } from "react/jsx-runtime";
+function ReadOnlyMarkdown(props) {
+  return /* @__PURE__ */ jsx132(
+    Markdown,
+    {
+      ...props,
+      readOnly: true,
+      onDownloadArtifact: void 0,
+      sandboxDownloadReadOnlyTooltip: "Download File is not available in read-only mode"
+    }
+  );
+}
 var READ_ONLY_SLOT_OVERRIDES = {
-  UserMessageActionBar: () => /* @__PURE__ */ jsx132(Fragment21, {}),
-  MessageActionBar: () => /* @__PURE__ */ jsx132(Fragment21, {})
+  UserMessageActionBar: () => /* @__PURE__ */ jsx132(Fragment22, {}),
+  MessageActionBar: () => /* @__PURE__ */ jsx132(Fragment22, {}),
+  Markdown: ReadOnlyMarkdown
 };
 function turnIdFromMessage(message) {
   const messageId = message.id ?? "";
@@ -14433,12 +14456,13 @@ function applyTerminalState(messages, turn) {
   if (state?.status !== "error" && state?.status !== "cancelled") return messages;
   const assistantIndex = messages.findIndex((message) => message.role === "assistant");
   const assistant = assistantIndex < 0 ? void 0 : messages[assistantIndex];
+  const createdAt = new Date(state.completedAt ?? turn.done?.createdAt ?? turn.created.createdAt);
   const terminal = state.status === "error" ? {
     ...assistant ?? {
       id: `${turn.turnId}-assistant`,
       role: "assistant",
       content: [],
-      createdAt: new Date(turn.done?.createdAt ?? turn.created.createdAt),
+      createdAt,
       metadata: { custom: { turnId: turn.turnId } }
     },
     status: { type: "incomplete", reason: "error", error: state.message }
@@ -14447,7 +14471,7 @@ function applyTerminalState(messages, turn) {
       id: `${turn.turnId}-assistant`,
       role: "assistant",
       content: [],
-      createdAt: new Date(turn.done?.createdAt ?? turn.created.createdAt),
+      createdAt,
       metadata: { custom: { turnId: turn.turnId } }
     },
     content: appendTerminalText(assistant?.content ?? [], `Cancelled: ${state.reason}`),
@@ -14555,28 +14579,28 @@ function SessionTurnSection({
 }
 
 // src/theme/defaultSlots.ts
-var AgentOverview = lazy(() => import("./AgentOverview-WC7WMNMS.js"));
+var AgentOverview = lazy(() => import("./AgentOverview-7GJJV2OU.js"));
 var AgentSessions = lazy(async () => {
-  const mod = await import("./AgentSessions-YCAPM5GK.js");
+  const mod = await import("./AgentSessions-MR2DREKN.js");
   return { default: mod.AgentSessions };
 });
 var AgentCodeSnippets = lazy(
-  () => import("./AgentCodeSnippets-T7PR6PDP.js")
+  () => import("./AgentCodeSnippets-ARHIK2T6.js")
 );
 var SchedulesPage = lazy(async () => {
-  const mod = await import("./SchedulesPage-2G6F4XO6.js");
+  const mod = await import("./SchedulesPage-5XZRDA5O.js");
   return { default: mod.SchedulesPage };
 });
 var AgentSessionEventTimeline = lazy(async () => {
-  const mod = await import("./AgentSessionEventTimeline-SETKGGCI.js");
+  const mod = await import("./AgentSessionEventTimeline-7QM7QKIQ.js");
   return { default: mod.AgentSessionEventTimeline };
 });
 var AgentSessionEventTimelineChart = lazy(async () => {
-  const mod = await import("./AgentSessionEventTimelineChart-4Y7PY5SJ.js");
+  const mod = await import("./AgentSessionEventTimelineChart-PIDYWLYT.js");
   return { default: mod.AgentSessionEventTimelineChart };
 });
 var AgentMetricChart = lazy(async () => {
-  const mod = await import("./AgentMetricChart-J3RCSCAG.js");
+  const mod = await import("./AgentMetricChart-ZQIRBCZL.js");
   return { default: mod.AgentMetricChart };
 });
 var defaultSlots = {
@@ -14949,4 +14973,4 @@ export {
   UserMessageContainer,
   defaultSlots
 };
-//# sourceMappingURL=chunk-XANC4F2H.js.map
+//# sourceMappingURL=chunk-4OEAJKLJ.js.map