@invergent/agent-chat-react 2.1.4 → 2.1.6

package/dist/index.d.cts

@@ -735,6 +735,7 @@ interface AgentChatAdapterContextValue {
 declare const AgentChatAdapterProvider: React.Provider<AgentChatAdapterContextValue | null>;
 declare function useAgentChatAdapterContext(): AgentChatAdapterContextValue;
 
+declare function useChatViewMode(): "simple" | "expert";
 interface UseAgentChatRuntimeInput {
     adapter: AgentChatAdapter;
     agentId?: string;
@@ -846,4 +847,4 @@ interface SessionTreePanelProps {
 }
 declare function SessionTreePanel({ adapter, sessionId, activeSessionId, agentId, title, sessionListLimit, hideRoot, hideHeader, loadList, onSessionSelect, onSessionDelete, }: SessionTreePanelProps): react_jsx_runtime.JSX.Element | null;
 
-export { ACTIVE_MISSION_STATUSES, AgentChat, type AgentChatAdapter, type AgentChatAdapterContextValue, AgentChatAdapterProvider, type AgentChatArtifactKind, type AgentChatArtifactMeta, type AgentChatArtifactPayload, type AgentChatAskUserQuestionAnswer, type AgentChatAskUserQuestionArgs, type AgentChatAskUserQuestionChoice, type AgentChatAskUserQuestionQuestion, type AgentChatAttachment, type AgentChatChartArtifactSpec, type AgentChatDisplayAttachment, type AgentChatErrorCategory, type AgentChatErrorInfo, type AgentChatEventStream, type AgentChatEventType, type AgentChatExpertFeedbackRating, type AgentChatHtmlArtifactSpec, type AgentChatImageAttachment, type AgentChatInboxEventStream, type AgentChatInboxItem, type AgentChatInboxKind, type AgentChatInboxList, type AgentChatInboxListInput, type AgentChatInboxStatus, type AgentChatInboxStreamEvent, type AgentChatMarkdownArtifactSpec, type AgentChatMessage, type AgentChatMessageStatus, type AgentChatMissionList, type AgentChatMissionStatus, type AgentChatMissionSummary, type AgentChatMissionTask, type AgentChatMissionWorker, type AgentChatPendingAttachment, type AgentChatProps, type AgentChatRole, type AgentChatRuntimeApi, type AgentChatRuntimeEvent, type AgentChatScheduledWorkItem, type AgentChatScheduledWorkKind, type AgentChatScheduledWorkList, type AgentChatSession, type AgentChatSessionList, type AgentChatSessionTree, type AgentChatSessionTreeNode, type AgentChatSlashCommand, type AgentChatSseMessageEvent, type AgentChatState, type AgentChatSvgArtifactSpec, type AgentChatSystemKind, type AgentChatTableArtifactSpec, type AgentChatTokenUsage, type AgentChatToolCallInfo, type AgentChatWorkspaceEntry, type AgentChatWorkspaceFile, type AgentChatWorkspaceTree, type AgentChatWorkspaceUpload, type ArtifactKind, type ArtifactPayload, type AskUserQuestionAnswer, type AskUserQuestionArgs, type AskUserQuestionChoice, type AskUserQuestionQuestion, type ChartArtifactSpec, type ChatComposerError, type ChatMessage, type ErrorInfo, type HtmlArtifactSpec, type InboxItem, type InboxList, InboxPanel, type InboxPanelProps, type InboxUnreadCountState, type MarkdownArtifactSpec, MessageResponse, type MessageResponseProps, MissionDashboard, type MissionDashboardProps, type MissionTaskBucket, MissionsPanel, type MissionsPanelProps, type RetryIndicator, type ScheduledWorkItem, type ScheduledWorkList, ScheduledWorkPanel, type ScheduledWorkPanelProps, type SessionTree, type SessionTreeNode, SessionTreePanel, type SessionTreePanelProps, type SvgArtifactSpec, type TableArtifactSpec, type TokenUsage, type ToolCallInfo, type WorkspaceEntry, type WorkspaceFile, type WorkspaceTree, type WorkspaceUpload, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useInboxUnreadCount };
+export { ACTIVE_MISSION_STATUSES, AgentChat, type AgentChatAdapter, type AgentChatAdapterContextValue, AgentChatAdapterProvider, type AgentChatArtifactKind, type AgentChatArtifactMeta, type AgentChatArtifactPayload, type AgentChatAskUserQuestionAnswer, type AgentChatAskUserQuestionArgs, type AgentChatAskUserQuestionChoice, type AgentChatAskUserQuestionQuestion, type AgentChatAttachment, type AgentChatChartArtifactSpec, type AgentChatDisplayAttachment, type AgentChatErrorCategory, type AgentChatErrorInfo, type AgentChatEventStream, type AgentChatEventType, type AgentChatExpertFeedbackRating, type AgentChatHtmlArtifactSpec, type AgentChatImageAttachment, type AgentChatInboxEventStream, type AgentChatInboxItem, type AgentChatInboxKind, type AgentChatInboxList, type AgentChatInboxListInput, type AgentChatInboxStatus, type AgentChatInboxStreamEvent, type AgentChatMarkdownArtifactSpec, type AgentChatMessage, type AgentChatMessageStatus, type AgentChatMissionList, type AgentChatMissionStatus, type AgentChatMissionSummary, type AgentChatMissionTask, type AgentChatMissionWorker, type AgentChatPendingAttachment, type AgentChatProps, type AgentChatRole, type AgentChatRuntimeApi, type AgentChatRuntimeEvent, type AgentChatScheduledWorkItem, type AgentChatScheduledWorkKind, type AgentChatScheduledWorkList, type AgentChatSession, type AgentChatSessionList, type AgentChatSessionTree, type AgentChatSessionTreeNode, type AgentChatSlashCommand, type AgentChatSseMessageEvent, type AgentChatState, type AgentChatSvgArtifactSpec, type AgentChatSystemKind, type AgentChatTableArtifactSpec, type AgentChatTokenUsage, type AgentChatToolCallInfo, type AgentChatWorkspaceEntry, type AgentChatWorkspaceFile, type AgentChatWorkspaceTree, type AgentChatWorkspaceUpload, type ArtifactKind, type ArtifactPayload, type AskUserQuestionAnswer, type AskUserQuestionArgs, type AskUserQuestionChoice, type AskUserQuestionQuestion, type ChartArtifactSpec, type ChatComposerError, type ChatMessage, type ErrorInfo, type HtmlArtifactSpec, type InboxItem, type InboxList, InboxPanel, type InboxPanelProps, type InboxUnreadCountState, type MarkdownArtifactSpec, MessageResponse, type MessageResponseProps, MissionDashboard, type MissionDashboardProps, type MissionTaskBucket, MissionsPanel, type MissionsPanelProps, type RetryIndicator, type ScheduledWorkItem, type ScheduledWorkList, ScheduledWorkPanel, type ScheduledWorkPanelProps, type SessionTree, type SessionTreeNode, SessionTreePanel, type SessionTreePanelProps, type SvgArtifactSpec, type TableArtifactSpec, type TokenUsage, type ToolCallInfo, type WorkspaceEntry, type WorkspaceFile, type WorkspaceTree, type WorkspaceUpload, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useChatViewMode, useInboxUnreadCount };

package/dist/index.d.ts

@@ -735,6 +735,7 @@ interface AgentChatAdapterContextValue {
 declare const AgentChatAdapterProvider: React.Provider<AgentChatAdapterContextValue | null>;
 declare function useAgentChatAdapterContext(): AgentChatAdapterContextValue;
 
+declare function useChatViewMode(): "simple" | "expert";
 interface UseAgentChatRuntimeInput {
     adapter: AgentChatAdapter;
     agentId?: string;
@@ -846,4 +847,4 @@ interface SessionTreePanelProps {
 }
 declare function SessionTreePanel({ adapter, sessionId, activeSessionId, agentId, title, sessionListLimit, hideRoot, hideHeader, loadList, onSessionSelect, onSessionDelete, }: SessionTreePanelProps): react_jsx_runtime.JSX.Element | null;
 
-export { ACTIVE_MISSION_STATUSES, AgentChat, type AgentChatAdapter, type AgentChatAdapterContextValue, AgentChatAdapterProvider, type AgentChatArtifactKind, type AgentChatArtifactMeta, type AgentChatArtifactPayload, type AgentChatAskUserQuestionAnswer, type AgentChatAskUserQuestionArgs, type AgentChatAskUserQuestionChoice, type AgentChatAskUserQuestionQuestion, type AgentChatAttachment, type AgentChatChartArtifactSpec, type AgentChatDisplayAttachment, type AgentChatErrorCategory, type AgentChatErrorInfo, type AgentChatEventStream, type AgentChatEventType, type AgentChatExpertFeedbackRating, type AgentChatHtmlArtifactSpec, type AgentChatImageAttachment, type AgentChatInboxEventStream, type AgentChatInboxItem, type AgentChatInboxKind, type AgentChatInboxList, type AgentChatInboxListInput, type AgentChatInboxStatus, type AgentChatInboxStreamEvent, type AgentChatMarkdownArtifactSpec, type AgentChatMessage, type AgentChatMessageStatus, type AgentChatMissionList, type AgentChatMissionStatus, type AgentChatMissionSummary, type AgentChatMissionTask, type AgentChatMissionWorker, type AgentChatPendingAttachment, type AgentChatProps, type AgentChatRole, type AgentChatRuntimeApi, type AgentChatRuntimeEvent, type AgentChatScheduledWorkItem, type AgentChatScheduledWorkKind, type AgentChatScheduledWorkList, type AgentChatSession, type AgentChatSessionList, type AgentChatSessionTree, type AgentChatSessionTreeNode, type AgentChatSlashCommand, type AgentChatSseMessageEvent, type AgentChatState, type AgentChatSvgArtifactSpec, type AgentChatSystemKind, type AgentChatTableArtifactSpec, type AgentChatTokenUsage, type AgentChatToolCallInfo, type AgentChatWorkspaceEntry, type AgentChatWorkspaceFile, type AgentChatWorkspaceTree, type AgentChatWorkspaceUpload, type ArtifactKind, type ArtifactPayload, type AskUserQuestionAnswer, type AskUserQuestionArgs, type AskUserQuestionChoice, type AskUserQuestionQuestion, type ChartArtifactSpec, type ChatComposerError, type ChatMessage, type ErrorInfo, type HtmlArtifactSpec, type InboxItem, type InboxList, InboxPanel, type InboxPanelProps, type InboxUnreadCountState, type MarkdownArtifactSpec, MessageResponse, type MessageResponseProps, MissionDashboard, type MissionDashboardProps, type MissionTaskBucket, MissionsPanel, type MissionsPanelProps, type RetryIndicator, type ScheduledWorkItem, type ScheduledWorkList, ScheduledWorkPanel, type ScheduledWorkPanelProps, type SessionTree, type SessionTreeNode, SessionTreePanel, type SessionTreePanelProps, type SvgArtifactSpec, type TableArtifactSpec, type TokenUsage, type ToolCallInfo, type WorkspaceEntry, type WorkspaceFile, type WorkspaceTree, type WorkspaceUpload, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useInboxUnreadCount };
+export { ACTIVE_MISSION_STATUSES, AgentChat, type AgentChatAdapter, type AgentChatAdapterContextValue, AgentChatAdapterProvider, type AgentChatArtifactKind, type AgentChatArtifactMeta, type AgentChatArtifactPayload, type AgentChatAskUserQuestionAnswer, type AgentChatAskUserQuestionArgs, type AgentChatAskUserQuestionChoice, type AgentChatAskUserQuestionQuestion, type AgentChatAttachment, type AgentChatChartArtifactSpec, type AgentChatDisplayAttachment, type AgentChatErrorCategory, type AgentChatErrorInfo, type AgentChatEventStream, type AgentChatEventType, type AgentChatExpertFeedbackRating, type AgentChatHtmlArtifactSpec, type AgentChatImageAttachment, type AgentChatInboxEventStream, type AgentChatInboxItem, type AgentChatInboxKind, type AgentChatInboxList, type AgentChatInboxListInput, type AgentChatInboxStatus, type AgentChatInboxStreamEvent, type AgentChatMarkdownArtifactSpec, type AgentChatMessage, type AgentChatMessageStatus, type AgentChatMissionList, type AgentChatMissionStatus, type AgentChatMissionSummary, type AgentChatMissionTask, type AgentChatMissionWorker, type AgentChatPendingAttachment, type AgentChatProps, type AgentChatRole, type AgentChatRuntimeApi, type AgentChatRuntimeEvent, type AgentChatScheduledWorkItem, type AgentChatScheduledWorkKind, type AgentChatScheduledWorkList, type AgentChatSession, type AgentChatSessionList, type AgentChatSessionTree, type AgentChatSessionTreeNode, type AgentChatSlashCommand, type AgentChatSseMessageEvent, type AgentChatState, type AgentChatSvgArtifactSpec, type AgentChatSystemKind, type AgentChatTableArtifactSpec, type AgentChatTokenUsage, type AgentChatToolCallInfo, type AgentChatWorkspaceEntry, type AgentChatWorkspaceFile, type AgentChatWorkspaceTree, type AgentChatWorkspaceUpload, type ArtifactKind, type ArtifactPayload, type AskUserQuestionAnswer, type AskUserQuestionArgs, type AskUserQuestionChoice, type AskUserQuestionQuestion, type ChartArtifactSpec, type ChatComposerError, type ChatMessage, type ErrorInfo, type HtmlArtifactSpec, type InboxItem, type InboxList, InboxPanel, type InboxPanelProps, type InboxUnreadCountState, type MarkdownArtifactSpec, MessageResponse, type MessageResponseProps, MissionDashboard, type MissionDashboardProps, type MissionTaskBucket, MissionsPanel, type MissionsPanelProps, type RetryIndicator, type ScheduledWorkItem, type ScheduledWorkList, ScheduledWorkPanel, type ScheduledWorkPanelProps, type SessionTree, type SessionTreeNode, SessionTreePanel, type SessionTreePanelProps, type SvgArtifactSpec, type TableArtifactSpec, type TokenUsage, type ToolCallInfo, type WorkspaceEntry, type WorkspaceFile, type WorkspaceTree, type WorkspaceUpload, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useChatViewMode, useInboxUnreadCount };

package/dist/index.js

@@ -686,7 +686,7 @@ var ConversationEmptyState = ({
       icon && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-14 rounded-2xl bg-muted/60 text-muted-foreground/60", children: icon }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base text-foreground/80", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground/60 text-sm max-w-sm", children: description })
+        description && /* @__PURE__ */ jsx("p", { className: "text-foreground/60 text-sm max-w-sm", children: description })
       ] })
     ] })
   }
@@ -6111,36 +6111,6 @@ function ChatComposerInner({
                       }
                     )
                   ] }),
-                  onViewModeChange && /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      role: "group",
-                      "aria-label": "Chat view mode",
-                      className: "inline-flex overflow-hidden rounded-md border border-border",
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            "aria-pressed": viewMode === "simple",
-                            onClick: () => onViewModeChange("simple"),
-                            className: viewMode === "simple" ? "bg-accent px-2 py-1 text-xs text-foreground" : "px-2 py-1 text-xs text-muted-foreground hover:text-foreground",
-                            children: "Simple"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            "aria-pressed": viewMode === "expert",
-                            onClick: () => onViewModeChange("expert"),
-                            className: viewMode === "expert" ? "bg-accent px-2 py-1 text-xs text-foreground" : "px-2 py-1 text-xs text-muted-foreground hover:text-foreground",
-                            children: "Expert"
-                          }
-                        )
-                      ]
-                    }
-                  ),
                   canShowBrowser && onToggleBrowser && /* @__PURE__ */ jsx(
                     PromptInputButton,
                     {
@@ -6220,7 +6190,46 @@ function ChatComposerInner({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx(PromptInputSubmit, { status, onStop })
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  onViewModeChange && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      role: "group",
+                      "aria-label": "Chat view mode",
+                      className: "inline-flex overflow-hidden rounded-md border border-border",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-pressed": viewMode === "simple",
+                            onClick: () => onViewModeChange("simple"),
+                            className: viewMode === "simple" ? "bg-accent px-2 py-1 text-xs text-foreground" : "px-2 py-1 text-xs text-muted-foreground hover:text-foreground",
+                            children: "Simple"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-pressed": viewMode === "expert",
+                            onClick: () => onViewModeChange("expert"),
+                            className: viewMode === "expert" ? "bg-accent px-2 py-1 text-xs text-foreground" : "px-2 py-1 text-xs text-muted-foreground hover:text-foreground",
+                            children: "Advanced"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    PromptInputSubmit,
+                    {
+                      status,
+                      onStop,
+                      className: "md:size-8"
+                    }
+                  )
+                ] })
               ] })
             ]
           }
@@ -6394,7 +6403,7 @@ function TurnFeedback({ msg }) {
         {
           type: "button",
           variant: "ghost",
-          size: "icon-xs",
+          size: "icon-sm",
           "aria-label": "Good response",
           title: alreadyRated && rating === "up" ? "Good response (recorded)" : "Good response",
           disabled: pending !== null || alreadyRated,
@@ -6402,7 +6411,7 @@ function TurnFeedback({ msg }) {
           className: cn(
             rating === "up" ? "text-foreground" : "text-muted-foreground/60"
           ),
-          children: /* @__PURE__ */ jsx(ThumbsUpIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx(ThumbsUpIcon, { className: "size-4.5" })
         }
       ),
       /* @__PURE__ */ jsx(
@@ -6410,7 +6419,7 @@ function TurnFeedback({ msg }) {
         {
           type: "button",
           variant: "ghost",
-          size: "icon-xs",
+          size: "icon-sm",
           "aria-label": "Poor response",
           title: alreadyRated && rating === "down" ? "Poor response (recorded)" : "Poor response",
           disabled: pending !== null || reasonDraft !== null || alreadyRated,
@@ -6418,7 +6427,7 @@ function TurnFeedback({ msg }) {
           className: cn(
             rating === "down" ? "text-foreground" : "text-muted-foreground/60"
           ),
-          children: /* @__PURE__ */ jsx(ThumbsDownIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx(ThumbsDownIcon, { className: "size-4.5" })
         }
       ),
       alreadyRated && msg.userFeedback?.reason && /* @__PURE__ */ jsxs(
@@ -7177,7 +7186,8 @@ function FileViewer({
   error,
   downloadUrl,
   onDelete,
-  onClose
+  onClose,
+  hideHeader = false
 }) {
   const visible = loading || file !== null || error !== null;
   if (!visible) return null;
@@ -7187,7 +7197,7 @@ function FileViewer({
   const isImage = file?.encoding === "base64" && !isPdf;
   const HeaderIcon = isImage ? ImageIcon : FileTextIcon;
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col border-t border-line", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-line px-3 py-2", children: [
+    !hideHeader && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-line px-3 py-2", children: [
       /* @__PURE__ */ jsx(HeaderIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-medium", children: fileName2 }),
@@ -7232,7 +7242,12 @@ function FileViewer({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(ScrollArea, { className: "min-h-0 flex-1", children: [
+    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: [
       loading && /* @__PURE__ */ jsx("div", { className: "space-y-1.5 p-3", children: Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx(
         Skeleton,
         {
@@ -7248,7 +7263,6 @@ function FileViewer({
         /* @__PURE__ */ jsx("span", { children: error })
       ] }),
       file && isPdf && file.encoding !== "base64" && /* @__PURE__ */ jsx(FileViewerError, { message: "PDF preview requires base64 file content." }),
-      file && isPdf && file.encoding === "base64" && /* @__PURE__ */ jsx(PdfPreview, { file, fileName: fileName2 }),
       file && isImage && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx(
         "img",
         {
@@ -7512,7 +7526,7 @@ function PdfPreview({
       /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
       /* @__PURE__ */ jsx("span", { children: error })
     ] }),
-    !error && /* @__PURE__ */ jsx("div", { className: "relative h-[70vh] min-h-[420px] flex-1 bg-muted/20", children: /* @__PURE__ */ jsx(
+    !error && /* @__PURE__ */ jsx("div", { className: "relative min-h-105 flex-1 bg-muted/20", children: /* @__PURE__ */ jsx(
       "div",
       {
         ref: containerRef,
@@ -7713,8 +7727,23 @@ function WorkspaceFilePreviewDialog({
       cancelled = true;
     };
   }, [adapter, sessionId, path, open]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex h-[80vh] w-full max-w-5xl flex-col gap-0 overflow-hidden p-0", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { className: "border-b border-line px-4 py-3", children: /* @__PURE__ */ jsx(DialogTitle, { className: "truncate text-sm", children: _basename(path) }) }),
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex h-[85vh] w-[95vw] max-w-350! flex-col gap-0 overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "flex flex-row items-center gap-2 border-b border-line px-4 py-3", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "min-w-0 flex-1 truncate text-sm", children: _basename(path) }),
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: downloadUrl,
+          download: _basename(path),
+          className: "mr-8 inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted",
+          "aria-label": `Download ${_basename(path)}`,
+          children: [
+            /* @__PURE__ */ jsx(DownloadIcon, { className: "size-3.5", "aria-hidden": true }),
+            "Download"
+          ]
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
       FileViewer,
       {
@@ -7723,7 +7752,8 @@ function WorkspaceFilePreviewDialog({
         error,
         downloadUrl,
         onDelete: null,
-        onClose: () => onOpenChange(false)
+        onClose: () => onOpenChange(false),
+        hideHeader: true
       }
     ) })
   ] }) });
@@ -7750,7 +7780,8 @@ function TurnSummaryCard({
   const hasRecap = summary.recap.trim().length > 0;
   const hasArtifacts = summary.artifacts.length > 0;
   if (!hasRecap && !hasArtifacts) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded border border-border bg-muted/20 px-3 py-2 text-sm", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded border border-border bg-muted/50 px-3 py-2 text-sm", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-semibold uppercase tracking-wide", children: "Summary" }),
     hasRecap && /* @__PURE__ */ jsx("p", { className: "mb-2 whitespace-pre-wrap text-foreground", children: summary.recap }),
     hasArtifacts && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: summary.artifacts.map((artifact, i) => {
       const key = `${artifact.kind}:${artifact.ref}:${i}`;
@@ -8537,7 +8568,7 @@ function IterationGroup({
         type: "button",
         onClick: () => setOpen((prev) => !prev),
         "aria-expanded": open,
-        className: "flex w-full items-center gap-2 rounded px-1 py-0.5 text-left text-sm hover:bg-muted/40",
+        className: "flex w-full items-center gap-2 rounded py-0.5 text-left text-sm hover:bg-muted/40",
         children: [
           /* @__PURE__ */ jsx("span", { className: cn("flex-1 truncate", labelTone), children: label }),
           /* @__PURE__ */ jsx(
@@ -8565,6 +8596,18 @@ function IterationGroup({
   ] });
 }
 function deriveFileArtifactsFromMessages(messages) {
+  const terminalCommands = [];
+  for (const msg of messages) {
+    if (msg.role !== "assistant" || !msg.toolCalls) continue;
+    for (const tc of msg.toolCalls) {
+      if (tc.toolName !== "terminal") continue;
+      const status = effectiveStatus(tc);
+      if (status === "error" || status === "cancelled") continue;
+      const args = parseArgs(tc.args);
+      const cmd = typeof args?.command === "string" ? args.command : "";
+      if (cmd) terminalCommands.push(cmd);
+    }
+  }
   const seen = /* @__PURE__ */ new Set();
   const out = [];
   for (const msg of messages) {
@@ -8577,6 +8620,8 @@ function deriveFileArtifactsFromMessages(messages) {
       if (tc.toolName === "write_file" || tc.toolName === "patch") {
         const path = typeof args.path === "string" ? args.path : typeof args.file_path === "string" ? args.file_path : "";
         if (!path || seen.has(`file:${path}`)) continue;
+        const executed = terminalCommands.some((cmd) => cmd.includes(path));
+        if (executed) continue;
         seen.add(`file:${path}`);
         out.push({
           kind: "file",
@@ -8617,11 +8662,13 @@ function SimpleAssistantGroup({
   const isTailGroup = lastGlobalIndex === totalMessages - 1;
   const showThinkingShim = isTailGroup && isRunning && (!tail && messages.some((m) => m.role !== "assistant") || tailIsTextOnly && tail.status === "streaming" && !tail.content);
   const showErrorInfo = !!tail && tail.status === "error" && !!tail.errorInfo;
+  const turnComplete = !isRunning && tail?.status === "complete";
   const effectiveTurnSummary = (() => {
     const fromHarness = tail?.turnSummary;
     if (fromHarness && fromHarness.artifacts.length > 0) {
       return fromHarness;
     }
+    if (!turnComplete) return fromHarness;
     const derived = deriveFileArtifactsFromMessages(messages);
     if (derived.length === 0) return fromHarness;
     return {
@@ -9115,6 +9162,27 @@ function findEntry(entries, path) {
   }
   return null;
 }
+var FILENAME_MAX_CHARS = 42;
+function truncateFilename(name, max) {
+  if (name.length <= max) return name;
+  const dot = name.lastIndexOf(".");
+  if (dot > 0 && name.length - dot <= 12) {
+    const ext = name.slice(dot);
+    const head = name.slice(0, Math.max(1, max - ext.length - 1));
+    return `${head}\u2026${ext}`;
+  }
+  return `${name.slice(0, max - 1)}\u2026`;
+}
+function TruncatedFileName({ name }) {
+  const truncated = truncateFilename(name, FILENAME_MAX_CHARS);
+  const isTruncated = truncated !== name;
+  const node = /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: truncated });
+  if (!isTruncated) return node;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: node }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-md break-all", children: name })
+  ] });
+}
 function RenderEntries({
   entries,
   onDelete,
@@ -9134,7 +9202,7 @@ function RenderEntries({
     const fileName2 = entry.name;
     return /* @__PURE__ */ jsxs(FileTreeFile, { name: entry.name, path: entry.path, children: [
       /* @__PURE__ */ jsx("span", { className: "size-4 shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: entry.name }),
+      /* @__PURE__ */ jsx(TruncatedFileName, { name: entry.name }),
       entry.size != null && /* @__PURE__ */ jsx("span", { className: "ml-1 shrink-0 text-xs text-muted-foreground/60", children: formatFileSize(entry.size) }),
       /* @__PURE__ */ jsxs("div", { className: "ml-1 flex shrink-0 items-center gap-0 opacity-100 transition-opacity md:opacity-0 md:group-hover:opacity-100", children: [
         /* @__PURE__ */ jsx(
@@ -9178,7 +9246,6 @@ function WorkspacePanel({
 }) {
   const fileInputRef = useRef(null);
   const [entries, setEntries] = useState([]);
-  const [rootName, setRootName] = useState("workspace");
   const [treeLoading, setTreeLoading] = useState(false);
   const [treeError, setTreeError] = useState(null);
   const [file, setFile] = useState(null);
@@ -9197,7 +9264,6 @@ function WorkspacePanel({
   const fetchTree = useCallback(async () => {
     if (!sessionId) {
       setEntries([]);
-      setRootName("workspace");
       setExpandedPaths(/* @__PURE__ */ new Set());
       setTreeLoading(false);
       setTreeError(null);
@@ -9212,12 +9278,10 @@ function WorkspacePanel({
       });
       if (sessionIdRef.current !== requestedSessionId) return;
       setEntries(tree.entries);
-      setRootName(tree.root || "workspace");
       setExpandedPaths(new Set(collectExpandedPaths(tree.entries)));
     } catch (error) {
       if (sessionIdRef.current !== requestedSessionId) return;
       setEntries([]);
-      setRootName("workspace");
       setTreeError(error.message);
     } finally {
       if (sessionIdRef.current === requestedSessionId) {
@@ -9407,10 +9471,7 @@ function WorkspacePanel({
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex min-h-14 items-center gap-2 border-b border-line px-3 py-3", children: [
           /* @__PURE__ */ jsx(FolderOpenIcon, { className: "size-4 shrink-0 text-amber-500" }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-foreground", children: rootName }),
-            /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-faint", children: disabled ? "Workspace - Read-only" : "Workspace" })
-          ] }),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-foreground", children: disabled ? "Workspace - Read-only" : "Workspace" }) }),
           /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Button,
@@ -10527,6 +10588,7 @@ function readTurnMeta(data) {
 
 // src/runtime/use-agent-chat-runtime.ts
 var VIEW_MODE_KEY = "@invergent/agent-chat-react:viewMode";
+var VIEW_MODE_EVENT = "@invergent/agent-chat-react:viewMode:change";
 function readPersistedViewMode() {
   if (typeof window === "undefined") return null;
   try {
@@ -10542,6 +10604,36 @@ function writePersistedViewMode(mode) {
     window.localStorage.setItem(VIEW_MODE_KEY, mode);
   } catch {
   }
+  try {
+    window.dispatchEvent(
+      new CustomEvent(VIEW_MODE_EVENT, { detail: mode })
+    );
+  } catch {
+  }
+}
+function useChatViewMode() {
+  const [mode, setMode] = useState(
+    () => readPersistedViewMode() ?? "simple"
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onSameTab = (event) => {
+      const detail = event.detail;
+      if (detail === "simple" || detail === "expert") setMode(detail);
+    };
+    const onCrossTab = (event) => {
+      if (event.key !== VIEW_MODE_KEY) return;
+      const next = event.newValue;
+      if (next === "simple" || next === "expert") setMode(next);
+    };
+    window.addEventListener(VIEW_MODE_EVENT, onSameTab);
+    window.addEventListener("storage", onCrossTab);
+    return () => {
+      window.removeEventListener(VIEW_MODE_EVENT, onSameTab);
+      window.removeEventListener("storage", onCrossTab);
+    };
+  }, []);
+  return mode;
 }
 function useAgentChatRuntime({
   adapter,
@@ -13576,6 +13668,6 @@ function SessionTreePanel({
   ] });
 }
 
-export { ACTIVE_MISSION_STATUSES, AgentChat, AgentChatAdapterProvider, InboxPanel, MessageResponse, MissionDashboard, MissionsPanel, ScheduledWorkPanel, SessionTreePanel, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useInboxUnreadCount };
+export { ACTIVE_MISSION_STATUSES, AgentChat, AgentChatAdapterProvider, InboxPanel, MessageResponse, MissionDashboard, MissionsPanel, ScheduledWorkPanel, SessionTreePanel, deriveMissionWorkerActivityLabel, groupMissionTasksByBucket, isTerminalMissionStatus, missionTaskBucket, useAgentChatAdapterContext, useAgentChatRuntime, useChatViewMode, useInboxUnreadCount };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map