@inf-monkeys-tech/monkeys-design 1.0.30 → 1.0.31

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

@@ -7,7 +7,7 @@ var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var PopoverPrimitive = require('@radix-ui/react-popover');
+var PopoverPrimitive2 = require('@radix-ui/react-popover');
 var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var reactSlot = require('@radix-ui/react-slot');
 var SwitchPrimitive = require('@radix-ui/react-switch');
@@ -15,6 +15,10 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var classVarianceAuthority = require('class-variance-authority');
 var SelectPrimitive = require('@radix-ui/react-select');
+var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -38,12 +42,13 @@ var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
-var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var PopoverPrimitive2__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive2);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
 
 // src/components/agent-workbench/AgentWorkbenchComposer.tsx
 
@@ -198,6 +203,23 @@ var enUS = {
         stopping: "Stopping...",
         stoppedAfter: ({ duration }) => `You stopped after ${duration}`
       },
+      process: {
+        running: "Working",
+        processed: "Processed",
+        processedFor: ({ duration }) => `Processed for ${duration}`,
+        completedCount: ({ completed, total }) => `${completed}/${total} completed`
+      },
+      artifactWorkspace: {
+        outputs: "Outputs",
+        sources: "Sources",
+        viewAll: "View all",
+        toggleSummary: "Toggle files",
+        tabs: "Open files",
+        closeTab: ({ name }) => `Close ${name}`,
+        closeWorkspace: "Close workspace",
+        download: ({ name }) => `Download ${name}`,
+        openExternal: ({ name }) => `Open ${name} in a new window`
+      },
       usage: {
         label: "Context usage",
         context: ({ used, total }) => `${used} / ${total} tokens`
@@ -453,8 +475,8 @@ var Button = React2__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var PopoverContent = React2__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  PopoverPrimitive__namespace.Content,
+var PopoverContent = React2__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive2__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive2__namespace.Content,
   {
     ref,
     align,
@@ -2429,9 +2451,465 @@ function AgentWorkbenchThread({
     }
   );
 }
+function formatDuration3(durationMs) {
+  const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  if (minutes === 0) return `${seconds}s`;
+  return `${minutes}m ${seconds}s`;
+}
+function isActive(status) {
+  return status === "queued" || status === "running" || status === "waiting_approval";
+}
+function AgentWorkbenchProcess({
+  status,
+  children,
+  durationMs,
+  completedCount,
+  totalCount,
+  open,
+  defaultOpen,
+  onOpenChange,
+  className,
+  contentClassName,
+  label
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench;
+  const controlled = open !== void 0;
+  const [internalOpen, setInternalOpen] = React2.useState(defaultOpen ?? isActive(status));
+  const userChangedOpen = React2.useRef(false);
+  const previousStatus = React2.useRef(status);
+  const resolvedOpen = controlled ? open : internalOpen;
+  React2.useEffect(() => {
+    if (controlled || userChangedOpen.current || previousStatus.current === status) return;
+    previousStatus.current = status;
+    setInternalOpen(isActive(status));
+  }, [controlled, status]);
+  const handleOpenChange = (nextOpen) => {
+    userChangedOpen.current = true;
+    if (!controlled) setInternalOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  };
+  const duration = durationMs === void 0 ? void 0 : formatDuration3(durationMs);
+  const title = label ?? (isActive(status) ? messages.process.running : duration ? messages.process.processedFor({ duration }) : messages.process.processed);
+  const showCount = totalCount !== void 0 && totalCount > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CollapsiblePrimitive__namespace.Root,
+    {
+      open: resolvedOpen,
+      onOpenChange: handleOpenChange,
+      className: cn2("group/process w-full min-w-0", className),
+      "data-agent-process-status": status,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          CollapsiblePrimitive__namespace.Trigger,
+          {
+            className: "flex min-h-9 w-full min-w-0 items-center gap-2 border-b border-border/70 py-2 text-left text-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+            children: [
+              isActive(status) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 shrink-0 animate-spin", "aria-hidden": "true" }) : status === "failed" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleAlert, { className: "size-4 shrink-0 text-destructive-text", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock3, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
+              showCount ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-xs text-foreground", children: messages.process.completedCount({
+                completed: completedCount ?? 0,
+                total: totalCount
+              }) }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.ChevronRight,
+                {
+                  className: "size-4 shrink-0 transition-transform group-data-[state=open]/process:rotate-90",
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          CollapsiblePrimitive__namespace.Content,
+          {
+            className: cn2(
+              "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+              contentClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-col gap-3 py-4", children })
+          }
+        )
+      ]
+    }
+  );
+}
+var ACTION_ICONS = {
+  read: lucideReact.BookOpen,
+  search: lucideReact.Search,
+  tool: lucideReact.Wrench,
+  command: lucideReact.TerminalSquare,
+  file: lucideReact.FileText
+};
+function ActionStatusIcon({ status }) {
+  if (status === "running" || status === "pending") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 shrink-0 animate-spin", "aria-hidden": "true" });
+  }
+  if (status === "failed" || status === "denied") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleAlert, { className: "size-3.5 shrink-0 text-destructive-text", "aria-hidden": "true" });
+  }
+  if (status === "completed") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 shrink-0", "aria-hidden": "true" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "size-3.5 shrink-0", "aria-hidden": "true" });
+}
+function AgentWorkbenchAction({
+  summary,
+  kind = "tool",
+  status = "completed",
+  children,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  icon,
+  className,
+  contentClassName
+}) {
+  const Icon2 = icon ?? ACTION_ICONS[kind];
+  const row = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: summary }),
+    /* @__PURE__ */ jsxRuntime.jsx(ActionStatusIcon, { status }),
+    children ? /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.ChevronRight,
+      {
+        className: "size-3.5 shrink-0 transition-transform group-data-[state=open]/action:rotate-90",
+        "aria-hidden": "true"
+      }
+    ) : null
+  ] });
+  if (!children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn2("flex min-h-7 min-w-0 items-center gap-2 text-[13px] text-muted-foreground", className),
+        "data-agent-action-status": status,
+        children: row
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CollapsiblePrimitive__namespace.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      className: cn2("group/action min-w-0", className),
+      "data-agent-action-status": status,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Trigger, { className: "flex min-h-7 w-full min-w-0 items-center gap-2 text-left text-[13px] text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", children: row }),
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Content, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2("ml-6 mt-2 min-w-0 border-l border-border pl-3", contentClassName), children }) })
+      ]
+    }
+  );
+}
+var ARTIFACT_ICONS = {
+  audio: lucideReact.Music2,
+  file: lucideReact.File,
+  html: lucideReact.FileCode2,
+  image: lucideReact.FileImage,
+  markdown: lucideReact.FileText,
+  pdf: lucideReact.FileText,
+  presentation: lucideReact.Presentation,
+  video: lucideReact.Film,
+  web: lucideReact.Globe2
+};
+function ArtifactThumbnail({ artifact }) {
+  if (artifact.thumbnailUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: artifact.thumbnailUrl,
+        alt: "",
+        loading: "lazy",
+        className: "size-7 rounded object-cover"
+      }
+    );
+  }
+  const Icon2 = ARTIFACT_ICONS[artifact.kind];
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-7 items-center justify-center rounded bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4", "aria-hidden": "true" }) });
+}
+function ArtifactGroup({
+  title,
+  artifacts,
+  maxItems,
+  onArtifactOpen
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex min-w-0 flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": 2, className: "text-sm font-medium text-muted-foreground", children: title }),
+    artifacts.slice(0, maxItems).map((artifact) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex min-w-0 items-center gap-2 rounded-md px-0.5 py-0.5 text-left text-sm outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default",
+        disabled: !onArtifactOpen || artifact.status === "loading",
+        onClick: () => onArtifactOpen?.(artifact),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ArtifactThumbnail, { artifact }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: artifact.name })
+        ]
+      },
+      artifact.id
+    ))
+  ] });
+}
+function AgentWorkbenchArtifactSummary({
+  artifacts,
+  open,
+  defaultOpen = false,
+  maxItemsPerGroup = 3,
+  showAll = false,
+  className,
+  contentClassName,
+  onOpenChange,
+  onArtifactOpen,
+  onViewAll
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.artifactWorkspace;
+  const outputs = artifacts.filter((artifact) => artifact.origin === "output");
+  const sources = artifacts.filter((artifact) => artifact.origin === "source");
+  if (artifacts.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(PopoverPrimitive2__namespace.Root, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverPrimitive2__namespace.Trigger,
+      {
+        type: "button",
+        className: cn2(
+          "flex size-9 items-center justify-center rounded-xl bg-muted text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:text-foreground",
+          className
+        ),
+        "aria-label": messages.toggleSummary,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListFilter, { className: "size-4", "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      PopoverPrimitive2__namespace.Content,
+      {
+        "aria-label": messages.toggleSummary,
+        side: "bottom",
+        align: "end",
+        sideOffset: 8,
+        collisionPadding: 12,
+        className: cn2(
+          "z-50 w-[min(22rem,calc(100vw-1.5rem))] rounded-3xl border border-border bg-popover p-4 text-popover-foreground shadow-xl outline-none",
+          contentClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-h-[min(34rem,calc(100vh-5rem))] min-w-0 flex-col gap-4 overflow-y-auto", children: [
+            outputs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              ArtifactGroup,
+              {
+                title: messages.outputs,
+                artifacts: outputs,
+                maxItems: showAll ? outputs.length : maxItemsPerGroup,
+                onArtifactOpen
+              }
+            ) : null,
+            outputs.length > 0 && sources.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border" }) : null,
+            sources.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              ArtifactGroup,
+              {
+                title: messages.sources,
+                artifacts: sources,
+                maxItems: showAll ? sources.length : maxItemsPerGroup,
+                onArtifactOpen
+              }
+            ) : null,
+            onViewAll && !showAll && (outputs.length > maxItemsPerGroup || sources.length > maxItemsPerGroup) ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "flex min-h-8 items-center gap-2 rounded-md text-sm text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+                onClick: onViewAll,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2, { className: "size-4", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: messages.viewAll })
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive2__namespace.Arrow, { className: "fill-popover" })
+        ]
+      }
+    )
+  ] });
+}
+var ARTIFACT_ICONS2 = {
+  audio: lucideReact.Music2,
+  file: lucideReact.File,
+  html: lucideReact.FileCode2,
+  image: lucideReact.FileImage,
+  markdown: lucideReact.FileText,
+  pdf: lucideReact.FileText,
+  presentation: lucideReact.Presentation,
+  video: lucideReact.Film,
+  web: lucideReact.Globe2
+};
+function SortableArtifactTab({
+  artifact,
+  selected,
+  onClose
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.artifactWorkspace;
+  const Icon2 = ARTIFACT_ICONS2[artifact.kind];
+  const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = sortable.useSortable({
+    id: artifact.id
+  });
+  const { role: _sortableRole, tabIndex: _sortableTabIndex, ...sortableA11y } = attributes;
+  const setTabRef = (node) => {
+    setNodeRef(node);
+    setActivatorNodeRef(node);
+  };
+  const handleMouseDown = (event) => {
+    if (event.button !== 1) return;
+    event.preventDefault();
+    onClose();
+  };
+  const handleClick = (event) => {
+    if (!(event.target instanceof Element) || !event.target.closest("[data-close-artifact-tab]")) return;
+    event.preventDefault();
+    onClose();
+  };
+  const handleKeyDown = (event) => {
+    listeners?.onKeyDown?.(event);
+    if (event.key !== "Delete" && event.key !== "Backspace") return;
+    event.preventDefault();
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TabsPrimitive__namespace.Trigger,
+    {
+      ref: setTabRef,
+      value: artifact.id,
+      style: { transform: utilities.CSS.Transform.toString(transform), transition },
+      className: cn2(
+        "group/tab relative flex h-9 max-w-56 shrink-0 items-center gap-2 rounded-lg pl-3 pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        selected ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:bg-background/60",
+        isDragging && "opacity-60"
+      ),
+      onMouseDown: handleMouseDown,
+      onClick: handleClick,
+      ...sortableA11y,
+      ...listeners,
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: artifact.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "absolute right-1.5 flex size-6 items-center justify-center rounded-md opacity-0 hover:bg-muted group-focus/tab:opacity-100 group-hover/tab:opacity-100 data-[selected=true]:opacity-100",
+            "data-selected": selected,
+            "data-close-artifact-tab": "",
+            title: messages.closeTab({ name: artifact.name }),
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5", "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}
+function AgentWorkbenchArtifactWorkspace({
+  artifacts,
+  activeArtifactId,
+  className,
+  renderArtifact,
+  onIntent
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.artifactWorkspace;
+  const activeArtifact = artifacts.find((artifact) => artifact.id === activeArtifactId) ?? artifacts[0];
+  const sensors = core.useSensors(
+    core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }),
+    core.useSensor(core.KeyboardSensor, { coordinateGetter: sortable.sortableKeyboardCoordinates })
+  );
+  if (!activeArtifact) return null;
+  const handleDragEnd = ({ active, over }) => {
+    if (!over || active.id === over.id) return;
+    onIntent?.({ type: "reorder", artifactId: String(active.id), overArtifactId: String(over.id) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TabsPrimitive__namespace.Root,
+    {
+      value: activeArtifact.id,
+      onValueChange: (artifactId) => onIntent?.({ type: "select", artifactId }),
+      className: cn2("flex size-full min-h-0 min-w-0 flex-col bg-background text-foreground", className),
+      orientation: "horizontal",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "relative z-10 flex h-12 shrink-0 items-center gap-2 border-b border-border bg-muted/50 px-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: artifacts.map((artifact) => artifact.id), strategy: sortable.horizontalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx(
+            TabsPrimitive__namespace.List,
+            {
+              className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+              "aria-label": messages.tabs,
+              children: artifacts.map((artifact) => /* @__PURE__ */ jsxRuntime.jsx(
+                SortableArtifactTab,
+                {
+                  artifact,
+                  selected: artifact.id === activeArtifact.id,
+                  onClose: () => onIntent?.({ type: "close", artifactId: artifact.id })
+                },
+                artifact.id
+              ))
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex shrink-0 items-center gap-2", children: [
+            activeArtifact.url ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+                  "aria-label": messages.download({ name: activeArtifact.name }),
+                  onClick: () => onIntent?.({ type: "download", artifactId: activeArtifact.id }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-4", "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+                  "aria-label": messages.openExternal({ name: activeArtifact.name }),
+                  onClick: () => onIntent?.({ type: "open-external", artifactId: activeArtifact.id }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-4", "aria-hidden": "true" })
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+                "aria-label": messages.closeWorkspace,
+                onClick: () => onIntent?.({ type: "close-workspace" }),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRightClose, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: artifacts.map((artifact) => /* @__PURE__ */ jsxRuntime.jsx(
+          TabsPrimitive__namespace.Content,
+          {
+            value: artifact.id,
+            className: "size-full min-h-0 min-w-0 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+            children: artifact.id === activeArtifact.id ? renderArtifact(artifact) : null
+          },
+          artifact.id
+        )) })
+      ]
+    }
+  );
+}
 
+exports.AgentWorkbenchAction = AgentWorkbenchAction;
 exports.AgentWorkbenchActivity = AgentWorkbenchActivity;
+exports.AgentWorkbenchArtifactSummary = AgentWorkbenchArtifactSummary;
+exports.AgentWorkbenchArtifactWorkspace = AgentWorkbenchArtifactWorkspace;
 exports.AgentWorkbenchComposer = AgentWorkbenchComposer;
+exports.AgentWorkbenchProcess = AgentWorkbenchProcess;
 exports.AgentWorkbenchSidebar = AgentWorkbenchSidebar;
 exports.AgentWorkbenchTaskDetails = AgentWorkbenchTaskDetails;
 exports.AgentWorkbenchThread = AgentWorkbenchThread;