@inf-monkeys-tech/monkeys-design 1.0.14 → 1.0.15

package/dist/components/agent-workbench/index.mjs

@@ -1,4 +1,4 @@
-import { ChevronDown, Check, ChevronRight, Circle, ChevronUp, Search, X, Plus, Pin, SquarePen, Blocks, Settings, TerminalSquare, Clock3, FileOutput, Download, RefreshCw, Bot, Image, Loader2, CheckCircle2, AlertCircle, Ellipsis, Pencil, Trash2, XCircle, CircleStop, Copy, RotateCcw, FileCode2, Files, TestTube2 } from 'lucide-react';
+import { ChevronDown, Check, ChevronRight, Circle, ChevronUp, ArrowUp, ArrowDown, Pencil, Trash2, Image, File, X, Paperclip, Mic, Send, Square, Search, Plus, Pin, SquarePen, Blocks, Settings, TerminalSquare, Clock3, FileOutput, Download, RefreshCw, Bot, Loader2, CheckCircle2, AlertCircle, Ellipsis, XCircle, CircleStop, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2 } from 'lucide-react';
 import * as React2 from 'react';
 import { createContext, useRef, useState, useMemo, useEffect, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -15,7 +15,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
-// src/components/agent-workbench/AgentWorkbenchSidebar.tsx
+// src/components/agent-workbench/AgentWorkbenchComposer.tsx
 
 // src/locale/en-US.ts
 var enUS = {
@@ -116,6 +116,30 @@ var enUS = {
       reasoning: "Reasoning",
       plan: "Plan",
       taskNoDetail: "No additional details",
+      modes: { chatbot: "Chatbot", agent: "Agent" },
+      composer: {
+        send: "Send message",
+        stop: "Stop generating",
+        queue: "Queue message",
+        attach: "Add photos or files",
+        voice: "Start voice input",
+        webSearch: "Web search",
+        model: "Model",
+        reasoning: "Reasoning effort",
+        permissions: "Permissions",
+        removeAttachment: "Remove attachment",
+        editQueued: "Edit queued message",
+        deleteQueued: "Delete queued message",
+        moveUp: "Move message up",
+        moveDown: "Move message down",
+        queued: "Queued messages",
+        uploading: "Uploading",
+        noModels: "No models available",
+        message: "Message",
+        attachmentOnly: "Attachment",
+        reasoningOptions: { low: "Low", medium: "Medium", high: "High", xhigh: "Extra high" },
+        permissionOptions: { "approval-required": "Approval required", "auto-approve": "Auto approve", "full-access": "Full access" }
+      },
       tool: {
         input: "Input",
         output: "Output",
@@ -184,6 +208,10 @@ var enUS = {
         description: "Summary and workspace activity",
         duration: "Duration",
         updated: "Updated",
+        model: "Model",
+        mode: "Mode",
+        permissions: "Permissions",
+        tokenUsage: "Token usage",
         summary: "Summary",
         summaryEmpty: "No summary is available yet.",
         summaryFailed: "The summary could not be generated.",
@@ -213,7 +241,10 @@ var enUS = {
           copySummary: "Copy summary",
           retry: "Retry",
           retrySummary: "Retry summary",
-          resume: "Resume"
+          resume: "Resume",
+          continueInNewTask: "Continue in new task",
+          editAndRerun: "Edit and rerun",
+          export: "Export"
         },
         workspace: {
           diffs: "Code changes",
@@ -611,6 +642,238 @@ var SelectSeparator = React2.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
 );
 SelectSeparator.displayName = "SelectSeparator";
+var iconButtonClass = "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40";
+function modelOptionValue(option) {
+  return `${option.mode}:${option.id}`;
+}
+function AgentWorkbenchComposer({
+  viewModel,
+  className,
+  classNames,
+  onIntent
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench;
+  const fileInputRef = useRef(null);
+  const surfaceRef = useRef(null);
+  const [editingDraftId, setEditingDraftId] = useState();
+  const [editingText, setEditingText] = useState("");
+  const [isNarrow, setIsNarrow] = useState(false);
+  const isBusy = viewModel.status === "loading" || viewModel.status === "streaming" || viewModel.status === "stopping";
+  const isStopping = viewModel.status === "stopping";
+  const isUploading = viewModel.attachments.some((attachment) => attachment.status === "uploading");
+  const canSubmit = !isStopping && !isUploading && (viewModel.value.trim().length > 0 || viewModel.attachments.some((item) => item.status === "ready"));
+  const showSubmitButton = !isBusy || canSubmit;
+  const selectedModelValue = useMemo(() => {
+    const selected = viewModel.model.options.find((option) => option.id === viewModel.model.selectedId);
+    return selected ? modelOptionValue(selected) : "";
+  }, [viewModel.model.options, viewModel.model.selectedId]);
+  useEffect(() => {
+    const surface = surfaceRef.current;
+    if (!surface) return void 0;
+    const updateLayout = () => setIsNarrow(surface.getBoundingClientRect().width <= 704);
+    updateLayout();
+    window.addEventListener("resize", updateLayout);
+    if (typeof ResizeObserver === "undefined") {
+      const interval = window.setInterval(updateLayout, 250);
+      return () => {
+        window.clearInterval(interval);
+        window.removeEventListener("resize", updateLayout);
+      };
+    }
+    const observer = new ResizeObserver(updateLayout);
+    observer.observe(surface);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", updateLayout);
+    };
+  }, []);
+  const submit = () => {
+    if (canSubmit) onIntent?.({ type: "submit" });
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cn2("agent-workbench-composer flex min-w-0 w-full flex-col gap-2", className, classNames?.root),
+      "aria-label": messages.composer.message,
+      onSubmit: (event) => {
+        event.preventDefault();
+        submit();
+      },
+      children: [
+        viewModel.capabilities.queue && viewModel.queuedDrafts.length > 0 ? /* @__PURE__ */ jsx(
+          "section",
+          {
+            "aria-label": messages.composer.queued,
+            className: cn2("min-w-0 max-w-full rounded-md border border-border bg-muted/40 p-2", classNames?.queue),
+            children: /* @__PURE__ */ jsx("ol", { className: "space-y-1.5", children: viewModel.queuedDrafts.map((draft, index) => /* @__PURE__ */ jsxs("li", { className: "flex min-h-9 min-w-0 max-w-full items-center gap-2 overflow-hidden rounded-md bg-background px-2 py-1.5 text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-5 shrink-0 text-center text-xs text-muted-foreground", children: index + 1 }),
+              editingDraftId === draft.id ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  autoFocus: true,
+                  value: editingText,
+                  "aria-label": messages.composer.editQueued,
+                  className: "min-w-0 flex-1 rounded border border-input bg-background px-2 py-1 outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  onChange: (event) => setEditingText(event.target.value),
+                  onBlur: () => {
+                    if (editingText.trim()) onIntent?.({ type: "edit-queued-draft", draftId: draft.id, text: editingText });
+                    setEditingDraftId(void 0);
+                  },
+                  onKeyDown: (event) => {
+                    if (event.key === "Escape") setEditingDraftId(void 0);
+                    if (event.key === "Enter" && editingText.trim()) {
+                      event.preventDefault();
+                      onIntent?.({ type: "edit-queued-draft", draftId: draft.id, text: editingText });
+                      setEditingDraftId(void 0);
+                    }
+                  }
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: draft.text || messages.composer.attachmentOnly }),
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx("button", { type: "button", className: iconButtonClass, "aria-label": messages.composer.moveUp, disabled: index === 0, onClick: () => onIntent?.({ type: "move-queued-draft", draftId: draft.id, direction: "up" }), children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-3.5" }) }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: iconButtonClass, "aria-label": messages.composer.moveDown, disabled: index === viewModel.queuedDrafts.length - 1, onClick: () => onIntent?.({ type: "move-queued-draft", draftId: draft.id, direction: "down" }), children: /* @__PURE__ */ jsx(ArrowDown, { className: "size-3.5" }) }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: iconButtonClass, "aria-label": messages.composer.editQueued, onClick: () => {
+                  setEditingDraftId(draft.id);
+                  setEditingText(draft.text);
+                }, children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }) }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: cn2(iconButtonClass, "text-destructive-text"), "aria-label": messages.composer.deleteQueued, onClick: () => onIntent?.({ type: "delete-queued-draft", draftId: draft.id }), children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" }) })
+              ] })
+            ] }, draft.id)) })
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { ref: surfaceRef, className: "agent-workbench-composer__surface min-w-0 max-w-full rounded-lg border border-input bg-background p-3 shadow-sm focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30", children: [
+          viewModel.attachments.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn2("mb-2 flex max-w-full gap-2 overflow-x-auto", classNames?.attachments), children: viewModel.attachments.map((attachment) => /* @__PURE__ */ jsxs("div", { className: "relative flex size-16 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted", children: [
+            attachment.previewUrl && attachment.mediaType?.startsWith("image/") ? /* @__PURE__ */ jsx("img", { src: attachment.previewUrl, alt: "", className: "size-full object-cover" }) : attachment.mediaType?.startsWith("image/") ? /* @__PURE__ */ jsx(Image, { className: "size-5 text-muted-foreground" }) : /* @__PURE__ */ jsx(File, { className: "size-5 text-muted-foreground" }),
+            attachment.status === "uploading" ? /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center bg-background/80 text-[10px] font-medium", children: messages.composer.uploading }) : null,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "absolute right-1 top-1 flex size-5 items-center justify-center rounded-full bg-background/90 text-foreground shadow",
+                "aria-label": messages.composer.removeAttachment,
+                onClick: () => onIntent?.({ type: "remove-attachment", attachmentId: attachment.id }),
+                children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 bottom-0 truncate bg-background/85 px-1 py-0.5 text-[9px]", children: attachment.name })
+          ] }, attachment.id)) }) : null,
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: viewModel.value,
+              rows: 2,
+              "aria-label": messages.composer.message,
+              placeholder: viewModel.placeholder,
+              className: cn2("max-h-64 min-h-14 min-w-0 w-full resize-none border-0 bg-transparent text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground", classNames?.textarea),
+              onChange: (event) => onIntent?.({ type: "change-value", value: event.target.value }),
+              onKeyDown: (event) => {
+                if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+                  event.preventDefault();
+                  submit();
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: cn2("agent-workbench-composer__toolbar mt-2 flex min-h-8 min-w-0 max-w-full items-center gap-2", isNarrow ? "flex-wrap" : "flex-nowrap", classNames?.toolbar), children: [
+            /* @__PURE__ */ jsxs("div", { className: cn2("agent-workbench-composer__controls flex min-w-0 max-w-full flex-1 items-center gap-1.5", isNarrow ? "w-full flex-wrap" : "flex-nowrap"), children: [
+              viewModel.capabilities.attachments ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("button", { type: "button", className: iconButtonClass, "aria-label": messages.composer.attach, onClick: () => fileInputRef.current?.click(), children: /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }) }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: fileInputRef,
+                    type: "file",
+                    className: "hidden",
+                    multiple: true,
+                    onChange: (event) => {
+                      const files = Array.from(event.target.files || []);
+                      if (files.length > 0) onIntent?.({ type: "request-attachments", files });
+                      event.target.value = "";
+                    }
+                  }
+                )
+              ] }) : null,
+              viewModel.capabilities.voiceInput ? /* @__PURE__ */ jsx("button", { type: "button", className: iconButtonClass, "aria-label": messages.composer.voice, onClick: () => onIntent?.({ type: "request-voice-input" }), children: /* @__PURE__ */ jsx(Mic, { className: "size-4" }) }) : null,
+              viewModel.capabilities.webSearch ? /* @__PURE__ */ jsxs("label", { className: "flex shrink-0 items-center gap-1.5 whitespace-nowrap px-1 text-xs font-medium text-foreground", children: [
+                messages.composer.webSearch,
+                /* @__PURE__ */ jsx(Switch, { checked: viewModel.webSearchEnabled, onCheckedChange: (enabled) => onIntent?.({ type: "toggle-web-search", enabled }) })
+              ] }) : null,
+              viewModel.capabilities.modelSelection ? /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "agent-workbench-model", children: messages.composer.model }) : null,
+              viewModel.capabilities.modelSelection ? /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  id: "agent-workbench-model",
+                  value: selectedModelValue,
+                  "aria-label": messages.composer.model,
+                  className: "h-8 w-48 min-w-36 shrink rounded-md border border-border bg-background px-2 text-xs font-medium text-foreground",
+                  onChange: (event) => {
+                    const option = viewModel.model.options.find((item) => modelOptionValue(item) === event.target.value);
+                    if (option) onIntent?.({ type: "select-model", modelId: option.id, mode: option.mode });
+                  },
+                  children: [
+                    viewModel.model.options.length === 0 ? /* @__PURE__ */ jsx("option", { value: "", children: messages.composer.noModels }) : null,
+                    viewModel.model.options.map((option) => /* @__PURE__ */ jsxs("option", { value: modelOptionValue(option), disabled: option.disabled, children: [
+                      option.label,
+                      " \xB7 ",
+                      messages.modes[option.mode]
+                    ] }, modelOptionValue(option)))
+                  ]
+                }
+              ) : null,
+              viewModel.capabilities.reasoning && viewModel.reasoning ? /* @__PURE__ */ jsx(
+                "select",
+                {
+                  value: viewModel.reasoning.value,
+                  "aria-label": messages.composer.reasoning,
+                  className: "h-8 w-32 min-w-24 shrink rounded-md border border-border bg-background px-2 text-xs font-medium text-foreground",
+                  onChange: (event) => onIntent?.({ type: "change-reasoning", value: event.target.value }),
+                  children: viewModel.reasoning.options.map((value) => /* @__PURE__ */ jsx("option", { value, children: messages.composer.reasoningOptions[value] }, value))
+                }
+              ) : null,
+              viewModel.capabilities.permissions && viewModel.permissionProfile ? /* @__PURE__ */ jsx(
+                "select",
+                {
+                  value: viewModel.permissionProfile,
+                  "aria-label": messages.composer.permissions,
+                  className: "h-8 w-40 min-w-32 shrink rounded-md border border-border bg-background px-2 text-xs font-medium text-foreground",
+                  onChange: (event) => onIntent?.({ type: "change-permission", value: event.target.value }),
+                  children: ["approval-required", "auto-approve", "full-access"].map((value) => /* @__PURE__ */ jsx("option", { value, children: messages.composer.permissionOptions[value] }, value))
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+              showSubmitButton ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "submit",
+                  className: cn2(
+                    iconButtonClass,
+                    "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground disabled:bg-primary/40 disabled:!opacity-100"
+                  ),
+                  "aria-label": isBusy && viewModel.capabilities.queue ? messages.composer.queue : messages.composer.send,
+                  disabled: !canSubmit,
+                  children: /* @__PURE__ */ jsx(Send, { className: "size-4" })
+                }
+              ) : null,
+              isBusy && !canSubmit && viewModel.capabilities.stop ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: cn2(iconButtonClass, "border border-border"),
+                  "aria-label": isStopping ? messages.run.stopping : messages.composer.stop,
+                  disabled: isStopping,
+                  onClick: () => onIntent?.({ type: "stop" }),
+                  children: /* @__PURE__ */ jsx(Square, { className: "size-3 fill-current" })
+                }
+              ) : null
+            ] })
+          ] })
+        ] }),
+        viewModel.status === "error" && viewModel.error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive-text", children: viewModel.error }) : null
+      ]
+    }
+  );
+}
 function ItemAvatar({ item }) {
   const [failed, setFailed] = useState(false);
   if (item.iconUrl && !failed) {
@@ -1445,14 +1708,20 @@ function createAgentWorkbenchDetailsModel(viewModel) {
   );
   return {
     mode: viewModel.snapshot.mode,
+    modelId: viewModel.snapshot.modelId,
+    permissionProfile: viewModel.snapshot.permissionProfile,
     status: viewModel.status,
     sessionId: viewModel.sessionId,
+    capabilities,
     resumable: capabilities.resume === true && viewModel.resumable,
     summary,
     error: [...viewModel.events].reverse().find(
       (event) => event.eventType === "error"
     ),
     run,
+    usage: capabilities.usage ? [...viewModel.events].reverse().find(
+      (event) => event.eventType === "usage"
+    ) : void 0,
     workspace: {
       diffs: latestBy2(workspaceEvents, "diff", (event) => event.payload.path),
       files: latestBy2(
@@ -1563,13 +1832,17 @@ function SummaryPanel({
   model,
   onIntent
 }) {
-  const messages = useMonkeysLocaleMessages().agentWorkbench.details;
+  const workbenchMessages = useMonkeysLocaleMessages().agentWorkbench;
+  const messages = workbenchMessages.details;
   const locale = useMonkeysLocale().locale;
   const summary = model.summary;
   const run = model.run?.payload;
   const error = model.error;
   const retryable = model.status === "failed" && error?.payload.retryable;
   const canResume = model.resumable && ["stopped", "completed", "failed"].includes(model.status);
+  const canContinueInNewTask = model.capabilities.threadForking;
+  const canEditAndRerun = model.capabilities.editAndRerun;
+  const tokenUsage = model.usage?.payload.totalTokens ?? (model.usage?.payload.inputTokens !== void 0 || model.usage?.payload.outputTokens !== void 0 ? (model.usage.payload.inputTokens ?? 0) + (model.usage.payload.outputTokens ?? 0) : void 0);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-muted/40 p-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -1587,7 +1860,23 @@ function SummaryPanel({
             run?.stoppedAt ?? run?.completedAt ?? run?.failedAt,
             locale
           ) })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.model }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 truncate font-medium", children: model.modelId })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.mode }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-medium", children: workbenchMessages.modes[model.mode] })
+        ] }),
+        model.permissionProfile ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.permissions }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-medium", children: workbenchMessages.composer.permissionOptions[model.permissionProfile] })
+        ] }) : null,
+        tokenUsage !== void 0 ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.tokenUsage }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-medium", children: new Intl.NumberFormat(locale).format(tokenUsage) })
+        ] }) : null
       ] }),
       error ? /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-md border border-destructive/30 bg-destructive/5 p-2.5 text-sm text-destructive-text", role: "alert", children: error.payload.message }) : null,
       retryable || canResume ? /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
@@ -1613,6 +1902,47 @@ function SummaryPanel({
         ) : null
       ] }) : null
     ] }),
+    /* @__PURE__ */ jsxs("section", { className: "flex flex-wrap gap-2 rounded-lg border border-border bg-card p-3 text-card-foreground", children: [
+      canContinueInNewTask ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          disabled: !onIntent,
+          onClick: () => onIntent?.({ type: "continue-in-new-task", sessionId: model.sessionId }),
+          children: [
+            /* @__PURE__ */ jsx(GitFork, { className: "size-3.5", "aria-hidden": "true" }),
+            messages.actions.continueInNewTask
+          ]
+        }
+      ) : null,
+      canEditAndRerun ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          disabled: !onIntent,
+          onClick: () => onIntent?.({ type: "edit-and-rerun", sessionId: model.sessionId }),
+          children: [
+            /* @__PURE__ */ jsx(PencilLine, { className: "size-3.5", "aria-hidden": "true" }),
+            messages.actions.editAndRerun
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          disabled: !onIntent,
+          onClick: () => onIntent?.({ type: "export", sessionId: model.sessionId }),
+          children: [
+            /* @__PURE__ */ jsx(Download, { className: "size-3.5", "aria-hidden": "true" }),
+            messages.actions.export
+          ]
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 text-card-foreground", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: messages.summary }),
@@ -1856,6 +2186,6 @@ function AgentWorkbenchTaskDetails({
   );
 }
 
-export { AgentWorkbenchActivity, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
+export { AgentWorkbenchActivity, AgentWorkbenchComposer, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map