@lukeashford/aurelius 3.3.0 → 3.5.0

package/dist/index.mjs

@@ -4157,7 +4157,7 @@ var StreamingCursor = React56.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React73, { useCallback as useCallback18, useEffect as useEffect15, useMemo as useMemo4, useRef as useRef13, useState as useState19 } from "react";
+import React73, { useCallback as useCallback19, useEffect as useEffect15, useMemo as useMemo4, useRef as useRef13, useState as useState20 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React58, { useEffect as useEffect9 } from "react";
@@ -4461,7 +4461,7 @@ ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
 import React59, { useCallback as useCallback13, useEffect as useEffect10, useRef as useRef8, useState as useState13 } from "react";
-import { Paperclip, Send, Square } from "lucide-react";
+import { Paperclip, Send, Square, X as X5 } from "lucide-react";
 
 // src/components/chat/types.ts
 function isImageFile(file) {
@@ -4643,6 +4643,8 @@ var ChatInput = React59.forwardRef(
     onAttachmentsChange,
     showAttachmentButton = true,
     acceptedFileTypes,
+    notice,
+    onInputChange,
     className,
     ...rest
   }, ref) => {
@@ -4689,10 +4691,11 @@ var ChatInput = React59.forwardRef(
     );
     const handleChange = useCallback13((e) => {
       setValue(e.target.value);
+      onInputChange?.(e.target.value);
       const textarea = e.target;
       textarea.style.height = "auto";
       textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
-    }, []);
+    }, [onInputChange]);
     useEffect10(() => {
       if (!disabled && !isStreaming && textareaRef.current) {
         textareaRef.current.focus();
@@ -4776,6 +4779,23 @@ var ChatInput = React59.forwardRef(
         ...rest
       },
       isCentered && helperText && /* @__PURE__ */ React59.createElement("p", { className: "text-silver text-sm mb-4 text-center" }, helperText),
+      notice && /* @__PURE__ */ React59.createElement("div", { className: cx(
+        "w-full flex items-start gap-2 px-3 py-2 mb-1 text-xs",
+        isCentered && "max-w-lg",
+        notice.variant === "warning" ? "bg-gold/5 border border-gold/20 text-gold/80" : "bg-error/10 border border-error/30 text-error"
+      ) }, /* @__PURE__ */ React59.createElement("span", { className: "flex-1" }, notice.content), (notice.dismissible ?? notice.variant === "warning") && notice.onDismiss && /* @__PURE__ */ React59.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: notice.onDismiss,
+          "aria-label": "Dismiss",
+          className: cx(
+            "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
+            notice.variant === "warning" ? "text-gold" : "text-error"
+          )
+        },
+        /* @__PURE__ */ React59.createElement(X5, { className: "w-3 h-3" })
+      )),
       /* @__PURE__ */ React59.createElement(
         "div",
         {
@@ -5907,8 +5927,8 @@ var ArtifactsPanelToggle = React69.forwardRef(({ artifactCount = 0, onExpand, cl
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/TodosList.tsx
-import React70, { useMemo as useMemo3 } from "react";
-import { Square as Square2 } from "lucide-react";
+import React70, { useCallback as useCallback16, useMemo as useMemo3, useState as useState17 } from "react";
+import { Loader2 as Loader22, Square as Square2 } from "lucide-react";
 var TASK_STATUSES = {
   PENDING: "pending",
   IN_PROGRESS: "in_progress",
@@ -5984,6 +6004,16 @@ function hasInProgressTask(tasks) {
 var TodosList = React70.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
     const sortedTasks = useMemo3(() => sortTasks(tasks), [tasks]);
+    const [isStopping, setIsStopping] = useState17(false);
+    const handleStopClick = useCallback16(async () => {
+      if (!onStopAllTasks || isStopping) return;
+      try {
+        setIsStopping(true);
+        await onStopAllTasks();
+      } finally {
+        setIsStopping(false);
+      }
+    }, [onStopAllTasks, isStopping]);
     const countCompleted = (taskList) => {
       let count = 0;
       for (const task of taskList) {
@@ -6005,7 +6035,7 @@ var TodosList = React70.forwardRef(
       }
       return count;
     };
-    const showStopButton = !!onStopAllTasks && hasInProgressTask(tasks);
+    const showStopButton = !!onStopAllTasks && (hasInProgressTask(tasks) || isStopping);
     if (tasks.length === 0) {
       return null;
     }
@@ -6033,17 +6063,20 @@ var TodosList = React70.forwardRef(
         "button",
         {
           type: "button",
-          onClick: onStopAllTasks,
+          onClick: handleStopClick,
+          disabled: isStopping,
+          "aria-busy": isStopping,
+          "aria-label": isStopping ? "Stopping tasks" : "Stop all tasks",
           className: cx(
             "w-full flex items-center justify-center gap-2 px-3 py-1.5",
-            "bg-error/10 hover:bg-error/20 text-error",
+            "bg-error/10 text-error",
             "border border-error/30",
             "text-xs font-medium",
-            "transition-colors duration-200"
+            "transition-colors duration-200",
+            isStopping ? "cursor-not-allowed opacity-70" : "hover:bg-error/20"
           )
         },
-        /* @__PURE__ */ React70.createElement(Square2, { className: "w-3 h-3 fill-current" }),
-        "Stop All Tasks"
+        isStopping ? /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement(Loader22, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement(Square2, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
       ))
     );
   }
@@ -6106,24 +6139,33 @@ var ToolSidebar = React71.forwardRef(
 ToolSidebar.displayName = "ToolSidebar";
 
 // src/components/chat/ToolPanelContainer.tsx
-import React72, { useCallback as useCallback16, useEffect as useEffect13, useRef as useRef11, useState as useState17 } from "react";
+import React72, { useCallback as useCallback17, useEffect as useEffect13, useRef as useRef11, useState as useState18 } from "react";
 var ToolPanelContainer = React72.forwardRef(
-  ({ topContent, bottomContent, width, onResizeStart, side = "right", className, ...rest }, ref) => {
-    const [topPercent, setTopPercent] = useState17(60);
-    const [isResizingHeight, setIsResizingHeight] = useState17(false);
+  ({
+    topContent,
+    bottomContent,
+    width,
+    onResizeStart,
+    side = "right",
+    className,
+    initialTopPercent = 60,
+    ...rest
+  }, ref) => {
+    const [topPercent, setTopPercent] = useState18(initialTopPercent);
+    const [isResizingHeight, setIsResizingHeight] = useState18(false);
     const containerRef = useRef11(null);
     const lastY = useRef11(null);
     const hasBoth = topContent !== null && bottomContent !== null;
-    const startHeightResize = useCallback16((e) => {
+    const startHeightResize = useCallback17((e) => {
       e.preventDefault();
       setIsResizingHeight(true);
       lastY.current = e.clientY;
     }, []);
-    const stopHeightResize = useCallback16(() => {
+    const stopHeightResize = useCallback17(() => {
       setIsResizingHeight(false);
       lastY.current = null;
     }, []);
-    const resizeHeight = useCallback16(
+    const resizeHeight = useCallback17(
       (e) => {
         if (!isResizingHeight || lastY.current === null || !containerRef.current) {
           return;
@@ -6225,26 +6267,26 @@ var ToolPanelContainer = React72.forwardRef(
 ToolPanelContainer.displayName = "ToolPanelContainer";
 
 // src/components/chat/hooks/useResizable.ts
-import { useCallback as useCallback17, useEffect as useEffect14, useRef as useRef12, useState as useState18 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect14, useRef as useRef12, useState as useState19 } from "react";
 function useResizable({
   initialWidthPercent,
   minWidthPercent,
   maxWidthPercent,
   direction
 }) {
-  const [widthPercent, setWidthPercent] = useState18(initialWidthPercent);
-  const [isResizing, setIsResizing] = useState18(false);
+  const [widthPercent, setWidthPercent] = useState19(initialWidthPercent);
+  const [isResizing, setIsResizing] = useState19(false);
   const lastX = useRef12(null);
-  const startResizing = useCallback17((e) => {
+  const startResizing = useCallback18((e) => {
     e.preventDefault();
     setIsResizing(true);
     lastX.current = e.clientX;
   }, []);
-  const stopResizing = useCallback17(() => {
+  const stopResizing = useCallback18(() => {
     setIsResizing(false);
     lastX.current = null;
   }, []);
-  const resize = useCallback17(
+  const resize = useCallback18(
     (e) => {
       if (!isResizing || lastX.current === null) {
         return;
@@ -6311,13 +6353,15 @@ var ChatInterface = React73.forwardRef(
     tasks = [],
     tasksTitle,
     onStopAllTasks,
+    inputNotice,
+    onInputChange,
     tools: externalTools = [],
     className,
     ...rest
   }, ref) => {
     const prevArtifactNodesRef = useRef13([]);
     const prevTasksRef = useRef13([]);
-    const [internalTools, setInternalTools] = useState19({
+    const [internalTools, setInternalTools] = useState20({
       "top-left": "history",
       "bottom-left": null,
       "top-right": null,
@@ -6340,9 +6384,9 @@ var ChatInterface = React73.forwardRef(
       width: rightToolsWidth,
       startResizing: startResizingRightTools
     } = useResizable({
-      initialWidthPercent: 50,
-      minWidthPercent: 25,
-      maxWidthPercent: 70,
+      initialWidthPercent: 40,
+      minWidthPercent: 30,
+      maxWidthPercent: 80,
       direction: "left"
     });
     const {
@@ -6369,7 +6413,7 @@ var ChatInterface = React73.forwardRef(
       const external = externalTools.map(({ content: _content, ...def }) => def);
       return [...builtIn, ...external];
     }, [allSettled, externalTools]);
-    const toggleTool = useCallback18((toolId) => {
+    const toggleTool = useCallback19((toolId) => {
       const toolDef = allToolDefinitions.find((t) => t.id === toolId);
       if (!toolDef) {
         return;
@@ -6435,10 +6479,7 @@ var ChatInterface = React73.forwardRef(
           if (c.status !== p.status || c.label !== p.label) {
             return true;
           }
-          if (c.subtasks && hasNewOrUpdatedTask(c.subtasks, p?.subtasks || [])) {
-            return true;
-          }
-          return false;
+          return !!(c.subtasks && hasNewOrUpdatedTask(c.subtasks, p?.subtasks || []));
         });
       };
       if (hasNewOrUpdatedTask(tasks, prevTasksRef.current) && !dismissedToolsRef.current.has("todos")) {
@@ -6447,7 +6488,7 @@ var ChatInterface = React73.forwardRef(
       prevArtifactNodesRef.current = nodes;
       prevTasksRef.current = tasks;
     }, [artifactNodes, tasks, isPanelControlled]);
-    const handleBranchSwitch = useCallback18(
+    const handleBranchSwitch = useCallback19(
       (nodeId, direction) => {
         if (!isTreeMode || !conversationTree || !onTreeChange) {
           return;
@@ -6487,7 +6528,7 @@ var ChatInterface = React73.forwardRef(
       onRetryMessage,
       handleBranchSwitch
     ]);
-    const handleSubmit = useCallback18(
+    const handleSubmit = useCallback19(
       (message, attachments) => {
         onMessageSubmit?.(message, attachments);
       },
@@ -6571,7 +6612,15 @@ var ChatInterface = React73.forwardRef(
             }
           );
         case "todos":
-          return tasks.length > 0 ? /* @__PURE__ */ React73.createElement(TodosList, { tasks, title: tasksTitle, onStopAllTasks, className: "h-full" }) : /* @__PURE__ */ React73.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React73.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ React73.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ React73.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React73.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
+          return tasks.length > 0 ? /* @__PURE__ */ React73.createElement(
+            TodosList,
+            {
+              tasks,
+              title: tasksTitle,
+              onStopAllTasks,
+              className: "h-full"
+            }
+          ) : /* @__PURE__ */ React73.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ React73.createElement("div", { className: "flex items-center p-4 border-b border-ash/40 shrink-0" }, /* @__PURE__ */ React73.createElement("h3", { className: "text-xs font-medium text-white" }, "Tasks")), /* @__PURE__ */ React73.createElement("div", { className: "flex-1 flex items-center justify-center" }, /* @__PURE__ */ React73.createElement("p", { className: "text-xs text-silver/60" }, "No tasks")));
         default: {
           const externalTool = externalTools.find((t) => t.id === toolId);
           return externalTool?.content ?? null;
@@ -6601,7 +6650,8 @@ var ChatInterface = React73.forwardRef(
           bottomContent: renderToolContent(activeTools["bottom-left"]),
           width: leftToolsWidth,
           onResizeStart: startResizingLeftTools,
-          side: "left"
+          side: "left",
+          initialTopPercent: 30
         }
       ),
       /* @__PURE__ */ React73.createElement("div", { className: "flex-1 flex flex-col min-w-0 relative" }, /* @__PURE__ */ React73.createElement("div", { className: cx(
@@ -6637,7 +6687,9 @@ var ChatInterface = React73.forwardRef(
           onStop,
           showAttachmentButton,
           attachments: propsAttachments,
-          onAttachmentsChange
+          onAttachmentsChange,
+          notice: inputNotice,
+          onInputChange
         }
       )), /* @__PURE__ */ React73.createElement("div", { className: cx(
         "transition-all duration-500 ease-in-out",
@@ -6650,7 +6702,8 @@ var ChatInterface = React73.forwardRef(
           bottomContent: renderToolContent(activeTools["bottom-right"]),
           width: rightToolsWidth,
           onResizeStart: startResizingRightTools,
-          side: "right"
+          side: "right",
+          initialTopPercent: 70
         }
       ),
       hasRightTools && /* @__PURE__ */ React73.createElement(
@@ -6668,8 +6721,8 @@ var ChatInterface = React73.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-import React74, { useCallback as useCallback19, useState as useState20 } from "react";
-import { Check as Check3, Copy, Pencil, RotateCcw, Send as Send2, X as X5 } from "lucide-react";
+import React74, { useCallback as useCallback20, useState as useState21 } from "react";
+import { Check as Check3, Copy, Pencil, RotateCcw, Send as Send2, X as X6 } from "lucide-react";
 var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React74.createElement(
   "button",
   {
@@ -6698,12 +6751,12 @@ var MessageActions = React74.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = useState20(false);
-    const [localEditValue, setLocalEditValue] = useState20(content);
-    const [copied, setCopied] = useState20(false);
+    const [localIsEditing, setLocalIsEditing] = useState21(false);
+    const [localEditValue, setLocalEditValue] = useState21(content);
+    const [copied, setCopied] = useState21(false);
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;
-    const setIsEditing = useCallback19(
+    const setIsEditing = useCallback20(
       (value) => {
         if (onEditingChange) {
           onEditingChange(value);
@@ -6713,10 +6766,10 @@ var MessageActions = React74.forwardRef(
       },
       [onEditingChange]
     );
-    const setEditValue = useCallback19((value) => {
+    const setEditValue = useCallback20((value) => {
       setLocalEditValue(value);
     }, []);
-    const handleCopy = useCallback19(async () => {
+    const handleCopy = useCallback20(async () => {
       try {
         await navigator.clipboard.writeText(content);
         setCopied(true);
@@ -6732,22 +6785,22 @@ var MessageActions = React74.forwardRef(
         setTimeout(() => setCopied(false), 2e3);
       }
     }, [content]);
-    const handleStartEdit = useCallback19(() => {
+    const handleStartEdit = useCallback20(() => {
       setLocalEditValue(content);
       setIsEditing(true);
     }, [content, setIsEditing]);
-    const handleCancelEdit = useCallback19(() => {
+    const handleCancelEdit = useCallback20(() => {
       setIsEditing(false);
       setLocalEditValue(content);
     }, [content, setIsEditing]);
-    const handleSubmitEdit = useCallback19(() => {
+    const handleSubmitEdit = useCallback20(() => {
       const trimmed = editValue.trim();
       if (trimmed && trimmed !== content) {
         onEdit?.(trimmed);
       }
       setIsEditing(false);
     }, [editValue, content, onEdit, setIsEditing]);
-    const handleEditKeyDown = useCallback19(
+    const handleEditKeyDown = useCallback20(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -6790,7 +6843,7 @@ var MessageActions = React74.forwardRef(
               label: "Cancel edit",
               className: "text-silver/60 hover:text-error"
             },
-            /* @__PURE__ */ React74.createElement(X5, { className: "w-4 h-4" })
+            /* @__PURE__ */ React74.createElement(X6, { className: "w-4 h-4" })
           ), /* @__PURE__ */ React74.createElement(
             ActionButton2,
             {