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

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

@@ -1,4 +1,4 @@
-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 { 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, Loader2, CircleAlert, ListFilter, Link2, ExternalLink, PanelRightClose, FileText, Wrench, BookOpen, RefreshCw, Bot, CheckCircle2, AlertCircle, Ellipsis, XCircle, CircleStop, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Globe2, Film, Presentation, FileImage, Music2 } 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';
@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as PopoverPrimitive2 from '@radix-ui/react-popover';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -14,6 +14,10 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 
 // src/components/agent-workbench/AgentWorkbenchComposer.tsx
 
@@ -168,6 +172,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`
@@ -423,8 +444,8 @@ var Button = React2.forwardRef(
   }
 );
 Button.displayName = "Button";
-var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
+var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive2.Content,
   {
     ref,
     align,
@@ -2399,7 +2420,459 @@ 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] = useState(defaultOpen ?? isActive(status));
+  const userChangedOpen = useRef(false);
+  const previousStatus = useRef(status);
+  const resolvedOpen = controlled ? open : internalOpen;
+  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__ */ jsxs(
+    CollapsiblePrimitive.Root,
+    {
+      open: resolvedOpen,
+      onOpenChange: handleOpenChange,
+      className: cn2("group/process w-full min-w-0", className),
+      "data-agent-process-status": status,
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsiblePrimitive.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__ */ jsx(Loader2, { className: "size-4 shrink-0 animate-spin", "aria-hidden": "true" }) : status === "failed" ? /* @__PURE__ */ jsx(CircleAlert, { className: "size-4 shrink-0 text-destructive-text", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Clock3, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
+              showCount ? /* @__PURE__ */ 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__ */ jsx(
+                ChevronRight,
+                {
+                  className: "size-4 shrink-0 transition-transform group-data-[state=open]/process:rotate-90",
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CollapsiblePrimitive.Content,
+          {
+            className: cn2(
+              "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+              contentClassName
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-col gap-3 py-4", children })
+          }
+        )
+      ]
+    }
+  );
+}
+var ACTION_ICONS = {
+  read: BookOpen,
+  search: Search,
+  tool: Wrench,
+  command: TerminalSquare,
+  file: FileText
+};
+function ActionStatusIcon({ status }) {
+  if (status === "running" || status === "pending") {
+    return /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 shrink-0 animate-spin", "aria-hidden": "true" });
+  }
+  if (status === "failed" || status === "denied") {
+    return /* @__PURE__ */ jsx(CircleAlert, { className: "size-3.5 shrink-0 text-destructive-text", "aria-hidden": "true" });
+  }
+  if (status === "completed") {
+    return /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0", "aria-hidden": "true" });
+  }
+  return /* @__PURE__ */ jsx(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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon2, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: summary }),
+    /* @__PURE__ */ jsx(ActionStatusIcon, { status }),
+    children ? /* @__PURE__ */ jsx(
+      ChevronRight,
+      {
+        className: "size-3.5 shrink-0 transition-transform group-data-[state=open]/action:rotate-90",
+        "aria-hidden": "true"
+      }
+    ) : null
+  ] });
+  if (!children) {
+    return /* @__PURE__ */ 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__ */ jsxs(
+    CollapsiblePrimitive.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      className: cn2("group/action min-w-0", className),
+      "data-agent-action-status": status,
+      children: [
+        /* @__PURE__ */ jsx(CollapsiblePrimitive.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__ */ jsx(CollapsiblePrimitive.Content, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: /* @__PURE__ */ jsx("div", { className: cn2("ml-6 mt-2 min-w-0 border-l border-border pl-3", contentClassName), children }) })
+      ]
+    }
+  );
+}
+var ARTIFACT_ICONS = {
+  audio: Music2,
+  file: File,
+  html: FileCode2,
+  image: FileImage,
+  markdown: FileText,
+  pdf: FileText,
+  presentation: Presentation,
+  video: Film,
+  web: Globe2
+};
+function ArtifactThumbnail({ artifact }) {
+  if (artifact.thumbnailUrl) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: artifact.thumbnailUrl,
+        alt: "",
+        loading: "lazy",
+        className: "size-7 rounded object-cover"
+      }
+    );
+  }
+  const Icon2 = ARTIFACT_ICONS[artifact.kind];
+  return /* @__PURE__ */ jsx("span", { className: "flex size-7 items-center justify-center rounded bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(Icon2, { className: "size-4", "aria-hidden": "true" }) });
+}
+function ArtifactGroup({
+  title,
+  artifacts,
+  maxItems,
+  onArtifactOpen
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "flex min-w-0 flex-col gap-2", children: [
+    /* @__PURE__ */ jsx("div", { role: "heading", "aria-level": 2, className: "text-sm font-medium text-muted-foreground", children: title }),
+    artifacts.slice(0, maxItems).map((artifact) => /* @__PURE__ */ 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__ */ jsx(ArtifactThumbnail, { artifact }),
+          /* @__PURE__ */ 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__ */ jsxs(PopoverPrimitive2.Root, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx(
+      PopoverPrimitive2.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__ */ jsx(ListFilter, { className: "size-4", "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      PopoverPrimitive2.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__ */ 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__ */ jsx(
+              ArtifactGroup,
+              {
+                title: messages.outputs,
+                artifacts: outputs,
+                maxItems: showAll ? outputs.length : maxItemsPerGroup,
+                onArtifactOpen
+              }
+            ) : null,
+            outputs.length > 0 && sources.length > 0 ? /* @__PURE__ */ jsx("div", { className: "h-px bg-border" }) : null,
+            sources.length > 0 ? /* @__PURE__ */ jsx(
+              ArtifactGroup,
+              {
+                title: messages.sources,
+                artifacts: sources,
+                maxItems: showAll ? sources.length : maxItemsPerGroup,
+                onArtifactOpen
+              }
+            ) : null,
+            onViewAll && !showAll && (outputs.length > maxItemsPerGroup || sources.length > maxItemsPerGroup) ? /* @__PURE__ */ 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__ */ jsx(Link2, { className: "size-4", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { children: messages.viewAll })
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsx(PopoverPrimitive2.Arrow, { className: "fill-popover" })
+        ]
+      }
+    )
+  ] });
+}
+var ARTIFACT_ICONS2 = {
+  audio: Music2,
+  file: File,
+  html: FileCode2,
+  image: FileImage,
+  markdown: FileText,
+  pdf: FileText,
+  presentation: Presentation,
+  video: Film,
+  web: 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 } = 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__ */ jsxs(
+    TabsPrimitive.Trigger,
+    {
+      ref: setTabRef,
+      value: artifact.id,
+      style: { transform: 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__ */ jsx(Icon2, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: artifact.name }),
+        /* @__PURE__ */ 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__ */ jsx(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 = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
+    useSensor(KeyboardSensor, { coordinateGetter: 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__ */ jsxs(
+    TabsPrimitive.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__ */ 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__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: artifacts.map((artifact) => artifact.id), strategy: horizontalListSortingStrategy, children: /* @__PURE__ */ jsx(
+            TabsPrimitive.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__ */ jsx(
+                SortableArtifactTab,
+                {
+                  artifact,
+                  selected: artifact.id === activeArtifact.id,
+                  onClose: () => onIntent?.({ type: "close", artifactId: artifact.id })
+                },
+                artifact.id
+              ))
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-20 flex shrink-0 items-center gap-2", children: [
+            activeArtifact.url ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ 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__ */ jsx(Download, { className: "size-4", "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ 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__ */ jsx(ExternalLink, { className: "size-4", "aria-hidden": "true" })
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ 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__ */ jsx(PanelRightClose, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: artifacts.map((artifact) => /* @__PURE__ */ jsx(
+          TabsPrimitive.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
+        )) })
+      ]
+    }
+  );
+}
 
-export { AgentWorkbenchActivity, AgentWorkbenchComposer, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
+export { AgentWorkbenchAction, AgentWorkbenchActivity, AgentWorkbenchArtifactSummary, AgentWorkbenchArtifactWorkspace, AgentWorkbenchComposer, AgentWorkbenchProcess, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map