@lukeashford/aurelius 4.2.0 → 4.4.0

package/dist/index.mjs

@@ -1275,7 +1275,7 @@ var ListSubheader = React14.forwardRef(
 ListSubheader.displayName = "ListSubheader";
 
 // src/components/FileChip.tsx
-import React15 from "react";
+import React15, { useState as useState2 } from "react";
 import {
   File,
   FileArchive,
@@ -1320,42 +1320,91 @@ function getFileIcon(type) {
   }
   return File;
 }
-var statusStyles = {
+var statusBorderClass = {
   pending: "border-silver/30",
   uploading: "border-gold/50",
-  complete: "border-success/50",
-  error: "border-error/50"
+  uploaded: "border-info/50",
+  analyzing: "border-info/50",
+  analyzed: "border-success/50",
+  upload_failed: "border-error/50",
+  analysis_failed: "border-error/50"
 };
+var statusHoverLabel = {
+  pending: null,
+  uploading: "Uploading",
+  uploaded: "Analyzing",
+  analyzing: "Analyzing",
+  analyzed: null,
+  upload_failed: "Upload failed",
+  analysis_failed: "Couldn't process this file"
+};
+function isErrorStatus(status) {
+  return status === "upload_failed" || status === "analysis_failed";
+}
 var FileChip = React15.forwardRef(
   ({
     name,
     size,
     type,
-    status = "complete",
+    status = "analyzed",
     previewUrl,
     onRemove,
     removable = true,
     error,
+    artifactId,
+    onOpen,
     className,
+    title,
     ...rest
   }, ref) => {
     const Icon = getFileIcon(type);
     const isImage = type?.startsWith("image/");
     const showPreview = isImage && previewUrl;
-    return /* @__PURE__ */ React15.createElement(
+    const clickable = !!(artifactId && onOpen);
+    const hoverLabel = statusHoverLabel[status];
+    const tooltipContent = isErrorStatus(status) ? error ?? hoverLabel ?? null : hoverLabel;
+    const [hovered, setHovered] = useState2(false);
+    const [focused, setFocused] = useState2(false);
+    const showError = isErrorStatus(status);
+    const handleClick = () => {
+      if (clickable) {
+        onOpen(artifactId);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (!clickable) {
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onOpen(artifactId);
+      }
+    };
+    const tooltipOpen = tooltipContent !== null && (hovered || focused);
+    const chip = /* @__PURE__ */ React15.createElement(
       "div",
       {
+        ...rest,
         ref,
         className: cx(
           "group relative inline-flex items-center gap-2 px-2 py-1.5",
           "bg-charcoal border text-sm text-white",
           "transition-colors duration-150",
-          statusStyles[status],
-          status === "error" && "bg-error/10",
+          statusBorderClass[status],
+          showError && "bg-error/10",
+          clickable && "cursor-pointer hover:bg-graphite",
           className
         ),
-        role: "listitem",
-        ...rest
+        role: clickable ? "button" : "listitem",
+        tabIndex: clickable ? 0 : void 0,
+        onClick: clickable ? handleClick : void 0,
+        onKeyDown: clickable ? handleKeyDown : void 0,
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false),
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        title,
+        "aria-label": hoverLabel ? `${name}: ${hoverLabel}` : name
       },
       showPreview ? /* @__PURE__ */ React15.createElement("div", { className: "w-8 h-8 flex-shrink-0 overflow-hidden bg-slate" }, /* @__PURE__ */ React15.createElement(
         "img",
@@ -1366,10 +1415,11 @@ var FileChip = React15.forwardRef(
         }
       )) : /* @__PURE__ */ React15.createElement(Icon, { className: cx(
         "w-4 h-4 flex-shrink-0",
-        status === "error" ? "text-error" : "text-silver"
+        showError ? "text-error" : "text-silver"
       ) }),
-      /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate max-w-40", title: name }, name), size !== void 0 && status !== "error" && /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-silver/60" }, formatBytes(size)), status === "error" && error && /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-error truncate", title: error }, error)),
+      /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate max-w-40", title: name }, name), size !== void 0 && !showError && /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-silver/60" }, formatBytes(size)), showError && error && /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-error truncate", title: error }, error)),
       status === "uploading" && /* @__PURE__ */ React15.createElement(Loader2, { className: "w-3.5 h-3.5 text-gold animate-spin flex-shrink-0" }),
+      (status === "uploaded" || status === "analyzing") && /* @__PURE__ */ React15.createElement(Loader2, { className: "w-3.5 h-3.5 text-info animate-spin flex-shrink-0" }),
       status === "pending" && /* @__PURE__ */ React15.createElement("div", { className: "w-2 h-2 rounded-full bg-silver/50 flex-shrink-0" }),
       removable && onRemove && /* @__PURE__ */ React15.createElement(
         "button",
@@ -1390,6 +1440,10 @@ var FileChip = React15.forwardRef(
         /* @__PURE__ */ React15.createElement(X, { className: "w-3.5 h-3.5" })
       )
     );
+    if (tooltipContent === null) {
+      return chip;
+    }
+    return /* @__PURE__ */ React15.createElement(Tooltip, { content: tooltipContent, open: tooltipOpen, side: "top" }, chip);
   }
 );
 FileChip.displayName = "FileChip";
@@ -1402,6 +1456,7 @@ var AttachmentPreview = React16.forwardRef(
     onRemove,
     removable = true,
     maxVisible,
+    onOpen,
     className,
     ...rest
   }, ref) => {
@@ -1430,7 +1485,9 @@ var AttachmentPreview = React16.forwardRef(
           previewUrl: attachment.previewUrl,
           error: attachment.error,
           removable,
-          onRemove: onRemove ? () => onRemove(attachment.id) : void 0
+          onRemove: onRemove ? () => onRemove(attachment.id) : void 0,
+          artifactId: attachment.artifactId,
+          onOpen
         }
       )),
       hiddenCount > 0 && /* @__PURE__ */ React16.createElement(
@@ -1649,7 +1706,7 @@ var Radio = React22.forwardRef(
 Radio.displayName = "Radio";
 
 // src/components/Switch.tsx
-import React23, { useCallback as useCallback4, useRef as useRef2, useState as useState2 } from "react";
+import React23, { useCallback as useCallback4, useRef as useRef2, useState as useState3 } from "react";
 var Switch = React23.forwardRef(
   ({
     checked: controlledChecked,
@@ -1660,7 +1717,7 @@ var Switch = React23.forwardRef(
     label,
     ...rest
   }, ref) => {
-    const [internalChecked, setInternalChecked] = useState2(defaultChecked);
+    const [internalChecked, setInternalChecked] = useState3(defaultChecked);
     const isControlled = controlledChecked !== void 0;
     const checked = isControlled ? controlledChecked : internalChecked;
     const buttonRef = useRef2(null);
@@ -1734,7 +1791,7 @@ var Switch = React23.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/Slider.tsx
-import React24, { useCallback as useCallback5, useRef as useRef3, useState as useState3 } from "react";
+import React24, { useCallback as useCallback5, useRef as useRef3, useState as useState4 } from "react";
 var SIZE_TRACK = {
   sm: "h-1",
   md: "h-2",
@@ -1761,8 +1818,8 @@ var Slider = React24.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = useState3(defaultValue);
-    const [isDragging, setIsDragging] = useState3(false);
+    const [internalValue, setInternalValue] = useState4(defaultValue);
+    const [isDragging, setIsDragging] = useState4(false);
     const trackRef = useRef3(null);
     const isControlled = controlledValue !== void 0;
     const value = isControlled ? controlledValue : internalValue;
@@ -2123,7 +2180,7 @@ var Progress = React28.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/Toast.tsx
-import React29, { createContext as createContext2, useCallback as useCallback6, useContext as useContext2, useEffect as useEffect2, useState as useState4 } from "react";
+import React29, { createContext as createContext2, useCallback as useCallback6, useContext as useContext2, useEffect as useEffect2, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
 import { AlertCircle, AlertTriangle as AlertTriangle2, CheckCircle as CheckCircle2, Info as Info2, X as X2 } from "lucide-react";
 var toastCounter = 0;
@@ -2153,8 +2210,8 @@ var ToastProvider = ({
   position = "bottom-right",
   defaultDuration = 5e3
 }) => {
-  const [toasts, setToasts] = useState4([]);
-  const [mounted, setMounted] = useState4(false);
+  const [toasts, setToasts] = useState5([]);
+  const [mounted, setMounted] = useState5(false);
   useEffect2(() => {
     setMounted(true);
   }, []);
@@ -2260,11 +2317,11 @@ var Toast = ({
 Toast.displayName = "Toast";
 
 // src/components/Modal.tsx
-import React30, { useEffect as useEffect3, useState as useState5 } from "react";
+import React30, { useEffect as useEffect3, useState as useState6 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { X as X3 } from "lucide-react";
 var Modal = ({ isOpen, onClose, title, children, className }) => {
-  const [mounted, setMounted] = useState5(false);
+  const [mounted, setMounted] = useState6(false);
   useEffect3(() => {
     setMounted(true);
   }, []);
@@ -2309,7 +2366,7 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
 Modal.displayName = "Modal";
 
 // src/components/Drawer.tsx
-import React31, { useEffect as useEffect4, useState as useState6 } from "react";
+import React31, { useEffect as useEffect4, useState as useState7 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { X as X4 } from "lucide-react";
 var SIZE_MAP2 = {
@@ -2365,7 +2422,7 @@ var Drawer = ({
   children,
   className
 }) => {
-  const [mounted, setMounted] = useState6(false);
+  const [mounted, setMounted] = useState7(false);
   useEffect4(() => {
     setMounted(true);
   }, []);
@@ -2428,7 +2485,7 @@ var Drawer = ({
 Drawer.displayName = "Drawer";
 
 // src/components/Popover.tsx
-import React32, { useCallback as useCallback7, useId as useId3, useRef as useRef4, useState as useState7 } from "react";
+import React32, { useCallback as useCallback7, useId as useId3, useRef as useRef4, useState as useState8 } from "react";
 var POSITION_CLASSES3 = {
   top: {
     start: "bottom-full left-0 mb-2",
@@ -2460,7 +2517,7 @@ var Popover = ({
   onOpenChange,
   closeOnClickOutside = true
 }) => {
-  const [internalOpen, setInternalOpen] = useState7(false);
+  const [internalOpen, setInternalOpen] = useState8(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const containerRef = useRef4(null);
@@ -2608,7 +2665,7 @@ var PromptDialog = ({
 PromptDialog.displayName = "PromptDialog";
 
 // src/components/Tabs.tsx
-import React34, { createContext as createContext3, useCallback as useCallback9, useContext as useContext3, useId as useId4, useState as useState8 } from "react";
+import React34, { createContext as createContext3, useCallback as useCallback9, useContext as useContext3, useId as useId4, useState as useState9 } from "react";
 var TabsContext = createContext3(null);
 function useTabsContext() {
   const context = useContext3(TabsContext);
@@ -2619,7 +2676,7 @@ function useTabsContext() {
 }
 var Tabs = React34.forwardRef(
   ({ defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = useState8(defaultValue ?? "");
+    const [internalValue, setInternalValue] = useState9(defaultValue ?? "");
     const isControlled = value !== void 0;
     const activeTab = isControlled ? value : internalValue;
     const baseId = useId4();
@@ -2719,7 +2776,7 @@ var TabPanel = React34.forwardRef(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Accordion.tsx
-import React35, { createContext as createContext4, useCallback as useCallback10, useContext as useContext4, useId as useId5, useState as useState9 } from "react";
+import React35, { createContext as createContext4, useCallback as useCallback10, useContext as useContext4, useId as useId5, useState as useState10 } from "react";
 import { ChevronDown } from "lucide-react";
 var AccordionContext = createContext4(null);
 function useAccordionContext() {
@@ -2731,7 +2788,7 @@ function useAccordionContext() {
 }
 var Accordion = React35.forwardRef(
   ({ type = "single", defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = useState9(() => {
+    const [internalValue, setInternalValue] = useState10(() => {
       if (defaultValue) {
         return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
       }
@@ -2870,7 +2927,7 @@ import React36, {
   useEffect as useEffect5,
   useId as useId6,
   useRef as useRef5,
-  useState as useState10
+  useState as useState11
 } from "react";
 var MenuContext = createContext5(null);
 function useMenuContext() {
@@ -2881,7 +2938,7 @@ function useMenuContext() {
   return context;
 }
 var Menu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = useState10(false);
+  const [internalOpen, setInternalOpen] = useState11(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
   const baseId = useId6();
@@ -3705,7 +3762,7 @@ function SquareLoaderIcon({ className, ...props }) {
 }
 
 // src/components/Message.tsx
-import React55, { useCallback as useCallback12, useEffect as useEffect6, useRef as useRef6, useState as useState11 } from "react";
+import React55, { useCallback as useCallback12, useEffect as useEffect6, useRef as useRef6, useState as useState12 } from "react";
 import { Check as Check3, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Copy, GitBranch, Pencil, RotateCcw, Send, X as X5 } from "lucide-react";
 
 // src/components/MarkdownContent.tsx
@@ -3890,12 +3947,14 @@ var Message = React55.forwardRef(
     branchInfo,
     actions,
     hideActions,
+    attachments,
+    onAttachmentOpen,
     ...rest
   }, ref) => {
     const isUser = variant === "user";
     const { copied, copy } = useCopyToClipboard();
-    const [isEditing, setIsEditing] = useState11(false);
-    const [editValue, setEditValue] = useState11(typeof content === "string" ? content : "");
+    const [isEditing, setIsEditing] = useState12(false);
+    const [editValue, setEditValue] = useState12(typeof content === "string" ? content : "");
     const textareaRef = useRef6(null);
     const showBranchNav = branchInfo && branchInfo.total > 1;
     const showActions = actions && !hideActions && !isStreaming;
@@ -3957,6 +4016,14 @@ var Message = React55.forwardRef(
         ),
         ...rest
       },
+      attachments && attachments.length > 0 && /* @__PURE__ */ React55.createElement("div", { className: cx("mb-1.5", isUser ? "self-end" : "self-start") }, /* @__PURE__ */ React55.createElement(
+        AttachmentPreview,
+        {
+          attachments,
+          removable: false,
+          onOpen: onAttachmentOpen
+        }
+      )),
       isUser && isEditing ? /* @__PURE__ */ React55.createElement("div", { className: "w-full max-w-11/12" }, /* @__PURE__ */ React55.createElement("div", { className: "relative bg-gold" }, /* @__PURE__ */ React55.createElement(
         "textarea",
         {
@@ -4067,7 +4134,7 @@ var StreamingCursor = React56.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React76, { useCallback as useCallback22, useEffect as useEffect16, useMemo as useMemo5, useRef as useRef15, useState as useState22 } from "react";
+import React76, { useCallback as useCallback22, useEffect as useEffect16, useMemo as useMemo5, useRef as useRef15, useState as useState23 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React60, { useEffect as useEffect9 } from "react";
@@ -4119,14 +4186,14 @@ function useScrollAnchor(options = {}) {
 }
 
 // src/components/chat/hooks/useAdaptiveSpacer.ts
-import { useCallback as useCallback14, useEffect as useEffect7, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect7, useRef as useRef8, useState as useState13 } from "react";
 function useAdaptiveSpacer(options = {}) {
   const { minHeight = 0, containerRef: externalContainerRef, anchorRef } = options;
   const internalContainerRef = useRef8(null);
   const containerRef = externalContainerRef ?? internalContainerRef;
   const contentRef = useRef8(null);
   const spacerRef = useRef8(null);
-  const [spacerHeight, setSpacerHeight] = useState12(0);
+  const [spacerHeight, setSpacerHeight] = useState13(0);
   const recalculate = useCallback14(() => {
     const container = containerRef.current;
     const content = contentRef.current;
@@ -4186,7 +4253,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-import React57, { useEffect as useEffect8, useState as useState13 } from "react";
+import React57, { useEffect as useEffect8, useState as useState14 } from "react";
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4207,15 +4274,17 @@ var ThinkingIndicator = React57.forwardRef(
     isVisible = true,
     phraseInterval = 2500,
     phrases = THINKING_PHRASES,
+    manualLabel,
     className,
     ...rest
   }, ref) => {
-    const [currentIndex, setCurrentIndex] = useState13(
+    const [currentIndex, setCurrentIndex] = useState14(
       () => Math.floor(Math.random() * phrases.length)
     );
-    const [isTransitioning, setIsTransitioning] = useState13(false);
+    const [isTransitioning, setIsTransitioning] = useState14(false);
+    const isManual = manualLabel !== void 0;
     useEffect8(() => {
-      if (!isVisible || phrases.length <= 1) {
+      if (!isVisible || isManual || phrases.length <= 1) {
         return;
       }
       let fadeTimeout = null;
@@ -4233,7 +4302,7 @@ var ThinkingIndicator = React57.forwardRef(
           clearTimeout(fadeTimeout);
         }
       };
-    }, [isVisible, phrases.length, phraseInterval]);
+    }, [isVisible, isManual, phrases.length, phraseInterval]);
     if (!isVisible) {
       return null;
     }
@@ -4270,7 +4339,7 @@ var ThinkingIndicator = React57.forwardRef(
           style: { animationDelay: "300ms" }
         }
       )),
-      /* @__PURE__ */ React57.createElement(
+      isManual ? /* @__PURE__ */ React57.createElement("span", { className: "text-sm italic" }, manualLabel) : /* @__PURE__ */ React57.createElement(
         "span",
         {
           className: cx(
@@ -4294,19 +4363,22 @@ import {
   GitBranch as GitBranch2,
   GitCommitVertical,
   GitMerge,
-  PencilLine
+  PencilLine,
+  Upload
 } from "lucide-react";
 var KIND_ICONS = {
   task: GitBranch2,
   submit: GitMerge,
   rename: PencilLine,
-  init: GitCommitVertical
+  init: GitCommitVertical,
+  ingest: Upload
 };
 var KIND_ARIA_LABELS = {
   task: "Task checkpoint",
   submit: "Submit checkpoint",
   rename: "Rename checkpoint",
-  init: "Project head checkpoint"
+  init: "Project head checkpoint",
+  ingest: "Upload batch checkpoint"
 };
 var Checkpoint = React58.forwardRef(
   function Checkpoint2({ name, executionKind, status = "completed", isActive, muted, branchInfo, onJumpHere }, ref) {
@@ -4455,7 +4527,16 @@ GreyedDivider.displayName = "GreyedDivider";
 
 // src/components/chat/ChatView.tsx
 var ChatView = React60.forwardRef(
-  function ChatView2({ items, latestUserMessageIndex, isStreaming, isThinking, onScroll, className, ...rest }, ref) {
+  function ChatView2({
+    items,
+    latestUserMessageIndex,
+    isStreaming,
+    isThinking,
+    thinkingLabel,
+    onScroll,
+    className,
+    ...rest
+  }, ref) {
     const { containerRef, anchorRef, scrollToAnchor } = useScrollAnchor({
       behavior: "smooth",
       block: "start"
@@ -4538,7 +4619,7 @@ var ChatView = React60.forwardRef(
             }
           )
         );
-      }), showThinking && /* @__PURE__ */ React60.createElement(ThinkingIndicator, { isVisible: true })),
+      }), showThinking && /* @__PURE__ */ React60.createElement(ThinkingIndicator, { isVisible: true, manualLabel: thinkingLabel })),
       /* @__PURE__ */ React60.createElement(
         "div",
         {
@@ -4554,7 +4635,7 @@ var ChatView = React60.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-import React61, { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef9, useState as useState14 } from "react";
+import React61, { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef9, useState as useState15 } from "react";
 import { Paperclip, Send as Send2, Square, X as X6 } from "lucide-react";
 
 // src/components/chat/types.ts
@@ -4602,9 +4683,9 @@ var ChatInput = React61.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [value, setValue] = useState14(initialInputValue);
-    const [localAttachments, setLocalAttachments] = useState14([]);
-    const [isDragOver, setIsDragOver] = useState14(false);
+    const [value, setValue] = useState15(initialInputValue);
+    const [localAttachments, setLocalAttachments] = useState15([]);
+    const [isDragOver, setIsDragOver] = useState15(false);
     const textareaRef = useRef9(null);
     const fileInputRef = useRef9(null);
     const attachments = controlledAttachments ?? localAttachments;
@@ -4723,8 +4804,8 @@ var ChatInput = React61.forwardRef(
     );
     const isCentered = position === "centered";
     const hasAttachments = attachments.length > 0;
-    const isUploading = attachments.some((a) => a.status === "uploading");
-    const canSubmit = value.trim() && !disabled && !isStreaming && !isUploading;
+    const isUploadIncomplete = attachments.some((a) => a.status === "pending" || a.status === "uploading" || a.status === "upload_failed");
+    const canSubmit = value.trim() && !disabled && !isStreaming && !isUploadIncomplete;
     return /* @__PURE__ */ React61.createElement(
       "div",
       {
@@ -4861,7 +4942,7 @@ var ChatInput = React61.forwardRef(
 ChatInput.displayName = "ChatInput";
 
 // src/components/chat/ArtifactsPanel.tsx
-import React71, { useCallback as useCallback17, useEffect as useEffect12, useRef as useRef11, useState as useState17 } from "react";
+import React71, { useCallback as useCallback18, useEffect as useEffect13, useRef as useRef12, useState as useState19 } from "react";
 import { Image } from "lucide-react";
 
 // src/components/ArtifactCard.tsx
@@ -5390,7 +5471,7 @@ var ArtifactCard = React68.forwardRef(
 ArtifactCard.displayName = "ArtifactCard";
 
 // src/components/ArtifactGroup.tsx
-import React69, { useEffect as useEffect11, useRef as useRef10, useState as useState15 } from "react";
+import React69, { useEffect as useEffect11, useRef as useRef10, useState as useState16 } from "react";
 var LAYER_OFFSET = "8px";
 var LAYER_OFFSET_2X = "16px";
 var ArtifactGroup = React69.forwardRef(
@@ -5399,7 +5480,7 @@ var ArtifactGroup = React69.forwardRef(
     const count = children.length;
     const frontChild = children[0];
     const prevCountRef = useRef10(count);
-    const [badgePing, setBadgePing] = useState15(false);
+    const [badgePing, setBadgePing] = useState16(false);
     useEffect11(() => {
       if (count !== prevCountRef.current) {
         prevCountRef.current = count;
@@ -5519,10 +5600,69 @@ var ArtifactVariantStack = React70.forwardRef(
 );
 ArtifactVariantStack.displayName = "ArtifactVariantStack";
 
+// src/components/chat/hooks/useResizable.ts
+import { useCallback as useCallback16, useEffect as useEffect12, useRef as useRef11, useState as useState17 } from "react";
+function useResizable({
+  initialWidthPercent,
+  minWidthPercent,
+  maxWidthPercent,
+  direction
+}) {
+  const [widthPercent, setWidthPercent] = useState17(initialWidthPercent);
+  const [isResizing, setIsResizing] = useState17(false);
+  const lastX = useRef11(null);
+  const startResizing = useCallback16((e) => {
+    e.preventDefault();
+    setIsResizing(true);
+    lastX.current = e.clientX;
+  }, []);
+  const stopResizing = useCallback16(() => {
+    setIsResizing(false);
+    lastX.current = null;
+  }, []);
+  const resize = useCallback16(
+    (e) => {
+      if (!isResizing || lastX.current === null) {
+        return;
+      }
+      const deltaX = e.clientX - lastX.current;
+      const factor = direction === "right" ? 1 : -1;
+      const deltaPercent = deltaX / window.innerWidth * 100;
+      setWidthPercent((prevPercent) => {
+        const newPercent = prevPercent + deltaPercent * factor;
+        return Math.min(Math.max(newPercent, minWidthPercent), maxWidthPercent);
+      });
+      lastX.current = e.clientX;
+    },
+    [isResizing, direction, minWidthPercent, maxWidthPercent]
+  );
+  useEffect12(() => {
+    if (isResizing) {
+      window.addEventListener("mousemove", resize);
+      window.addEventListener("mouseup", stopResizing);
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+    } else {
+      window.removeEventListener("mousemove", resize);
+      window.removeEventListener("mouseup", stopResizing);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    }
+    return () => {
+      window.removeEventListener("mousemove", resize);
+      window.removeEventListener("mouseup", stopResizing);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, [isResizing, resize, stopResizing]);
+  const width = `${widthPercent}vw`;
+  return { width, widthPercent, isResizing, startResizing };
+}
+
 // src/components/chat/hooks/useArtifactTreeNavigation.ts
-import { useCallback as useCallback16, useMemo as useMemo2, useState as useState16 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo2, useState as useState18 } from "react";
 function useArtifactTreeNavigation(rootNodes) {
-  const [stack, setStack] = useState16([]);
+  const [stack, setStack] = useState18([]);
   const currentNodes = useMemo2(() => {
     if (stack.length === 0) return rootNodes;
     return stack[stack.length - 1].children;
@@ -5535,13 +5675,13 @@ function useArtifactTreeNavigation(rootNodes) {
     return entries;
   }, [stack]);
   const isAtRoot = stack.length === 0;
-  const navigateInto = useCallback16((node) => {
+  const navigateInto = useCallback17((node) => {
     setStack((prev) => [...prev, node]);
   }, []);
-  const navigateTo = useCallback16((index) => {
+  const navigateTo = useCallback17((index) => {
     setStack((prev) => prev.slice(0, index));
   }, []);
-  const navigateBack = useCallback16(() => {
+  const navigateBack = useCallback17(() => {
     setStack((prev) => prev.slice(0, -1));
   }, []);
   return {
@@ -5561,7 +5701,7 @@ function ArtifactModal({
   onClose
 }) {
   useEscapeKey(onClose);
-  const handleBackdropClick = useCallback17((e) => {
+  const handleBackdropClick = useCallback18((e) => {
     if (e.target === e.currentTarget) {
       onClose();
     }
@@ -5642,6 +5782,20 @@ function ArtifactModal({
     )
   );
 }
+function findArtifactInNodes(nodes, artifactId) {
+  for (const node of nodes) {
+    if (node.type === "ARTIFACT" && node.artifact?.id === artifactId) {
+      return node.artifact;
+    }
+    if (node.children && node.children.length > 0) {
+      const found = findArtifactInNodes(node.children, artifactId);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+}
 function NodeRenderer({
   node,
   loading,
@@ -5677,31 +5831,48 @@ var ArtifactsPanel = React71.forwardRef(
   ({
     nodes,
     loading,
+    openArtifactId,
+    onArtifactClosed,
     className,
     ...rest
   }, ref) => {
-    const [expandedArtifact, setExpandedArtifact] = useState17(null);
-    const [zoomIndex, setZoomIndex] = useState17(ZOOM_LEVELS.length - 1);
+    const [expandedArtifact, setExpandedArtifact] = useState19(null);
+    const [zoomIndex, setZoomIndex] = useState19(ZOOM_LEVELS.length - 1);
     const treeNav = useArtifactTreeNavigation(nodes || []);
     const hasNodes = !!nodes && nodes.length > 0;
-    const handleExpandArtifact = useCallback17((artifact) => {
+    const handleExpandArtifact = useCallback18((artifact) => {
       setExpandedArtifact(artifact);
     }, []);
-    const handleGroupClick = useCallback17((node) => {
+    const handleGroupClick = useCallback18((node) => {
       treeNav.navigateInto(node);
     }, [treeNav]);
-    const zoomIn = useCallback17(() => {
+    useEffect13(() => {
+      if (!openArtifactId || !nodes) {
+        return;
+      }
+      const found = findArtifactInNodes(nodes, openArtifactId);
+      if (found) {
+        setExpandedArtifact(found);
+      }
+    }, [openArtifactId, nodes]);
+    const handleModalClose = useCallback18(() => {
+      setExpandedArtifact(null);
+      onArtifactClosed?.();
+    }, [onArtifactClosed]);
+    const zoomIn = useCallback18(() => {
       setZoomIndex((prev) => Math.min(prev + 1, ZOOM_LEVELS.length - 1));
     }, []);
-    const zoomOut = useCallback17(() => {
+    const zoomOut = useCallback18(() => {
       setZoomIndex((prev) => Math.max(prev - 1, 0));
     }, []);
     const currentZoom = ZOOM_LEVELS[zoomIndex];
-    const contentRef = useRef11(null);
-    const [contentHeight, setContentHeight] = useState17(void 0);
-    useEffect12(() => {
+    const contentRef = useRef12(null);
+    const [contentHeight, setContentHeight] = useState19(void 0);
+    useEffect13(() => {
       const el = contentRef.current;
-      if (!el) return;
+      if (!el) {
+        return;
+      }
       const observer = new ResizeObserver(([entry]) => {
         setContentHeight(entry.contentRect.height);
       });
@@ -5745,7 +5916,15 @@ var ArtifactsPanel = React71.forwardRef(
             },
             "\u2212"
           ),
-          /* @__PURE__ */ React71.createElement("span", { className: "text-xs text-silver w-8 text-center tabular-nums", "data-testid": "zoom-level" }, Math.round(currentZoom * 100), "%"),
+          /* @__PURE__ */ React71.createElement(
+            "span",
+            {
+              className: "text-xs text-silver w-8 text-center tabular-nums",
+              "data-testid": "zoom-level"
+            },
+            Math.round(currentZoom * 100),
+            "%"
+          ),
           /* @__PURE__ */ React71.createElement(
             "button",
             {
@@ -5820,7 +5999,7 @@ var ArtifactsPanel = React71.forwardRef(
       ArtifactModal,
       {
         artifact: expandedArtifact,
-        onClose: () => setExpandedArtifact(null)
+        onClose: handleModalClose
       }
     ));
   }
@@ -5857,7 +6036,7 @@ var ArtifactsPanelToggle = React71.forwardRef(({ artifactCount = 0, onExpand, cl
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/HistoryPanel.tsx
-import React72, { useCallback as useCallback18, useEffect as useEffect13, useMemo as useMemo3, useRef as useRef12, useState as useState18 } from "react";
+import React72, { useCallback as useCallback19, useEffect as useEffect14, useMemo as useMemo3, useRef as useRef13, useState as useState20 } from "react";
 import { ChevronDown as ChevronDown2, Pencil as Pencil2 } from "lucide-react";
 function parseTimestamp(ts) {
   if (ts == null) {
@@ -5900,9 +6079,9 @@ function ProjectFilter({
   onChange,
   className
 }) {
-  const [open, setOpen] = useState18(false);
-  const ref = useRef12(null);
-  const closeFilter = useCallback18(() => setOpen(false), []);
+  const [open, setOpen] = useState20(false);
+  const ref = useRef13(null);
+  const closeFilter = useCallback19(() => setOpen(false), []);
   useClickOutside(ref, closeFilter, open);
   const label = value ?? "All projects";
   return /* @__PURE__ */ React72.createElement("div", { className: cx("relative min-w-0", className), ref }, /* @__PURE__ */ React72.createElement(
@@ -5977,28 +6156,28 @@ function ConversationRow({
   onSelect,
   onRename
 }) {
-  const [isEditing, setIsEditing] = useState18(false);
-  const [draft, setDraft] = useState18(conversation.title);
-  const inputRef = useRef12(null);
-  useEffect13(() => {
+  const [isEditing, setIsEditing] = useState20(false);
+  const [draft, setDraft] = useState20(conversation.title);
+  const inputRef = useRef13(null);
+  useEffect14(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isEditing]);
-  const startEdit = useCallback18((e) => {
+  const startEdit = useCallback19((e) => {
     e.stopPropagation();
     setDraft(conversation.title);
     setIsEditing(true);
   }, [conversation.title]);
-  const commit = useCallback18(() => {
+  const commit = useCallback19(() => {
     const trimmed = draft.trim();
     if (trimmed && trimmed !== conversation.title) {
       onRename?.(conversation.id, trimmed);
     }
     setIsEditing(false);
   }, [draft, conversation.id, conversation.title, onRename]);
-  const cancel = useCallback18(() => {
+  const cancel = useCallback19(() => {
     setDraft(conversation.title);
     setIsEditing(false);
   }, [conversation.title]);
@@ -6082,7 +6261,7 @@ function HistoryPanel({
   onNewChat,
   onRenameConversation
 }) {
-  const [projectFilter, setProjectFilter] = useState18(null);
+  const [projectFilter, setProjectFilter] = useState20(null);
   const projects = useMemo3(() => {
     const set = /* @__PURE__ */ new Set();
     for (const c of conversations) {
@@ -6092,7 +6271,7 @@ function HistoryPanel({
     }
     return Array.from(set).sort((a, b) => a.localeCompare(b));
   }, [conversations]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (projectFilter && !projects.includes(projectFilter)) {
       setProjectFilter(null);
     }
@@ -6148,7 +6327,7 @@ function HistoryPanel({
 }
 
 // src/components/chat/TodosList.tsx
-import React73, { useCallback as useCallback19, useMemo as useMemo4, useState as useState19 } from "react";
+import React73, { useCallback as useCallback20, useMemo as useMemo4, useState as useState21 } from "react";
 import { Loader2 as Loader22, Square as Square2 } from "lucide-react";
 var TASK_STATUSES = {
   PENDING: "pending",
@@ -6227,8 +6406,8 @@ function hasInProgressTask(tasks) {
 var TodosList = React73.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
     const sortedTasks = useMemo4(() => sortTasks(tasks), [tasks]);
-    const [isStopping, setIsStopping] = useState19(false);
-    const handleStopClick = useCallback19(async () => {
+    const [isStopping, setIsStopping] = useState21(false);
+    const handleStopClick = useCallback20(async () => {
       if (!onStopAllTasks || isStopping) {
         return;
       }
@@ -6353,7 +6532,7 @@ var ToolSidebar = React74.forwardRef(
 ToolSidebar.displayName = "ToolSidebar";
 
 // src/components/chat/ToolPanelContainer.tsx
-import React75, { useCallback as useCallback20, useEffect as useEffect14, useRef as useRef13, useState as useState20 } from "react";
+import React75, { useCallback as useCallback21, useEffect as useEffect15, useRef as useRef14, useState as useState22 } from "react";
 var ToolPanelContainer = React75.forwardRef(
   ({
     topContent,
@@ -6365,21 +6544,21 @@ var ToolPanelContainer = React75.forwardRef(
     initialTopPercent = 60,
     ...rest
   }, ref) => {
-    const [topPercent, setTopPercent] = useState20(initialTopPercent);
-    const [isResizingHeight, setIsResizingHeight] = useState20(false);
-    const containerRef = useRef13(null);
-    const lastY = useRef13(null);
+    const [topPercent, setTopPercent] = useState22(initialTopPercent);
+    const [isResizingHeight, setIsResizingHeight] = useState22(false);
+    const containerRef = useRef14(null);
+    const lastY = useRef14(null);
     const hasBoth = topContent !== null && bottomContent !== null;
-    const startHeightResize = useCallback20((e) => {
+    const startHeightResize = useCallback21((e) => {
       e.preventDefault();
       setIsResizingHeight(true);
       lastY.current = e.clientY;
     }, []);
-    const stopHeightResize = useCallback20(() => {
+    const stopHeightResize = useCallback21(() => {
       setIsResizingHeight(false);
       lastY.current = null;
     }, []);
-    const resizeHeight = useCallback20(
+    const resizeHeight = useCallback21(
       (e) => {
         if (!isResizingHeight || lastY.current === null || !containerRef.current) {
           return;
@@ -6398,7 +6577,7 @@ var ToolPanelContainer = React75.forwardRef(
       },
       [isResizingHeight]
     );
-    useEffect14(() => {
+    useEffect15(() => {
       if (isResizingHeight) {
         window.addEventListener("mousemove", resizeHeight);
         window.addEventListener("mouseup", stopHeightResize);
@@ -6473,65 +6652,6 @@ var ToolPanelContainer = React75.forwardRef(
 );
 ToolPanelContainer.displayName = "ToolPanelContainer";
 
-// src/components/chat/hooks/useResizable.ts
-import { useCallback as useCallback21, useEffect as useEffect15, useRef as useRef14, useState as useState21 } from "react";
-function useResizable({
-  initialWidthPercent,
-  minWidthPercent,
-  maxWidthPercent,
-  direction
-}) {
-  const [widthPercent, setWidthPercent] = useState21(initialWidthPercent);
-  const [isResizing, setIsResizing] = useState21(false);
-  const lastX = useRef14(null);
-  const startResizing = useCallback21((e) => {
-    e.preventDefault();
-    setIsResizing(true);
-    lastX.current = e.clientX;
-  }, []);
-  const stopResizing = useCallback21(() => {
-    setIsResizing(false);
-    lastX.current = null;
-  }, []);
-  const resize = useCallback21(
-    (e) => {
-      if (!isResizing || lastX.current === null) {
-        return;
-      }
-      const deltaX = e.clientX - lastX.current;
-      const factor = direction === "right" ? 1 : -1;
-      const deltaPercent = deltaX / window.innerWidth * 100;
-      setWidthPercent((prevPercent) => {
-        const newPercent = prevPercent + deltaPercent * factor;
-        return Math.min(Math.max(newPercent, minWidthPercent), maxWidthPercent);
-      });
-      lastX.current = e.clientX;
-    },
-    [isResizing, direction, minWidthPercent, maxWidthPercent]
-  );
-  useEffect15(() => {
-    if (isResizing) {
-      window.addEventListener("mousemove", resize);
-      window.addEventListener("mouseup", stopResizing);
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    } else {
-      window.removeEventListener("mousemove", resize);
-      window.removeEventListener("mouseup", stopResizing);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    }
-    return () => {
-      window.removeEventListener("mousemove", resize);
-      window.removeEventListener("mouseup", stopResizing);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-  }, [isResizing, resize, stopResizing]);
-  const width = `${widthPercent}vw`;
-  return { width, widthPercent, isResizing, startResizing };
-}
-
 // src/components/chat/tree.ts
 function createEmptyTree() {
   return { nodes: {}, rootIds: [], activeLeafId: null, lastLeafId: null };
@@ -6692,6 +6812,7 @@ var ChatInterface = React76.forwardRef(
     onRenameConversation,
     isStreaming = false,
     isThinking = false,
+    thinkingLabel,
     placeholder = "Send a message...",
     emptyStateHelper = "Let's talk.",
     emptyState,
@@ -6700,6 +6821,7 @@ var ChatInterface = React76.forwardRef(
     attachments: propsAttachments,
     onAttachmentsChange,
     onAttachmentRemove,
+    onAttachmentOpen,
     artifactNodes,
     isArtifactsPanelOpen,
     onArtifactsPanelOpenChange,
@@ -6716,7 +6838,15 @@ var ChatInterface = React76.forwardRef(
   }, ref) => {
     const prevArtifactNodesRef = useRef15([]);
     const prevTasksRef = useRef15([]);
-    const [internalTools, setInternalTools] = useState22({
+    const [panelOpenArtifactId, setPanelOpenArtifactId] = useState23(null);
+    const handleAttachmentOpen = useCallback22((artifactId) => {
+      setPanelOpenArtifactId(artifactId);
+      onAttachmentOpen?.(artifactId);
+    }, [onAttachmentOpen]);
+    const handleArtifactPanelClosed = useCallback22(() => {
+      setPanelOpenArtifactId(null);
+    }, []);
+    const [internalTools, setInternalTools] = useState23({
       "top-left": "history",
       "bottom-left": null,
       "top-right": null,
@@ -6903,7 +7033,15 @@ var ChatInterface = React76.forwardRef(
           isStreaming: node.isStreaming,
           muted: opts.muted,
           branchInfo,
-          actions
+          actions,
+          attachments: node.attachments ? node.attachments.map((a) => ({
+            id: a.id,
+            file: { name: a.name, size: a.size ?? 0, type: a.type },
+            previewUrl: a.previewUrl,
+            artifactId: a.artifactId,
+            status: a.status ?? "analyzed"
+          })) : void 0,
+          onAttachmentOpen: handleAttachmentOpen
         };
       },
       [
@@ -6913,7 +7051,8 @@ var ChatInterface = React76.forwardRef(
         onEditMessage,
         onRetryMessage,
         handleBranchSwitch,
-        handleJumpToCheckpoint
+        handleJumpToCheckpoint,
+        handleAttachmentOpen
       ]
     );
     const displayItems = useMemo5(() => {
@@ -6982,6 +7121,8 @@ var ChatInterface = React76.forwardRef(
             ArtifactsPanel,
             {
               nodes: artifactNodes,
+              openArtifactId: panelOpenArtifactId,
+              onArtifactClosed: handleArtifactPanelClosed,
               className: "h-full"
             }
           );
@@ -7044,6 +7185,7 @@ var ChatInterface = React76.forwardRef(
           latestUserMessageIndex,
           isStreaming,
           isThinking,
+          thinkingLabel,
           className: "flex-1"
         }
       )), /* @__PURE__ */ React76.createElement("div", { className: cx(
@@ -7098,7 +7240,7 @@ var ChatInterface = React76.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-import React77, { useCallback as useCallback23, useState as useState23 } from "react";
+import React77, { useCallback as useCallback23, useState as useState24 } from "react";
 import { Check as Check4, Copy as Copy2, Pencil as Pencil3, RotateCcw as RotateCcw2, Send as Send3, X as X7 } from "lucide-react";
 var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React77.createElement(
   "button",
@@ -7128,8 +7270,8 @@ var MessageActions = React77.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = useState23(false);
-    const [localEditValue, setLocalEditValue] = useState23(content);
+    const [localIsEditing, setLocalIsEditing] = useState24(false);
+    const [localEditValue, setLocalEditValue] = useState24(content);
     const { copied, copy } = useCopyToClipboard();
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;