@lukeashford/aurelius 3.6.0 → 3.8.0

package/dist/index.d.mts

@@ -682,15 +682,15 @@ interface MessageActionsConfig {
      */
     showCopy?: boolean;
 }
-interface MessageProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface MessageProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'content'> {
     /**
      * Whether the message is from the user or the assistant
      */
     variant?: MessageVariant;
     /**
-     * The message content (supports Markdown)
+     * The message content (supports Markdown if string)
      */
-    content: string;
+    content: string | React$1.ReactNode;
     /**
      * Whether the message is currently being streamed (shows cursor)
      */
@@ -823,6 +823,10 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'o
      * Called whenever the input value changes, giving the consumer access to the current text
      */
     onInputChange?: (value: string) => void;
+    /**
+     * Initial value for the input, used for state restoration (e.g. from DB or localStorage)
+     */
+    initialInputValue?: string;
     /**
      * Whether to automatically focus the input when it becomes enabled
      */
@@ -1469,6 +1473,10 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called whenever the chat input value changes, giving the consumer access to the current text.
      */
     onInputChange?: (value: string) => void;
+    /**
+     * Initial value for the input, used for state restoration (e.g. from DB or localStorage)
+     */
+    initialInputValue?: string;
     /**
      * Additional tools to add to the tool sidebars. Each ExternalToolDefinition provides
      * an id, icon, label, group ('top-left' | 'bottom-left' | 'top-right' | 'bottom-right'),

package/dist/index.d.ts

@@ -682,15 +682,15 @@ interface MessageActionsConfig {
      */
     showCopy?: boolean;
 }
-interface MessageProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface MessageProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'content'> {
     /**
      * Whether the message is from the user or the assistant
      */
     variant?: MessageVariant;
     /**
-     * The message content (supports Markdown)
+     * The message content (supports Markdown if string)
      */
-    content: string;
+    content: string | React$1.ReactNode;
     /**
      * Whether the message is currently being streamed (shows cursor)
      */
@@ -823,6 +823,10 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'o
      * Called whenever the input value changes, giving the consumer access to the current text
      */
     onInputChange?: (value: string) => void;
+    /**
+     * Initial value for the input, used for state restoration (e.g. from DB or localStorage)
+     */
+    initialInputValue?: string;
     /**
      * Whether to automatically focus the input when it becomes enabled
      */
@@ -1469,6 +1473,10 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called whenever the chat input value changes, giving the consumer access to the current text.
      */
     onInputChange?: (value: string) => void;
+    /**
+     * Initial value for the input, used for state restoration (e.g. from DB or localStorage)
+     */
+    initialInputValue?: string;
     /**
      * Additional tools to add to the tool sidebars. Each ExternalToolDefinition provides
      * an id, icon, label, group ('top-left' | 'bottom-left' | 'top-right' | 'bottom-right'),

package/dist/index.js

@@ -4126,7 +4126,7 @@ var Message = import_react55.default.forwardRef(
     const isUser = variant === "user";
     const [copied, setCopied] = (0, import_react55.useState)(false);
     const [isEditing, setIsEditing] = (0, import_react55.useState)(false);
-    const [editValue, setEditValue] = (0, import_react55.useState)(content);
+    const [editValue, setEditValue] = (0, import_react55.useState)(typeof content === "string" ? content : "");
     const textareaRef = (0, import_react55.useRef)(null);
     const showBranchNav = branchInfo && branchInfo.total > 1;
     const showActions = actions && !hideActions && !isStreaming;
@@ -4140,6 +4140,9 @@ var Message = import_react55.default.forwardRef(
       }
     }, [isEditing]);
     const handleCopy = async () => {
+      if (typeof content !== "string") {
+        return;
+      }
       try {
         await navigator.clipboard.writeText(content);
         setCopied(true);
@@ -4156,16 +4159,20 @@ var Message = import_react55.default.forwardRef(
       }
     };
     const handleStartEdit = () => {
-      setEditValue(content);
-      setIsEditing(true);
+      if (typeof content === "string") {
+        setEditValue(content);
+        setIsEditing(true);
+      }
     };
     const handleCancelEdit = () => {
       setIsEditing(false);
-      setEditValue(content);
+      if (typeof content === "string") {
+        setEditValue(content);
+      }
     };
     const handleSubmitEdit = () => {
       const trimmed = editValue.trim();
-      if (trimmed && trimmed !== content) {
+      if (typeof content === "string" && trimmed && trimmed !== content) {
         actions?.onEdit?.(trimmed);
       }
       setIsEditing(false);
@@ -4232,7 +4239,7 @@ var Message = import_react55.default.forwardRef(
             variantStyles2[variant]
           )
         },
-        /* @__PURE__ */ import_react55.default.createElement(
+        typeof content === "string" ? /* @__PURE__ */ import_react55.default.createElement(
           MarkdownContent,
           {
             content,
@@ -4240,7 +4247,7 @@ var Message = import_react55.default.forwardRef(
             isStreaming,
             cursorClassName: "ml-0.5"
           }
-        )
+        ) : content
       ),
       showActions && !isEditing && /* @__PURE__ */ import_react55.default.createElement("div", { className: cx(
         "flex items-center gap-0.5 mt-1",
@@ -4252,7 +4259,7 @@ var Message = import_react55.default.forwardRef(
           label: copied ? "Copied!" : "Copy message"
         },
         copied ? /* @__PURE__ */ import_react55.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react55.default.createElement(CopyIcon, null)
-      ), isUser && actions.onEdit && /* @__PURE__ */ import_react55.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react55.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react55.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react55.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react55.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react55.default.createElement(
+      ), isUser && actions.onEdit && typeof content === "string" && /* @__PURE__ */ import_react55.default.createElement(ActionButton, { onClick: handleStartEdit, label: "Edit message" }, /* @__PURE__ */ import_react55.default.createElement(PencilIcon, null)), !isUser && actions.onRetry && /* @__PURE__ */ import_react55.default.createElement(ActionButton, { onClick: actions.onRetry, label: "Regenerate response" }, /* @__PURE__ */ import_react55.default.createElement(RetryIcon, null)), showBranchNav && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-px h-4 bg-ash/40 mx-1" }), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center gap-0.5 text-silver/70" }, /* @__PURE__ */ import_react55.default.createElement(GitBranchIcon, null), /* @__PURE__ */ import_react55.default.createElement(
         "button",
         {
           type: "button",
@@ -4799,11 +4806,12 @@ var ChatInput = import_react61.default.forwardRef(
     acceptedFileTypes,
     notice,
     onInputChange,
+    initialInputValue = "",
     autoFocus = false,
     className,
     ...rest
   }, ref) => {
-    const [value, setValue] = (0, import_react61.useState)("");
+    const [value, setValue] = (0, import_react61.useState)(initialInputValue);
     const [localAttachments, setLocalAttachments] = (0, import_react61.useState)([]);
     const [isDragOver, setIsDragOver] = (0, import_react61.useState)(false);
     const textareaRef = (0, import_react61.useRef)(null);
@@ -6459,15 +6467,13 @@ function sortTasks(tasks) {
 function TaskItem({ task, depth = 0 }) {
   const isTerminal = task.status === "done" || task.status === "cancelled" || task.status === "failed";
   const isSubtle = task.status === "cancelled" || task.status === "failed";
-  const showSubtasks = (task.status === "in_progress" || task.status === "done") && task.subtasks && task.subtasks.length > 0;
+  const showSubtasks = task.subtasks && task.subtasks.length > 0;
   const sortedSubtasks = showSubtasks ? sortTasks(task.subtasks) : [];
   return /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react74.default.createElement(
     "div",
     {
-      className: cx(
-        "flex items-center gap-2 py-1",
-        depth > 0 && "pl-6"
-      )
+      className: "flex items-center gap-2 py-1",
+      style: { paddingLeft: `${depth * 1.5}rem` }
     },
     /* @__PURE__ */ import_react74.default.createElement(TaskIcon, { status: task.status }),
     /* @__PURE__ */ import_react74.default.createElement(
@@ -6489,8 +6495,12 @@ function TaskItem({ task, depth = 0 }) {
 }
 function hasInProgressTask(tasks) {
   return tasks.some((t) => {
-    if (t.status === "in_progress") return true;
-    if (t.subtasks && t.subtasks.length > 0) return hasInProgressTask(t.subtasks);
+    if (t.status === "in_progress") {
+      return true;
+    }
+    if (t.subtasks && t.subtasks.length > 0) {
+      return hasInProgressTask(t.subtasks);
+    }
     return false;
   });
 }
@@ -6499,7 +6509,9 @@ var TodosList = import_react74.default.forwardRef(
     const sortedTasks = (0, import_react74.useMemo)(() => sortTasks(tasks), [tasks]);
     const [isStopping, setIsStopping] = (0, import_react74.useState)(false);
     const handleStopClick = (0, import_react74.useCallback)(async () => {
-      if (!onStopAllTasks || isStopping) return;
+      if (!onStopAllTasks || isStopping) {
+        return;
+      }
       try {
         setIsStopping(true);
         await onStopAllTasks();
@@ -6508,25 +6520,10 @@ var TodosList = import_react74.default.forwardRef(
       }
     }, [onStopAllTasks, isStopping]);
     const countCompleted = (taskList) => {
-      let count = 0;
-      for (const task of taskList) {
-        if (task.status === "done") {
-          count++;
-        }
-        if (task.subtasks) {
-          count += countCompleted(task.subtasks);
-        }
-      }
-      return count;
+      return taskList.filter((task) => task.status === "done").length;
     };
     const countTotal = (taskList) => {
-      let count = taskList.length;
-      for (const task of taskList) {
-        if (task.subtasks) {
-          count += countTotal(task.subtasks);
-        }
-      }
-      return count;
+      return taskList.length;
     };
     const showStopButton = !!onStopAllTasks && (hasInProgressTask(tasks) || isStopping);
     if (tasks.length === 0) {
@@ -6578,8 +6575,12 @@ TodosList.displayName = "TodosList";
 function areAllTasksSettled(tasks) {
   return tasks.every((t) => {
     const settled = t.status === "done" || t.status === "cancelled" || t.status === "failed";
-    if (!settled) return false;
-    if (t.subtasks && t.subtasks.length > 0) return areAllTasksSettled(t.subtasks);
+    if (!settled) {
+      return false;
+    }
+    if (t.subtasks && t.subtasks.length > 0) {
+      return areAllTasksSettled(t.subtasks);
+    }
     return true;
   });
 }
@@ -6849,6 +6850,7 @@ var ChatInterface = import_react78.default.forwardRef(
     onStopAllTasks,
     inputNotice,
     onInputChange,
+    initialInputValue = "",
     tools: externalTools = [],
     autoFocus = true,
     className,
@@ -7144,6 +7146,7 @@ var ChatInterface = import_react78.default.forwardRef(
           onAttachmentsChange,
           notice: inputNotice,
           onInputChange,
+          initialInputValue,
           autoFocus
         }
       )), /* @__PURE__ */ import_react78.default.createElement("div", { className: cx(