@athenaintel/react 0.12.0 → 0.12.1

package/dist/index.js

@@ -33,7 +33,7 @@ import { runsMaterialize, StatewireThread, useStatewireSendCommand, useStatewire
 import { useAuiState } from "@assistant-ui/store";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
-const version$1 = "0.12.0";
+const version$1 = "0.12.1";
 const packageJson = {
   version: version$1
 };
@@ -61963,6 +61963,27 @@ const getToolkitDisplayInfo = (id) => {
     icon: (info == null ? void 0 : info.icon) ?? "Package"
   };
 };
+function runActivityKey(parts) {
+  const last = parts[parts.length - 1];
+  if (last === void 0 || last === null || typeof last !== "object") return null;
+  const tail = last;
+  const type = typeof tail["type"] === "string" ? tail["type"] : "unknown";
+  if (type === "text" || type === "reasoning") return null;
+  const argsText = typeof tail["argsText"] === "string" ? tail["argsText"].length : 0;
+  const settled = tail["result"] === void 0 ? 0 : 1;
+  return `${parts.length}:${type}:${argsText}:${settled}`;
+}
+const RUN_ACTIVITY_STALL_SECONDS = 30;
+const RUN_ACTIVITY_COUNTER_SECONDS = 5;
+function runActivityLabel(seconds) {
+  if (seconds >= RUN_ACTIVITY_STALL_SECONDS) {
+    return `Still working — nothing new for ${seconds}s`;
+  }
+  if (seconds >= RUN_ACTIVITY_COUNTER_SECONDS) {
+    return `Working · ${seconds}s`;
+  }
+  return "Working";
+}
 function QuotePostMessageBridge() {
   useQuoteFromPostMessage();
   return null;
@@ -62338,6 +62359,34 @@ const AthenaMessageEmptyIndicator = ({
   if (hasParts || !isRunning) return null;
   return /* @__PURE__ */ jsx(EmptyComponent2, { status: { type: "running" } });
 };
+const AthenaMessageActivityIndicator = () => {
+  const isRunning = useAuiState$1((s) => {
+    var _a3;
+    return ((_a3 = s.message.status) == null ? void 0 : _a3.type) === "running";
+  });
+  const activityKey = useAuiState$1((s) => runActivityKey(s.message.parts));
+  const [seconds, setSeconds] = useState(0);
+  useEffect(() => {
+    setSeconds(0);
+    if (!isRunning || activityKey === null) return;
+    const startedAt = Date.now();
+    const timer = setInterval(() => {
+      setSeconds(Math.floor((Date.now() - startedAt) / 1e3));
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [isRunning, activityKey]);
+  if (!isRunning || activityKey === null) return null;
+  const stalled = seconds >= RUN_ACTIVITY_STALL_SECONDS;
+  return /* @__PURE__ */ jsxs("div", { className: "aui-run-activity mt-2 flex items-center gap-2 px-1 text-[12px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:0ms]" }),
+      /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:150ms]" }),
+      /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:300ms]" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: stalled ? "text-amber-600 dark:text-amber-400" : void 0, children: runActivityLabel(seconds) }),
+    /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", children: stalled ? "Assistant is still working; nothing new for over thirty seconds." : "Assistant is working." })
+  ] });
+};
 const AthenaReasoningPart = ({
   text: text2,
   status,
@@ -62458,7 +62507,8 @@ const AthenaAssistantMessage = ({
                 ReasoningComponent: effectiveReasoningComponent
               }
             ),
-            /* @__PURE__ */ jsx(SuperGroupingFinalText, { TextComponent })
+            /* @__PURE__ */ jsx(SuperGroupingFinalText, { TextComponent }),
+            /* @__PURE__ */ jsx(AthenaMessageActivityIndicator, {})
           ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsx(AthenaMessageEmptyIndicator, { EmptyComponent: EmptyComponent2 }),
             /* @__PURE__ */ jsx(MessagePrimitive.GroupedParts, { groupBy: noToolGrouping, children: ({ part }) => {
@@ -62483,7 +62533,8 @@ const AthenaAssistantMessage = ({
                 default:
                   return null;
               }
-            } })
+            } }),
+            /* @__PURE__ */ jsx(AthenaMessageActivityIndicator, {})
           ] }) }),
           /* @__PURE__ */ jsx(MessageError, {})
         ] }) }),