@lukeashford/aurelius 3.3.0 → 3.4.0

package/dist/index.d.mts

@@ -850,8 +850,12 @@ interface TodosListProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * Called when the "Stop All Tasks" button is clicked.
      * Only shown when at least one task is in_progress.
      * The consumer decides what stopping means (cancel API calls, mark cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" to give the user
+     * feedback that the stop request is in flight.
      */
-    onStopAllTasks?: () => void;
+    onStopAllTasks?: () => void | Promise<void>;
 }
 declare const TodosList: React$1.ForwardRefExoticComponent<TodosListProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
@@ -1396,8 +1400,12 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called when the "Stop All Tasks" button is clicked in the tasks panel.
      * Only shown when at least one task has in_progress status.
      * The consumer app decides what stopping means (cancel API calls, mark tasks cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" so the user knows
+     * the stop request is in flight.
      */
-    onStopAllTasks?: () => void;
+    onStopAllTasks?: () => void | Promise<void>;
     /**
      * 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

@@ -850,8 +850,12 @@ interface TodosListProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * Called when the "Stop All Tasks" button is clicked.
      * Only shown when at least one task is in_progress.
      * The consumer decides what stopping means (cancel API calls, mark cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" to give the user
+     * feedback that the stop request is in flight.
      */
-    onStopAllTasks?: () => void;
+    onStopAllTasks?: () => void | Promise<void>;
 }
 declare const TodosList: React$1.ForwardRefExoticComponent<TodosListProps & React$1.RefAttributes<HTMLDivElement>>;
 /**
@@ -1396,8 +1400,12 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      * Called when the "Stop All Tasks" button is clicked in the tasks panel.
      * Only shown when at least one task has in_progress status.
      * The consumer app decides what stopping means (cancel API calls, mark tasks cancelled, etc.).
+     *
+     * May return a Promise. While the Promise is pending, the button becomes
+     * disabled and displays a spinner with "Stopping tasks" so the user knows
+     * the stop request is in flight.
      */
-    onStopAllTasks?: () => void;
+    onStopAllTasks?: () => void | Promise<void>;
     /**
      * 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

@@ -6137,6 +6137,16 @@ function hasInProgressTask(tasks) {
 var TodosList = import_react73.default.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
     const sortedTasks = (0, import_react73.useMemo)(() => sortTasks(tasks), [tasks]);
+    const [isStopping, setIsStopping] = (0, import_react73.useState)(false);
+    const handleStopClick = (0, import_react73.useCallback)(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) {
@@ -6158,7 +6168,7 @@ var TodosList = import_react73.default.forwardRef(
       }
       return count;
     };
-    const showStopButton = !!onStopAllTasks && hasInProgressTask(tasks);
+    const showStopButton = !!onStopAllTasks && (hasInProgressTask(tasks) || isStopping);
     if (tasks.length === 0) {
       return null;
     }
@@ -6186,17 +6196,20 @@ var TodosList = import_react73.default.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__ */ import_react73.default.createElement(import_lucide_react14.Square, { className: "w-3 h-3 fill-current" }),
-        "Stop All Tasks"
+        isStopping ? /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Loader2, { className: "w-3 h-3 animate-spin" }), "Stopping tasks") : /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_lucide_react14.Square, { className: "w-3 h-3 fill-current" }), "Stop All Tasks")
       ))
     );
   }