@lukeashford/aurelius 3.4.0 → 3.5.0

package/dist/index.mjs

@@ -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",
         {
@@ -6121,8 +6141,17 @@ ToolSidebar.displayName = "ToolSidebar";
 // src/components/chat/ToolPanelContainer.tsx
 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] = useState18(60);
+  ({
+    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);
@@ -6324,6 +6353,8 @@ var ChatInterface = React73.forwardRef(
     tasks = [],
     tasksTitle,
     onStopAllTasks,
+    inputNotice,
+    onInputChange,
     tools: externalTools = [],
     className,
     ...rest
@@ -6353,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 {
@@ -6448,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")) {
@@ -6584,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;
@@ -6614,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(
@@ -6650,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",
@@ -6663,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(
@@ -6682,7 +6722,7 @@ ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
 import React74, { useCallback as useCallback20, useState as useState21 } from "react";
-import { Check as Check3, Copy, Pencil, RotateCcw, Send as Send2, X as X5 } from "lucide-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",
   {
@@ -6803,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,
             {