@tangle-network/sandbox-ui 0.106.0 → 0.108.0

package/dist/{chunk-XIXYQNXD.js → chunk-EKYA6AFY.js}

@@ -1,6 +1,3 @@
-import {
-  formatBytes
-} from "./chunk-TK46XFLM.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";
@@ -145,504 +142,17 @@ function ReasoningLevelPicker({
   ] });
 }
 
-// src/chat/agent-composer.tsx
-import {
-  ArrowUp,
-  Folder,
-  Loader2,
-  Paperclip,
-  RotateCcw,
-  Square,
-  Upload,
-  X
-} from "lucide-react";
-import * as React from "react";
-
-// src/chat/attachment-validation.ts
-function isAcceptedType(file, accept) {
-  if (!accept || accept.trim().length === 0) return true;
-  const patterns = accept.split(",").map((pattern) => pattern.trim()).filter((pattern) => pattern.length > 0);
-  if (patterns.length === 0) return true;
-  const name = file.name.toLowerCase();
-  const type = (file.type || "").toLowerCase();
-  return patterns.some((pattern) => {
-    const lowerPattern = pattern.toLowerCase();
-    if (lowerPattern.startsWith(".")) {
-      return name.endsWith(lowerPattern);
-    }
-    if (lowerPattern.endsWith("/*")) {
-      const prefix = lowerPattern.slice(0, -1);
-      return type.startsWith(prefix);
-    }
-    return type === lowerPattern;
-  });
-}
-function validateComposerFiles(files, config) {
-  const { maxSizeBytes, maxCount, currentCount = 0, accept } = config;
-  const list = Array.isArray(files) ? files : Array.from(files);
-  const accepted = [];
-  const rejected = [];
-  for (const file of list) {
-    if (!isAcceptedType(file, accept)) {
-      rejected.push({
-        file,
-        reason: `"${file.name}" is not an accepted file type (${accept}).`
-      });
-      continue;
-    }
-    if (maxSizeBytes !== void 0 && file.size > maxSizeBytes) {
-      rejected.push({
-        file,
-        reason: `"${file.name}" (${formatBytes(file.size)}) exceeds the ${formatBytes(maxSizeBytes)} limit.`
-      });
-      continue;
-    }
-    if (maxCount !== void 0 && currentCount + accepted.length >= maxCount) {
-      rejected.push({
-        file,
-        reason: `"${file.name}" was not added \u2014 the ${maxCount}-file limit is already reached.`
-      });
-      continue;
-    }
-    accepted.push(file);
-  }
-  return { accepted, rejected };
-}
-
-// src/chat/agent-composer.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var IMAGE_EXTENSION_BY_MIME = {
-  "image/png": "png",
-  "image/jpeg": "jpg",
-  "image/jpg": "jpg",
-  "image/gif": "gif",
-  "image/webp": "webp",
-  "image/bmp": "bmp",
-  "image/svg+xml": "svg"
-};
-function isGenericImageName(name) {
-  return /^(image)?(\.[a-z0-9]+)?$/i.test(name.trim());
-}
-function imageExtension(file) {
-  const fromMime = IMAGE_EXTENSION_BY_MIME[file.type.toLowerCase()];
-  if (fromMime) return fromMime;
-  const fromName = /\.([a-z0-9]+)$/i.exec(file.name)?.[1];
-  return fromName?.toLowerCase() ?? "png";
-}
-var MentionEditor = React.lazy(() => import("./mention-editor-Q3TKSZDL.js"));
-function AgentComposer({
-  value,
-  onChange,
-  onSubmit,
-  placeholder = "Send a message\u2026",
-  disabled,
-  busy,
-  onCancel,
-  controls,
-  trailing,
-  contextItems = [],
-  onAttach,
-  onAttachFolder,
-  attachments = [],
-  onRemoveFile,
-  onRetryFile,
-  accept,
-  onRejectFiles,
-  dropTitle = "Drop files to add context",
-  dropDescription = "They attach to your next message.",
-  canSubmitWhileBusy = false,
-  canSubmitAttachmentsOnly = false,
-  mention,
-  focusShortcut = false,
-  minRows = 2,
-  maxHeight = 200,
-  className,
-  sendLabel = "Send",
-  autoFocus
-}) {
-  const textareaRef = React.useRef(null);
-  const richFocusRef = React.useRef(null);
-  const fileInputRef = React.useRef(null);
-  const folderInputRef = React.useRef(null);
-  const [dragOver, setDragOver] = React.useState(false);
-  const dragDepth = React.useRef(0);
-  const pastedImageCount = React.useRef(0);
-  const resize = React.useCallback(
-    (el) => {
-      el.style.height = "auto";
-      el.style.height = `${Math.min(el.scrollHeight, maxHeight)}px`;
-    },
-    [maxHeight]
-  );
-  React.useEffect(() => {
-    if (textareaRef.current) resize(textareaRef.current);
-  }, [value, resize]);
-  React.useEffect(() => {
-    if (!focusShortcut || disabled) return;
-    function onKeyDown(event) {
-      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "l") {
-        event.preventDefault();
-        if (mention) richFocusRef.current?.();
-        else textareaRef.current?.focus();
-      }
-    }
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [focusShortcut, disabled, mention]);
-  const canSend = !disabled && (!busy || canSubmitWhileBusy) && (value.trim().length > 0 || canSubmitAttachmentsOnly && attachments.length > 0);
-  const submit = () => {
-    if (!canSend) return;
-    onSubmit();
-  };
-  const registerRichFocus = React.useCallback((focus) => {
-    richFocusRef.current = focus;
-  }, []);
-  const dropEnabled = Boolean(onAttach);
-  const handleDragEnter = (event) => {
-    if (!dropEnabled) return;
-    event.preventDefault();
-    event.stopPropagation();
-    dragDepth.current++;
-    if (event.dataTransfer?.types.includes("Files")) setDragOver(true);
-  };
-  const handleDragLeave = (event) => {
-    if (!dropEnabled) return;
-    event.preventDefault();
-    event.stopPropagation();
-    dragDepth.current--;
-    if (dragDepth.current <= 0) {
-      dragDepth.current = 0;
-      setDragOver(false);
-    }
-  };
-  const handleDragOver = (event) => {
-    if (!dropEnabled) return;
-    event.preventDefault();
-    event.stopPropagation();
-    if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
-  };
-  const deliverFiles = (files) => {
-    if (!onAttach || files.length === 0) return;
-    const { accepted, rejected } = validateComposerFiles(files, { accept });
-    if (rejected.length > 0) onRejectFiles?.(rejected);
-    if (accepted.length === 0) return;
-    const dt = new DataTransfer();
-    for (const file of accepted) dt.items.add(file);
-    onAttach(dt.files);
-  };
-  const handleDrop = (event) => {
-    if (!dropEnabled) return;
-    event.preventDefault();
-    event.stopPropagation();
-    dragDepth.current = 0;
-    setDragOver(false);
-    const files = event.dataTransfer?.files;
-    if (files?.length) deliverFiles(Array.from(files));
-  };
-  const renamePastedFiles = (files) => files.map((file) => {
-    if (file.type.startsWith("image/") && isGenericImageName(file.name)) {
-      pastedImageCount.current += 1;
-      return new File(
-        [file],
-        `pasted-image-${pastedImageCount.current}.${imageExtension(file)}`,
-        { type: file.type }
-      );
-    }
-    return file;
-  });
-  const handlePaste = (event) => {
-    if (!onAttach) return;
-    const clipboardFiles = event.clipboardData?.files;
-    if (!clipboardFiles || clipboardFiles.length === 0) return;
-    event.preventDefault();
-    deliverFiles(renamePastedFiles(Array.from(clipboardFiles)));
-  };
-  const handleEditorPasteFiles = (clipboardFiles) => {
-    if (!onAttach || clipboardFiles.length === 0) return false;
-    deliverFiles(renamePastedFiles(Array.from(clipboardFiles)));
-    return true;
-  };
-  const folderChips = attachments.filter((file) => file.kind === "folder");
-  const fileChips = attachments.filter((file) => file.kind !== "folder");
-  const attachButtonClass = cn(
-    "flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors",
-    "hover:bg-surface-container-highest hover:text-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-    "disabled:cursor-not-allowed disabled:opacity-50"
-  );
-  return /* @__PURE__ */ jsxs2("div", { className: cn("relative", className), children: [
-    dragOver && /* @__PURE__ */ jsx2("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-surface-container-high/95", children: /* @__PURE__ */ jsxs2("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx2("span", { className: "mx-auto mb-2 flex size-11 items-center justify-center rounded-xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx2(Upload, { className: "size-5" }) }),
-      /* @__PURE__ */ jsx2("p", { className: "font-semibold text-foreground text-sm", children: dropTitle }),
-      /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-muted-foreground text-xs", children: dropDescription })
-    ] }) }),
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        "data-testid": "agent-composer",
-        onDragEnter: handleDragEnter,
-        onDragLeave: handleDragLeave,
-        onDragOver: handleDragOver,
-        onDrop: handleDrop,
-        className: cn(
-          "flex flex-col gap-2 rounded-2xl border border-[var(--md3-outline-variant)] bg-surface-container-high p-2.5 shadow-sm transition-colors",
-          "focus-within:border-primary/60",
-          disabled && "opacity-60"
-        ),
-        children: [
-          contextItems.length > 0 && /* @__PURE__ */ jsx2(
-            "div",
-            {
-              "aria-label": "Message context",
-              className: "flex min-w-0 flex-wrap gap-1.5",
-              children: contextItems.map((item) => /* @__PURE__ */ jsxs2(
-                "span",
-                {
-                  className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-md border border-primary/30 bg-primary/10 px-2.5 py-1 text-primary text-xs",
-                  children: [
-                    item.icon && /* @__PURE__ */ jsx2("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
-                    /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: item.label }),
-                    item.onRemove && /* @__PURE__ */ jsx2(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": `Remove context ${item.label}`,
-                        onClick: item.onRemove,
-                        className: "shrink-0 rounded p-0.5 text-primary/70 transition-colors hover:text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                        children: /* @__PURE__ */ jsx2(X, { className: "size-3" })
-                      }
-                    )
-                  ]
-                },
-                item.id
-              ))
-            }
-          ),
-          attachments.length > 0 && /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((file) => {
-            const isError = file.status === "error";
-            const isPending = file.status === "pending";
-            return /* @__PURE__ */ jsxs2(
-              "span",
-              {
-                title: isError ? file.errorMessage : void 0,
-                className: cn(
-                  "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs",
-                  isError ? "border-[var(--status-error,#ff4d6d)]/40 text-[var(--status-error,#ff4d6d)]" : "border-[var(--md3-outline-variant)] bg-surface-container text-foreground",
-                  isPending && "opacity-60"
-                ),
-                children: [
-                  file.kind !== "folder" && file.previewUrl ? /* @__PURE__ */ jsx2(
-                    "img",
-                    {
-                      src: file.previewUrl,
-                      alt: "",
-                      className: "size-8 rounded object-cover"
-                    }
-                  ) : file.kind === "folder" ? /* @__PURE__ */ jsx2(Folder, { className: "size-3 shrink-0" }) : /* @__PURE__ */ jsx2(Paperclip, { className: "size-3 shrink-0" }),
-                  /* @__PURE__ */ jsx2("span", { className: "max-w-[150px] truncate", children: file.name }),
-                  file.fileCount !== void 0 && /* @__PURE__ */ jsxs2("span", { className: "text-muted-foreground", children: [
-                    "(",
-                    file.fileCount,
-                    ")"
-                  ] }),
-                  file.status === "uploading" && /* @__PURE__ */ jsx2(Loader2, { className: "size-3 animate-spin", "data-motion": "essential" }),
-                  isError && file.errorMessage && /* @__PURE__ */ jsx2("span", { className: "max-w-[150px] truncate text-[var(--status-error,#ff4d6d)]/80", children: file.errorMessage }),
-                  isError && onRetryFile && /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `Retry upload ${file.name}`,
-                      onClick: () => onRetryFile(file.id),
-                      className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx2(RotateCcw, { className: "size-3" })
-                    }
-                  ),
-                  onRemoveFile && /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `Remove ${file.name}`,
-                      onClick: () => onRemoveFile(file.id),
-                      className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx2(X, { className: "size-3" })
-                    }
-                  )
-                ]
-              },
-              file.id
-            );
-          }) }),
-          mention ? /* @__PURE__ */ jsx2(
-            React.Suspense,
-            {
-              fallback: /* @__PURE__ */ jsx2(
-                "textarea",
-                {
-                  rows: minRows,
-                  value,
-                  disabled: true,
-                  placeholder,
-                  "aria-label": "Message input",
-                  className: cn(
-                    "w-full resize-none bg-transparent px-2 py-1 text-sm leading-relaxed text-foreground outline-none",
-                    "placeholder:text-muted-foreground"
-                  )
-                }
-              ),
-              children: /* @__PURE__ */ jsx2(
-                MentionEditor,
-                {
-                  value,
-                  onChange,
-                  onSubmit: submit,
-                  placeholder,
-                  disabled,
-                  autoFocus,
-                  minRows,
-                  maxHeight,
-                  mention,
-                  registerFocus: registerRichFocus,
-                  onPasteFiles: onAttach ? handleEditorPasteFiles : void 0
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx2(
-            "textarea",
-            {
-              ref: textareaRef,
-              rows: minRows,
-              value,
-              disabled,
-              autoFocus,
-              onChange: (event) => onChange(event.target.value),
-              onInput: (event) => resize(event.currentTarget),
-              onPaste: handlePaste,
-              onKeyDown: (event) => {
-                if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing && event.keyCode !== 229) {
-                  event.preventDefault();
-                  submit();
-                }
-              },
-              placeholder,
-              "aria-label": "Message input",
-              className: cn(
-                "w-full resize-none bg-transparent px-2 py-1 text-sm leading-relaxed text-foreground outline-none",
-                "placeholder:text-muted-foreground"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-end gap-2", children: [
-            onAttach && /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => fileInputRef.current?.click(),
-                  disabled,
-                  "aria-label": "Attach files",
-                  title: "Attach files",
-                  className: attachButtonClass,
-                  children: /* @__PURE__ */ jsx2(Paperclip, { className: "size-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                "input",
-                {
-                  ref: fileInputRef,
-                  type: "file",
-                  multiple: true,
-                  className: "hidden",
-                  accept,
-                  onChange: (event) => {
-                    if (event.target.files?.length)
-                      deliverFiles(Array.from(event.target.files));
-                    event.target.value = "";
-                  }
-                }
-              )
-            ] }),
-            onAttachFolder && /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => folderInputRef.current?.click(),
-                  disabled,
-                  "aria-label": "Attach folder",
-                  title: "Attach folder",
-                  className: attachButtonClass,
-                  children: /* @__PURE__ */ jsx2(Folder, { className: "size-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                "input",
-                {
-                  ref: folderInputRef,
-                  type: "file",
-                  multiple: true,
-                  className: "hidden",
-                  onChange: (event) => {
-                    if (event.target.files?.length)
-                      (onAttachFolder ?? onAttach)?.(event.target.files);
-                    event.target.value = "";
-                  },
-                  ...{ webkitdirectory: "" }
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overscroll-x-contain [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: [
-              controls,
-              trailing && /* @__PURE__ */ jsx2("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: trailing })
-            ] }),
-            busy && onCancel ? /* @__PURE__ */ jsx2(
-              "button",
-              {
-                type: "button",
-                onClick: onCancel,
-                "aria-label": "Stop response",
-                className: cn(
-                  "flex size-9 shrink-0 items-center justify-center rounded-full",
-                  "bg-[var(--status-error,#ff4d6d)]/15 text-[var(--status-error,#ff4d6d)] transition-colors",
-                  "hover:bg-[var(--status-error,#ff4d6d)]/25"
-                ),
-                children: /* @__PURE__ */ jsx2(Square, { className: "size-3.5 fill-current" })
-              }
-            ) : /* @__PURE__ */ jsx2(
-              "button",
-              {
-                type: "button",
-                onClick: submit,
-                disabled: !canSend,
-                "aria-label": sendLabel,
-                className: cn(
-                  "flex size-9 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
-                  "transition-opacity hover:opacity-90 disabled:opacity-40"
-                ),
-                children: busy ? /* @__PURE__ */ jsx2(Loader2, { className: "size-4 animate-spin", "data-motion": "essential" }) : /* @__PURE__ */ jsx2(ArrowUp, { className: "size-4" })
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    focusShortcut && /* @__PURE__ */ jsx2("div", { className: "mt-1.5 flex justify-end px-1", children: /* @__PURE__ */ jsxs2("span", { className: "text-muted-foreground text-xs", children: [
-      /* @__PURE__ */ jsx2("kbd", { className: "rounded border border-[var(--md3-outline-variant)] bg-surface-container px-1 py-0.5 text-[10px]", children: "Cmd" }),
-      /* @__PURE__ */ jsx2("kbd", { className: "ml-0.5 rounded border border-[var(--md3-outline-variant)] bg-surface-container px-1 py-0.5 text-[10px]", children: "L" }),
-      /* @__PURE__ */ jsx2("span", { className: "ml-1", children: "to focus" })
-    ] }) })
-  ] });
-}
-
 // src/chat/agent-profile-picker.tsx
 import { Bot, Check, ChevronDown as ChevronDown2, Pencil, Plus as Plus2, Trash2 } from "lucide-react";
-import * as React5 from "react";
+import * as React4 from "react";
 
 // src/lib/use-click-outside.ts
-import * as React2 from "react";
+import * as React from "react";
 function useClickOutside(onOutside, extras) {
-  const ref = React2.useRef(null);
-  const extrasRef = React2.useRef(extras);
+  const ref = React.useRef(null);
+  const extrasRef = React.useRef(extras);
   extrasRef.current = extras;
-  React2.useEffect(() => {
+  React.useEffect(() => {
     function handler(event) {
       const target = event.target;
       if (!ref.current || ref.current.contains(target)) return;
@@ -656,19 +166,19 @@ function useClickOutside(onOutside, extras) {
 }
 
 // src/chat/anchored-popover.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var AnchoredPopover = React3.forwardRef(
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AnchoredPopover = React2.forwardRef(
   function AnchoredPopover2({ anchorRef, side, children, className, style, ...rest }, forwardedRef) {
-    const innerRef = React3.useRef(null);
+    const innerRef = React2.useRef(null);
     const setRefs = (node) => {
       innerRef.current = node;
       if (typeof forwardedRef === "function") forwardedRef(node);
       else if (forwardedRef) forwardedRef.current = node;
     };
-    const [position, setPosition] = React3.useState(null);
-    const place = React3.useCallback(() => {
+    const [position, setPosition] = React2.useState(null);
+    const place = React2.useCallback(() => {
       const anchor = anchorRef.current;
       if (!anchor) return;
       const rect = anchor.getBoundingClientRect();
@@ -682,7 +192,7 @@ var AnchoredPopover = React3.forwardRef(
         side === "top" ? { left, bottom: window.innerHeight - rect.top + margin } : { left, top: rect.bottom + margin }
       );
     }, [anchorRef, side]);
-    React3.useLayoutEffect(() => {
+    React2.useLayoutEffect(() => {
       place();
       window.addEventListener("resize", place);
       window.addEventListener("scroll", place, true);
@@ -692,7 +202,7 @@ var AnchoredPopover = React3.forwardRef(
       };
     }, [place]);
     return createPortal(
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         "div",
         {
           ...rest,
@@ -713,8 +223,8 @@ var AnchoredPopover = React3.forwardRef(
 
 // src/chat/informative-lock.tsx
 import { Lock, Plus } from "lucide-react";
-import * as React4 from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import * as React3 from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function InformativeLock({
   children,
   ariaLabel,
@@ -727,22 +237,22 @@ function InformativeLock({
   popoverClassName,
   side = "top"
 }) {
-  const [open, setOpen] = React4.useState(false);
-  const closeTimer = React4.useRef(null);
-  const popoverRef = React4.useRef(null);
+  const [open, setOpen] = React3.useState(false);
+  const closeTimer = React3.useRef(null);
+  const popoverRef = React3.useRef(null);
   const ref = useClickOutside(() => setOpen(false), [popoverRef]);
-  const cancelClose = React4.useCallback(() => {
+  const cancelClose = React3.useCallback(() => {
     if (closeTimer.current) {
       clearTimeout(closeTimer.current);
       closeTimer.current = null;
     }
   }, []);
-  const scheduleClose = React4.useCallback(() => {
+  const scheduleClose = React3.useCallback(() => {
     cancelClose();
     closeTimer.current = setTimeout(() => setOpen(false), 150);
   }, [cancelClose]);
-  React4.useEffect(() => cancelClose, [cancelClose]);
-  return /* @__PURE__ */ jsxs3(
+  React3.useEffect(() => cancelClose, [cancelClose]);
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       ref,
@@ -756,7 +266,7 @@ function InformativeLock({
         if (event.key === "Escape") setOpen(false);
       },
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -775,7 +285,7 @@ function InformativeLock({
             children
           }
         ),
-        open && /* @__PURE__ */ jsxs3(
+        open && /* @__PURE__ */ jsxs2(
           AnchoredPopover,
           {
             ref: popoverRef,
@@ -793,12 +303,12 @@ function InformativeLock({
               popoverClassName
             ),
             children: [
-              /* @__PURE__ */ jsxs3("p", { className: "flex items-start gap-2 text-sm font-medium text-foreground", children: [
-                /* @__PURE__ */ jsx4(Lock, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsx4("span", { children: lockTitle })
+              /* @__PURE__ */ jsxs2("p", { className: "flex items-start gap-2 text-sm font-medium text-foreground", children: [
+                /* @__PURE__ */ jsx3(Lock, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx3("span", { children: lockTitle })
               ] }),
-              /* @__PURE__ */ jsx4("p", { className: "mt-1.5 text-xs text-muted-foreground", children: lockBody }),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsx3("p", { className: "mt-1.5 text-xs text-muted-foreground", children: lockBody }),
+              /* @__PURE__ */ jsxs2(
                 "button",
                 {
                   type: "button",
@@ -812,7 +322,7 @@ function InformativeLock({
                     "hover:bg-primary/15 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx4(Plus, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx3(Plus, { className: "h-4 w-4" }),
                     newChatLabel
                   ]
                 }
@@ -826,7 +336,7 @@ function InformativeLock({
 }
 
 // src/chat/agent-profile-picker.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function profileSubtitle(profile) {
   if (profile.description) return profile.description;
   const count = profile.capabilities?.length ?? 0;
@@ -849,11 +359,11 @@ function AgentProfilePicker({
   popoverClassName,
   side = "top"
 }) {
-  const [open, setOpen] = React5.useState(false);
-  const [composing, setComposing] = React5.useState(
+  const [open, setOpen] = React4.useState(false);
+  const [composing, setComposing] = React4.useState(
     null
   );
-  const popoverRef = React5.useRef(null);
+  const popoverRef = React4.useRef(null);
   const ref = useClickOutside(() => {
     setOpen(false);
     setComposing(null);
@@ -863,7 +373,7 @@ function AgentProfilePicker({
   const custom = profiles.filter((profile) => !profile.builtin);
   const selected = profiles.find((profile) => profile.id === value);
   const selectedName = selected?.name ?? value;
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     if (!locked) return;
     setOpen(false);
     setComposing(null);
@@ -878,7 +388,7 @@ function AgentProfilePicker({
     setComposing(null);
   }
   if (locked && onNewChat) {
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs3(
       InformativeLock,
       {
         ariaLabel: "Agent profile (locked)",
@@ -891,14 +401,14 @@ function AgentProfilePicker({
         popoverClassName,
         side,
         children: [
-          /* @__PURE__ */ jsx5(Bot, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx5("span", { className: "max-w-[140px] truncate", children: selectedName })
+          /* @__PURE__ */ jsx4(Bot, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ jsx4("span", { className: "max-w-[140px] truncate", children: selectedName })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs4("div", { ref, className: cn("relative inline-flex", className), children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3("div", { ref, className: cn("relative inline-flex", className), children: [
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -916,13 +426,13 @@ function AgentProfilePicker({
         "data-state": open ? "open" : "closed",
         "aria-label": "Agent profile",
         children: [
-          /* @__PURE__ */ jsx5(Bot, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx5("span", { className: "max-w-[140px] truncate", children: selectedName }),
-          !locked && /* @__PURE__ */ jsx5(ChevronDown2, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+          /* @__PURE__ */ jsx4(Bot, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ jsx4("span", { className: "max-w-[140px] truncate", children: selectedName }),
+          !locked && /* @__PURE__ */ jsx4(ChevronDown2, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-muted-foreground" })
         ]
       }
     ),
-    open && !locked && /* @__PURE__ */ jsx5(
+    open && !locked && /* @__PURE__ */ jsx4(
       AnchoredPopover,
       {
         ref: popoverRef,
@@ -934,7 +444,7 @@ function AgentProfilePicker({
           popoverClassName
         ),
         "data-testid": "agent-profile-popover",
-        children: composing ? /* @__PURE__ */ jsx5(
+        children: composing ? /* @__PURE__ */ jsx4(
           ProfileForm,
           {
             capabilities: capabilities ?? [],
@@ -942,9 +452,9 @@ function AgentProfilePicker({
             onCancel: () => setComposing(null),
             onSave: save
           }
-        ) : /* @__PURE__ */ jsxs4("div", { className: "max-h-[min(60vh,420px)] overflow-y-auto", children: [
-          /* @__PURE__ */ jsx5(SectionHeader, { children: "Modes" }),
-          builtins.map((profile) => /* @__PURE__ */ jsx5(
+        ) : /* @__PURE__ */ jsxs3("div", { className: "max-h-[min(60vh,420px)] overflow-y-auto", children: [
+          /* @__PURE__ */ jsx4(SectionHeader, { children: "Modes" }),
+          builtins.map((profile) => /* @__PURE__ */ jsx4(
             ProfileRow,
             {
               active: profile.id === value,
@@ -954,8 +464,8 @@ function AgentProfilePicker({
             },
             profile.id
           )),
-          custom.length > 0 && /* @__PURE__ */ jsx5(SectionHeader, { children: "Your agents" }),
-          custom.map((profile) => /* @__PURE__ */ jsx5(
+          custom.length > 0 && /* @__PURE__ */ jsx4(SectionHeader, { children: "Your agents" }),
+          custom.map((profile) => /* @__PURE__ */ jsx4(
             ProfileRow,
             {
               active: profile.id === value,
@@ -967,14 +477,14 @@ function AgentProfilePicker({
             },
             profile.id
           )),
-          canAuthor && /* @__PURE__ */ jsxs4(
+          canAuthor && /* @__PURE__ */ jsxs3(
             "button",
             {
               type: "button",
               onClick: () => setComposing("new"),
               className: "mt-1 flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left text-sm text-[var(--accent-text)] transition-colors hover:bg-accent/40",
               children: [
-                /* @__PURE__ */ jsx5(Plus2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx4(Plus2, { className: "h-4 w-4" }),
                 " New agent\u2026"
               ]
             }
@@ -985,7 +495,7 @@ function AgentProfilePicker({
   ] });
 }
 function SectionHeader({ children }) {
-  return /* @__PURE__ */ jsx5("div", { className: "px-2.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children });
+  return /* @__PURE__ */ jsx4("div", { className: "px-2.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children });
 }
 function ProfileRow({
   active,
@@ -995,7 +505,7 @@ function ProfileRow({
   onEdit,
   onDelete
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn(
@@ -1003,40 +513,40 @@ function ProfileRow({
         active ? "bg-[var(--accent-surface-soft)] text-[var(--accent-text)]" : "hover:bg-accent/40"
       ),
       children: [
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
             onClick: onSelect,
             className: "flex min-w-0 flex-1 items-center gap-2 text-left",
             children: [
-              /* @__PURE__ */ jsx5("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: active && /* @__PURE__ */ jsx5(Check, { className: "h-3.5 w-3.5" }) }),
-              /* @__PURE__ */ jsxs4("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx5("span", { className: "block truncate font-medium", children: title }),
-                /* @__PURE__ */ jsx5("span", { className: "block truncate text-xs text-muted-foreground", children: subtitle })
+              /* @__PURE__ */ jsx4("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: active && /* @__PURE__ */ jsx4(Check, { className: "h-3.5 w-3.5" }) }),
+              /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx4("span", { className: "block truncate font-medium", children: title }),
+                /* @__PURE__ */ jsx4("span", { className: "block truncate text-xs text-muted-foreground", children: subtitle })
               ] })
             ]
           }
         ),
-        (onEdit || onDelete) && /* @__PURE__ */ jsxs4("span", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
-          onEdit && /* @__PURE__ */ jsx5(
+        (onEdit || onDelete) && /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+          onEdit && /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
               onClick: onEdit,
               title: "Edit",
               className: "rounded p-1 text-muted-foreground hover:text-foreground",
-              children: /* @__PURE__ */ jsx5(Pencil, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx4(Pencil, { className: "h-3 w-3" })
             }
           ),
-          onDelete && /* @__PURE__ */ jsx5(
+          onDelete && /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
               onClick: onDelete,
               title: "Delete",
               className: "rounded p-1 text-muted-foreground hover:text-[var(--status-error,#ff4d6d)]",
-              children: /* @__PURE__ */ jsx5(Trash2, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx4(Trash2, { className: "h-3 w-3" })
             }
           )
         ] })
@@ -1050,16 +560,16 @@ function ProfileForm({
   onCancel,
   onSave
 }) {
-  const [name, setName] = React5.useState(initial?.name ?? "");
-  const [caps, setCaps] = React5.useState(
+  const [name, setName] = React4.useState(initial?.name ?? "");
+  const [caps, setCaps] = React4.useState(
     initial?.capabilities ? [...initial.capabilities] : capabilities.map((c) => c.id)
   );
-  const [instructions, setInstructions] = React5.useState(initial?.instructions ?? "");
+  const [instructions, setInstructions] = React4.useState(initial?.instructions ?? "");
   const toggle = (id) => setCaps(
     (prev) => prev.includes(id) ? prev.filter((c) => c !== id) : [...prev, id]
   );
-  return /* @__PURE__ */ jsxs4("div", { className: "space-y-3 p-2.5", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-3 p-2.5", children: [
+    /* @__PURE__ */ jsx4(
       "input",
       {
         autoFocus: true,
@@ -1069,14 +579,14 @@ function ProfileForm({
         className: "w-full rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2 text-sm outline-none focus:border-primary"
       }
     ),
-    capabilities.length > 0 && /* @__PURE__ */ jsxs4("div", { children: [
-      /* @__PURE__ */ jsx5("p", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: "Tools" }),
-      /* @__PURE__ */ jsx5("div", { className: "space-y-0.5", children: capabilities.map((cap) => /* @__PURE__ */ jsxs4(
+    capabilities.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx4("p", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: "Tools" }),
+      /* @__PURE__ */ jsx4("div", { className: "space-y-0.5", children: capabilities.map((cap) => /* @__PURE__ */ jsxs3(
         "label",
         {
           className: "flex cursor-pointer items-start gap-2 rounded-md px-2 py-1.5 hover:bg-accent/40",
           children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               "input",
               {
                 type: "checkbox",
@@ -1085,16 +595,16 @@ function ProfileForm({
                 className: "mt-0.5"
               }
             ),
-            /* @__PURE__ */ jsxs4("span", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx5("span", { className: "block text-sm font-medium", children: cap.label }),
-              cap.description && /* @__PURE__ */ jsx5("span", { className: "block text-xs text-muted-foreground", children: cap.description })
+            /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx4("span", { className: "block text-sm font-medium", children: cap.label }),
+              cap.description && /* @__PURE__ */ jsx4("span", { className: "block text-xs text-muted-foreground", children: cap.description })
             ] })
           ]
         },
         cap.id
       )) })
     ] }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       "textarea",
       {
         value: instructions,
@@ -1104,8 +614,8 @@ function ProfileForm({
         className: "w-full resize-none rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2 text-sm outline-none focus:border-primary"
       }
     ),
-    /* @__PURE__ */ jsxs4("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -1114,7 +624,7 @@ function ProfileForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -1137,10 +647,10 @@ function ProfileForm({
 import { modelProvider, snapHarnessToModel } from "@tangle-network/agent-interface";
 
 // src/chat/artifact-agent-dock.tsx
-import * as React6 from "react";
-import { Sparkles as Sparkles2, Send, Square as Square2, X as X2 } from "lucide-react";
+import * as React5 from "react";
+import { Sparkles as Sparkles2, Send, Square, X } from "lucide-react";
 import { ChatMessage } from "@tangle-network/ui/chat";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function defaultScopeLabel(scope) {
   if (scope.label) return scope.label;
   switch (scope.kind) {
@@ -1186,23 +696,23 @@ function ArtifactAgentDock({
   onError,
   className
 }) {
-  const [threadId, setThreadId] = React6.useState(null);
-  const [messages, setMessages] = React6.useState([]);
-  const [composer, setComposer] = React6.useState(defaultPrompt ?? "");
-  const [streamContent, setStreamContent] = React6.useState("");
-  const [sending, setSending] = React6.useState(false);
-  const [loading, setLoading] = React6.useState(false);
-  const abortRef = React6.useRef(null);
-  const scrollRef = React6.useRef(null);
-  const scopeTokenRef = React6.useRef(0);
-  const reportError = React6.useCallback(
+  const [threadId, setThreadId] = React5.useState(null);
+  const [messages, setMessages] = React5.useState([]);
+  const [composer, setComposer] = React5.useState(defaultPrompt ?? "");
+  const [streamContent, setStreamContent] = React5.useState("");
+  const [sending, setSending] = React5.useState(false);
+  const [loading, setLoading] = React5.useState(false);
+  const abortRef = React5.useRef(null);
+  const scrollRef = React5.useRef(null);
+  const scopeTokenRef = React5.useRef(0);
+  const reportError = React5.useCallback(
     (message) => {
       if (onError) onError(message);
       else if (typeof console !== "undefined") console.error("[ArtifactAgentDock]", message);
     },
     [onError]
   );
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!open) return;
     scopeTokenRef.current += 1;
     abortRef.current?.abort();
@@ -1238,11 +748,11 @@ function ArtifactAgentDock({
       cancelled = true;
     };
   }, [open, scope.kind, scope.key, transport, reportError]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (!scrollRef.current) return;
     scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
   }, [messages.length, streamContent]);
-  const send = React6.useCallback(async () => {
+  const send = React5.useCallback(async () => {
     const text = composer.trim();
     if (!text || !threadId || sending) return;
     const token = scopeTokenRef.current;
@@ -1292,7 +802,7 @@ function ArtifactAgentDock({
       if (abortRef.current === controller) abortRef.current = null;
     }
   }, [composer, threadId, sending, transport, reportError]);
-  const cancel = React6.useCallback(() => {
+  const cancel = React5.useCallback(() => {
     if (threadId && transport.cancel) {
       try {
         void Promise.resolve(transport.cancel({ threadId })).catch(() => {
@@ -1306,7 +816,7 @@ function ArtifactAgentDock({
   }, [threadId, transport]);
   if (!open) return null;
   const heading = defaultScopeLabel(scope);
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "aside",
     {
       className: cn(
@@ -1315,38 +825,38 @@ function ArtifactAgentDock({
       ),
       "aria-label": `Agent chat about ${heading}`,
       children: [
-        /* @__PURE__ */ jsxs5("header", { className: "flex items-center justify-between border-b border-[var(--md3-outline-variant)] bg-surface-container-low px-4 py-3", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx6(Sparkles2, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx6("div", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: "Discussing" }),
-              /* @__PURE__ */ jsx6("div", { className: "truncate text-sm font-semibold text-foreground", children: heading })
+        /* @__PURE__ */ jsxs4("header", { className: "flex items-center justify-between border-b border-[var(--md3-outline-variant)] bg-surface-container-low px-4 py-3", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx5(Sparkles2, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx5("div", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: "Discussing" }),
+              /* @__PURE__ */ jsx5("div", { className: "truncate text-sm font-semibold text-foreground", children: heading })
             ] })
           ] }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
               onClick: () => onOpenChange(false),
               "aria-label": "Close artifact chat",
               className: "rounded-md p-1 text-muted-foreground transition-colors hover:bg-surface-container-high hover:text-foreground",
-              children: /* @__PURE__ */ jsx6(X2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx5(X, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx6("div", { ref: scrollRef, className: "flex-1 overflow-y-auto px-3 py-4", children: loading ? /* @__PURE__ */ jsx6("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: "Loading conversation\u2026" }) : messages.length === 0 && !streamContent ? /* @__PURE__ */ jsxs5("div", { className: "px-3 py-12 text-center", children: [
-          /* @__PURE__ */ jsx6(Sparkles2, { className: "mx-auto mb-3 h-5 w-5 text-muted-foreground/40" }),
-          /* @__PURE__ */ jsxs5("p", { className: "text-sm text-foreground", children: [
+        /* @__PURE__ */ jsx5("div", { ref: scrollRef, className: "flex-1 overflow-y-auto px-3 py-4", children: loading ? /* @__PURE__ */ jsx5("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: "Loading conversation\u2026" }) : messages.length === 0 && !streamContent ? /* @__PURE__ */ jsxs4("div", { className: "px-3 py-12 text-center", children: [
+          /* @__PURE__ */ jsx5(Sparkles2, { className: "mx-auto mb-3 h-5 w-5 text-muted-foreground/40" }),
+          /* @__PURE__ */ jsxs4("p", { className: "text-sm text-foreground", children: [
             "Ask the agent about this ",
             scope.kind === "vault-file" ? "document" : scope.kind,
             "."
           ] }),
-          /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs text-muted-foreground", children: "It can read the current contents and propose edits, rewrites, or follow-ups." })
-        ] }) : /* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
-          messages.map((m) => /* @__PURE__ */ jsx6(ChatMessage, { role: m.role, content: m.content, timestamp: m.createdAt }, m.id)),
-          streamContent && /* @__PURE__ */ jsx6(ChatMessage, { role: "assistant", content: streamContent, isStreaming: true })
+          /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-muted-foreground", children: "It can read the current contents and propose edits, rewrites, or follow-ups." })
+        ] }) : /* @__PURE__ */ jsxs4("div", { className: "space-y-3", children: [
+          messages.map((m) => /* @__PURE__ */ jsx5(ChatMessage, { role: m.role, content: m.content, timestamp: m.createdAt }, m.id)),
+          streamContent && /* @__PURE__ */ jsx5(ChatMessage, { role: "assistant", content: streamContent, isStreaming: true })
         ] }) }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx5(
           "form",
           {
             className: "border-t border-[var(--md3-outline-variant)] bg-surface-container-low p-3",
@@ -1354,8 +864,8 @@ function ArtifactAgentDock({
               e.preventDefault();
               void send();
             },
-            children: /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
-              /* @__PURE__ */ jsx6(
+            children: /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2", children: [
+              /* @__PURE__ */ jsx5(
                 "textarea",
                 {
                   value: composer,
@@ -1372,23 +882,23 @@ function ArtifactAgentDock({
                   className: "min-h-[44px] flex-1 resize-none rounded-[20px] border border-[var(--md3-outline-variant)] bg-surface-dim px-3.5 py-2 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus:outline-none focus:border-[var(--border-accent)] disabled:opacity-50"
                 }
               ),
-              sending ? /* @__PURE__ */ jsx6(
+              sending ? /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "button",
                   onClick: cancel,
                   "aria-label": "Cancel",
                   className: "inline-flex h-9 w-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-surface-container-high hover:text-foreground",
-                  children: /* @__PURE__ */ jsx6(Square2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx5(Square, { className: "h-4 w-4" })
                 }
-              ) : /* @__PURE__ */ jsx6(
+              ) : /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "submit",
                   disabled: !composer.trim() || !threadId,
                   "aria-label": "Send",
                   className: "inline-flex h-9 w-9 items-center justify-center rounded-full bg-primary text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-50",
-                  children: /* @__PURE__ */ jsx6(Send, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx5(Send, { className: "h-4 w-4" })
                 }
               )
             ] })
@@ -1478,9 +988,6 @@ export {
   DEFAULT_REASONING_LEVEL_OPTIONS,
   HARNESS_REASONING_OPTIONS,
   ReasoningLevelPicker,
-  isAcceptedType,
-  validateComposerFiles,
-  AgentComposer,
   AgentProfilePicker,
   modelProvider,
   snapHarnessToModel,