@athenaintel/react 0.41.2 → 0.42.1

package/dist/chat/chat-outbox-rows.cjs

@@ -0,0 +1,223 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const react = require("react");
+const cnfast = require("cnfast");
+function asQueueEntry(entry) {
+  return {
+    id: entry.id,
+    role: "user",
+    parts: [{ type: "text", text: entry.text }],
+    ...entry.metadata !== void 0 && { metadata: entry.metadata }
+  };
+}
+function useSecondsLeft(endsAt) {
+  const [now, setNow] = react.useState(() => Date.now());
+  react.useEffect(() => {
+    if (endsAt === null) return void 0;
+    setNow(Date.now());
+    const timer = setInterval(() => setNow(Date.now()), 250);
+    return () => clearInterval(timer);
+  }, [endsAt]);
+  if (endsAt === null) return null;
+  return Math.max(1, Math.ceil((endsAt - now) / 1e3));
+}
+const STATUS_COPY = {
+  waiting: "Not sent yet — sends when Athena is back",
+  ask: "Not sent for more than a day — send it now?",
+  sending: "Sending…"
+};
+const pillButton = "inline-flex items-center gap-1 rounded-full border px-2 py-1 font-medium text-[10px] transition-colors";
+const RowActions = ({ outbox, row }) => {
+  const { entry, state } = row;
+  switch (state.kind) {
+    case "waiting":
+    case "countdown":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Cancel sending and edit",
+          title: "Don't send this — put it back in the composer",
+          onClick: () => outbox.cancel(entry.id),
+          className: cnfast.cn(pillButton, "border-border text-foreground/80 hover:bg-background hover:text-foreground"),
+          children: "Cancel"
+        }
+      );
+    case "ask":
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Send now",
+            onClick: () => outbox.send(entry.id),
+            className: cnfast.cn(pillButton, "border-primary/30 text-primary hover:bg-primary/5"),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, { className: "size-2.5" }),
+              "Send"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Edit message",
+            title: "Put it back in the composer",
+            onClick: () => outbox.cancel(entry.id),
+            className: cnfast.cn(pillButton, "border-border text-foreground/80 hover:bg-background hover:text-foreground"),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Discard message",
+            onClick: () => outbox.discard(entry.id),
+            className: "rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "size-3" })
+          }
+        )
+      ] });
+    case "failed":
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Retry sending",
+            onClick: () => outbox.send(entry.id),
+            className: cnfast.cn(pillButton, "border-primary/30 text-primary hover:bg-primary/5"),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcwIcon, { className: "size-2.5" }),
+              "Retry"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Edit message",
+            title: "Put it back in the composer",
+            onClick: () => outbox.cancel(entry.id),
+            className: cnfast.cn(pillButton, "border-border text-foreground/80 hover:bg-background hover:text-foreground"),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Discard message",
+            onClick: () => outbox.discard(entry.id),
+            className: "rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "size-3" })
+          }
+        )
+      ] });
+    case "sending":
+      return null;
+  }
+};
+const RowIcon = ({ row }) => {
+  switch (row.state.kind) {
+    case "sending":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground/60" });
+    case "failed":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0 text-destructive" });
+    case "countdown":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, { className: "mt-0.5 size-3.5 shrink-0 text-primary" });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" });
+  }
+};
+function announcementOf(snapshot) {
+  const kinds = new Set(snapshot.rows.map((row) => row.state.kind));
+  if (kinds.has("countdown")) return "Athena is back. Your unsent messages will be sent in a few seconds unless you cancel.";
+  if (kinds.has("failed")) return "A message couldn't be sent. Retry, edit or discard it.";
+  if (kinds.has("ask")) return "A message waited more than a day. Send, edit or discard it.";
+  if (kinds.has("sending")) return "Sending your unsent messages.";
+  return "Not sent yet. Your messages will be sent when Athena is back.";
+}
+const ElsewhereRows = ({
+  outbox,
+  elsewhere
+}) => {
+  const { openThread } = outbox;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "athena-chat-outbox-elsewhere", className: "px-1 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Not sent yet in other chats" }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Unsent messages in other chats", className: "max-h-24 overflow-y-auto", children: elsewhere.map((thread) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 py-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareIcon, { className: "size-3 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-foreground/80 text-xs", children: thread.first.text }),
+      thread.count > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
+        thread.count,
+        " messages"
+      ] }) : null,
+      openThread ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Open that chat",
+          onClick: () => openThread({ threadId: thread.threadId, newChat: thread.newChat }),
+          className: cnfast.cn(
+            pillButton,
+            "shrink-0 border-border text-foreground/80 hover:bg-background hover:text-foreground"
+          ),
+          children: "Open"
+        }
+      ) : null
+    ] }, thread.threadId)) })
+  ] });
+};
+const ChatOutboxRows = ({ outbox, snapshot, renderContent }) => {
+  const secondsLeft = useSecondsLeft(snapshot.countdownEndsAt);
+  if (snapshot.rows.length === 0 && snapshot.elsewhere.length === 0) return null;
+  const statusOf = (row) => {
+    switch (row.state.kind) {
+      case "countdown":
+        return `Athena is back — sending in ${secondsLeft ?? 1} s`;
+      case "failed":
+        return `Couldn't send. ${row.state.message}`;
+      default:
+        return STATUS_COPY[row.state.kind];
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "athena-chat-outbox", className: "mb-1", children: [
+    snapshot.rows.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { "aria-live": "polite", className: "sr-only", children: announcementOf(snapshot) }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Messages not sent yet", className: "max-h-40 overflow-y-auto", children: snapshot.rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "li",
+        {
+          "data-state": row.state.kind,
+          className: "group flex items-start gap-2 rounded-md px-1 py-1.5 hover:bg-background",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(RowIcon, { row }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              renderContent({ text: row.entry.text, index, item: asQueueEntry(row.entry) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cnfast.cn(
+                    "mt-0.5 text-[10px]",
+                    row.state.kind === "failed" ? "text-destructive" : "text-muted-foreground"
+                  ),
+                  children: statusOf(row)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", "data-testid": "chat-outbox-row-actions", children: /* @__PURE__ */ jsxRuntime.jsx(RowActions, { outbox, row }) })
+          ]
+        },
+        row.entry.id
+      )) })
+    ] }) : null,
+    snapshot.durable ? null : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-[10px] text-muted-foreground", children: "This device can't keep unsent messages — they're lost if you close this page." }),
+    snapshot.elsewhere.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ElsewhereRows, { outbox, elsewhere: snapshot.elsewhere }) : null
+  ] });
+};
+exports.ChatOutboxRows = ChatOutboxRows;
+//# sourceMappingURL=chat-outbox-rows.cjs.map

package/dist/chat/chat-outbox-rows.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-outbox-rows.cjs","sources":["../../src/chat/chat-outbox-rows.tsx"],"sourcesContent":["import type { StatewireThread } from '@assistant-ui/react-statewire';\nimport type {\n  ChatOutbox,\n  ChatOutboxElsewhere,\n  ChatOutboxEntry,\n  ChatOutboxRow,\n  ChatOutboxSnapshot,\n} from '@athenaintel/agent-runtime';\nimport {\n  AlertCircleIcon,\n  ClockIcon,\n  Loader2Icon,\n  MessageSquareIcon,\n  RotateCcwIcon,\n  SendIcon,\n  Trash2Icon,\n} from 'lucide-react';\nimport { type FC, type ReactNode, useEffect, useState } from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * The messages typed while Athena couldn't be reached, at the top of the queue tray\n * (`@athenaintel/agent-runtime`'s chat outbox): always shown, each marked as not sent, with what\n * happens next and what the person can do about it.\n *\n * - **Not sent yet — sends when Athena is back**, with Cancel (the text goes back to the composer).\n * - **Sending in N s** once Athena is back and the app is in front, with Cancel.\n * - **Waited more than a day**: Send, Edit (back to the composer) or Discard.\n * - **Sending…** while it is handed to the conversation (its attachments asked about first).\n * - **Couldn't send** (an attachment Athena refused, or the hand-off failed): Retry, Edit (back to\n *   the composer, attachments and quote included) or Discard; never retried on its own.\n *\n * Below them, the person's other conversations with messages waiting (a chat that never started\n * has no other way back), each with Open where the host can switch conversations.\n */\n\nexport interface ChatOutboxRowsProps {\n  outbox: ChatOutbox;\n  snapshot: ChatOutboxSnapshot;\n  /** The row body (the tray's own renderer, e.g. mention chips); defaults to the plain text. */\n  renderContent: (context: { text: string; index: number; item: StatewireThread.RunsQueueEntry }) => ReactNode;\n}\n\n/** The waiting message in the shape the tray's row renderers read. */\nfunction asQueueEntry(entry: ChatOutboxEntry): StatewireThread.RunsQueueEntry {\n  return {\n    id: entry.id,\n    role: 'user',\n    parts: [{ type: 'text', text: entry.text }],\n    ...(entry.metadata !== undefined && { metadata: entry.metadata }),\n  };\n}\n\n/** Whole seconds left on the countdown, re-rendered while it runs (never shows 0 before it fires). */\nfunction useSecondsLeft(endsAt: number | null): number | null {\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    if (endsAt === null) return undefined;\n    setNow(Date.now());\n    const timer = setInterval(() => setNow(Date.now()), 250);\n    return () => clearInterval(timer);\n  }, [endsAt]);\n  if (endsAt === null) return null;\n  return Math.max(1, Math.ceil((endsAt - now) / 1000));\n}\n\nconst STATUS_COPY = {\n  waiting: 'Not sent yet — sends when Athena is back',\n  ask: 'Not sent for more than a day — send it now?',\n  sending: 'Sending…',\n} as const;\n\nconst pillButton =\n  'inline-flex items-center gap-1 rounded-full border px-2 py-1 font-medium text-[10px] transition-colors';\n\nconst RowActions: FC<{ outbox: ChatOutbox; row: ChatOutboxRow }> = ({ outbox, row }) => {\n  const { entry, state } = row;\n  switch (state.kind) {\n    case 'waiting':\n    case 'countdown':\n      return (\n        <button\n          type=\"button\"\n          aria-label=\"Cancel sending and edit\"\n          title=\"Don't send this — put it back in the composer\"\n          onClick={() => outbox.cancel(entry.id)}\n          className={cn(pillButton, 'border-border text-foreground/80 hover:bg-background hover:text-foreground')}\n        >\n          Cancel\n        </button>\n      );\n    case 'ask':\n      return (\n        <>\n          <button\n            type=\"button\"\n            aria-label=\"Send now\"\n            onClick={() => outbox.send(entry.id)}\n            className={cn(pillButton, 'border-primary/30 text-primary hover:bg-primary/5')}\n          >\n            <SendIcon className=\"size-2.5\" />\n            Send\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Edit message\"\n            title=\"Put it back in the composer\"\n            onClick={() => outbox.cancel(entry.id)}\n            className={cn(pillButton, 'border-border text-foreground/80 hover:bg-background hover:text-foreground')}\n          >\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Discard message\"\n            onClick={() => outbox.discard(entry.id)}\n            className=\"rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive\"\n          >\n            <Trash2Icon className=\"size-3\" />\n          </button>\n        </>\n      );\n    case 'failed':\n      return (\n        <>\n          <button\n            type=\"button\"\n            aria-label=\"Retry sending\"\n            onClick={() => outbox.send(entry.id)}\n            className={cn(pillButton, 'border-primary/30 text-primary hover:bg-primary/5')}\n          >\n            <RotateCcwIcon className=\"size-2.5\" />\n            Retry\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Edit message\"\n            title=\"Put it back in the composer\"\n            onClick={() => outbox.cancel(entry.id)}\n            className={cn(pillButton, 'border-border text-foreground/80 hover:bg-background hover:text-foreground')}\n          >\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Discard message\"\n            onClick={() => outbox.discard(entry.id)}\n            className=\"rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive\"\n          >\n            <Trash2Icon className=\"size-3\" />\n          </button>\n        </>\n      );\n    case 'sending':\n      return null;\n  }\n};\n\nconst RowIcon: FC<{ row: ChatOutboxRow }> = ({ row }) => {\n  switch (row.state.kind) {\n    case 'sending':\n      return <Loader2Icon className=\"mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground/60\" />;\n    case 'failed':\n      return <AlertCircleIcon className=\"mt-0.5 size-3.5 shrink-0 text-destructive\" />;\n    case 'countdown':\n      return <SendIcon className=\"mt-0.5 size-3.5 shrink-0 text-primary\" />;\n    default:\n      return <ClockIcon className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground\" />;\n  }\n};\n\n/** What a screen reader hears: the state of the outbox, never the ticking seconds. */\nfunction announcementOf(snapshot: ChatOutboxSnapshot): string {\n  const kinds = new Set(snapshot.rows.map((row) => row.state.kind));\n  if (kinds.has('countdown')) return 'Athena is back. Your unsent messages will be sent in a few seconds unless you cancel.';\n  if (kinds.has('failed')) return \"A message couldn't be sent. Retry, edit or discard it.\";\n  if (kinds.has('ask')) return 'A message waited more than a day. Send, edit or discard it.';\n  if (kinds.has('sending')) return 'Sending your unsent messages.';\n  return 'Not sent yet. Your messages will be sent when Athena is back.';\n}\n\n/**\n * Every other conversation with waiting messages, each with Open where the host can switch: a chat\n * that never started has no other way back, so none is left out (the list scrolls instead).\n */\nconst ElsewhereRows: FC<{ outbox: ChatOutbox; elsewhere: readonly ChatOutboxElsewhere[] }> = ({\n  outbox,\n  elsewhere,\n}) => {\n  const { openThread } = outbox;\n  return (\n    <div data-testid=\"athena-chat-outbox-elsewhere\" className=\"px-1 py-1\">\n      <p className=\"text-[10px] text-muted-foreground\">Not sent yet in other chats</p>\n      <ul aria-label=\"Unsent messages in other chats\" className=\"max-h-24 overflow-y-auto\">\n        {elsewhere.map((thread) => (\n          <li key={thread.threadId} className=\"flex items-center gap-2 py-0.5\">\n            <MessageSquareIcon className=\"size-3 shrink-0 text-muted-foreground\" />\n            <span className=\"min-w-0 flex-1 truncate text-foreground/80 text-xs\">{thread.first.text}</span>\n            {thread.count > 1 ? (\n              <span className=\"shrink-0 text-[10px] text-muted-foreground\">{thread.count} messages</span>\n            ) : null}\n            {openThread ? (\n              <button\n                type=\"button\"\n                aria-label=\"Open that chat\"\n                onClick={() => openThread({ threadId: thread.threadId, newChat: thread.newChat })}\n                className={cn(\n                  pillButton,\n                  'shrink-0 border-border text-foreground/80 hover:bg-background hover:text-foreground',\n                )}\n              >\n                Open\n              </button>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport const ChatOutboxRows: FC<ChatOutboxRowsProps> = ({ outbox, snapshot, renderContent }) => {\n  const secondsLeft = useSecondsLeft(snapshot.countdownEndsAt);\n  if (snapshot.rows.length === 0 && snapshot.elsewhere.length === 0) return null;\n  const statusOf = (row: ChatOutboxRow): string => {\n    switch (row.state.kind) {\n      case 'countdown':\n        return `Athena is back — sending in ${secondsLeft ?? 1} s`;\n      case 'failed':\n        return `Couldn't send. ${row.state.message}`;\n      default:\n        return STATUS_COPY[row.state.kind];\n    }\n  };\n  return (\n    <div data-testid=\"athena-chat-outbox\" className=\"mb-1\">\n      {snapshot.rows.length > 0 ? (\n        <>\n          <p aria-live=\"polite\" className=\"sr-only\">\n            {announcementOf(snapshot)}\n          </p>\n          <ul aria-label=\"Messages not sent yet\" className=\"max-h-40 overflow-y-auto\">\n            {snapshot.rows.map((row, index) => (\n              <li\n                key={row.entry.id}\n                data-state={row.state.kind}\n                className=\"group flex items-start gap-2 rounded-md px-1 py-1.5 hover:bg-background\"\n              >\n                <RowIcon row={row} />\n                <div className=\"min-w-0 flex-1\">\n                  {renderContent({ text: row.entry.text, index, item: asQueueEntry(row.entry) })}\n                  <p\n                    className={cn(\n                      'mt-0.5 text-[10px]',\n                      row.state.kind === 'failed' ? 'text-destructive' : 'text-muted-foreground',\n                    )}\n                  >\n                    {statusOf(row)}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-1\" data-testid=\"chat-outbox-row-actions\">\n                  <RowActions outbox={outbox} row={row} />\n                </div>\n              </li>\n            ))}\n          </ul>\n        </>\n      ) : null}\n      {snapshot.durable ? null : (\n        <p className=\"px-1 text-[10px] text-muted-foreground\">\n          This device can't keep unsent messages — they're lost if you close this page.\n        </p>\n      )}\n      {snapshot.elsewhere.length > 0 ? <ElsewhereRows outbox={outbox} elsewhere={snapshot.elsewhere} /> : null}\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsx","cn","jsxs","Fragment","SendIcon","Trash2Icon","RotateCcwIcon","Loader2Icon","AlertCircleIcon","ClockIcon","MessageSquareIcon"],"mappings":"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"}

package/dist/chat/chat-outbox-rows.d.ts

@@ -0,0 +1,29 @@
+import type { StatewireThread } from '@assistant-ui/react-statewire';
+import type { ChatOutbox, ChatOutboxSnapshot } from '../agent-runtime/src/index';
+import { type FC, type ReactNode } from 'react';
+/**
+ * The messages typed while Athena couldn't be reached, at the top of the queue tray
+ * (`@athenaintel/agent-runtime`'s chat outbox): always shown, each marked as not sent, with what
+ * happens next and what the person can do about it.
+ *
+ * - **Not sent yet — sends when Athena is back**, with Cancel (the text goes back to the composer).
+ * - **Sending in N s** once Athena is back and the app is in front, with Cancel.
+ * - **Waited more than a day**: Send, Edit (back to the composer) or Discard.
+ * - **Sending…** while it is handed to the conversation (its attachments asked about first).
+ * - **Couldn't send** (an attachment Athena refused, or the hand-off failed): Retry, Edit (back to
+ *   the composer, attachments and quote included) or Discard; never retried on its own.
+ *
+ * Below them, the person's other conversations with messages waiting (a chat that never started
+ * has no other way back), each with Open where the host can switch conversations.
+ */
+export interface ChatOutboxRowsProps {
+    outbox: ChatOutbox;
+    snapshot: ChatOutboxSnapshot;
+    /** The row body (the tray's own renderer, e.g. mention chips); defaults to the plain text. */
+    renderContent: (context: {
+        text: string;
+        index: number;
+        item: StatewireThread.RunsQueueEntry;
+    }) => ReactNode;
+}
+export declare const ChatOutboxRows: FC<ChatOutboxRowsProps>;

package/dist/chat/chat-outbox-rows.js

@@ -0,0 +1,223 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { ClockIcon, SendIcon, AlertCircleIcon, Loader2Icon, RotateCcwIcon, Trash2Icon, MessageSquareIcon } from "lucide-react";
+import { useState, useEffect } from "react";
+import { cn } from "cnfast";
+function asQueueEntry(entry) {
+  return {
+    id: entry.id,
+    role: "user",
+    parts: [{ type: "text", text: entry.text }],
+    ...entry.metadata !== void 0 && { metadata: entry.metadata }
+  };
+}
+function useSecondsLeft(endsAt) {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (endsAt === null) return void 0;
+    setNow(Date.now());
+    const timer = setInterval(() => setNow(Date.now()), 250);
+    return () => clearInterval(timer);
+  }, [endsAt]);
+  if (endsAt === null) return null;
+  return Math.max(1, Math.ceil((endsAt - now) / 1e3));
+}
+const STATUS_COPY = {
+  waiting: "Not sent yet — sends when Athena is back",
+  ask: "Not sent for more than a day — send it now?",
+  sending: "Sending…"
+};
+const pillButton = "inline-flex items-center gap-1 rounded-full border px-2 py-1 font-medium text-[10px] transition-colors";
+const RowActions = ({ outbox, row }) => {
+  const { entry, state } = row;
+  switch (state.kind) {
+    case "waiting":
+    case "countdown":
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Cancel sending and edit",
+          title: "Don't send this — put it back in the composer",
+          onClick: () => outbox.cancel(entry.id),
+          className: cn(pillButton, "border-border text-foreground/80 hover:bg-background hover:text-foreground"),
+          children: "Cancel"
+        }
+      );
+    case "ask":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Send now",
+            onClick: () => outbox.send(entry.id),
+            className: cn(pillButton, "border-primary/30 text-primary hover:bg-primary/5"),
+            children: [
+              /* @__PURE__ */ jsx(SendIcon, { className: "size-2.5" }),
+              "Send"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Edit message",
+            title: "Put it back in the composer",
+            onClick: () => outbox.cancel(entry.id),
+            className: cn(pillButton, "border-border text-foreground/80 hover:bg-background hover:text-foreground"),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Discard message",
+            onClick: () => outbox.discard(entry.id),
+            className: "rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+            children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-3" })
+          }
+        )
+      ] });
+    case "failed":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Retry sending",
+            onClick: () => outbox.send(entry.id),
+            className: cn(pillButton, "border-primary/30 text-primary hover:bg-primary/5"),
+            children: [
+              /* @__PURE__ */ jsx(RotateCcwIcon, { className: "size-2.5" }),
+              "Retry"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Edit message",
+            title: "Put it back in the composer",
+            onClick: () => outbox.cancel(entry.id),
+            className: cn(pillButton, "border-border text-foreground/80 hover:bg-background hover:text-foreground"),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Discard message",
+            onClick: () => outbox.discard(entry.id),
+            className: "rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+            children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-3" })
+          }
+        )
+      ] });
+    case "sending":
+      return null;
+  }
+};
+const RowIcon = ({ row }) => {
+  switch (row.state.kind) {
+    case "sending":
+      return /* @__PURE__ */ jsx(Loader2Icon, { className: "mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground/60" });
+    case "failed":
+      return /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0 text-destructive" });
+    case "countdown":
+      return /* @__PURE__ */ jsx(SendIcon, { className: "mt-0.5 size-3.5 shrink-0 text-primary" });
+    default:
+      return /* @__PURE__ */ jsx(ClockIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" });
+  }
+};
+function announcementOf(snapshot) {
+  const kinds = new Set(snapshot.rows.map((row) => row.state.kind));
+  if (kinds.has("countdown")) return "Athena is back. Your unsent messages will be sent in a few seconds unless you cancel.";
+  if (kinds.has("failed")) return "A message couldn't be sent. Retry, edit or discard it.";
+  if (kinds.has("ask")) return "A message waited more than a day. Send, edit or discard it.";
+  if (kinds.has("sending")) return "Sending your unsent messages.";
+  return "Not sent yet. Your messages will be sent when Athena is back.";
+}
+const ElsewhereRows = ({
+  outbox,
+  elsewhere
+}) => {
+  const { openThread } = outbox;
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "athena-chat-outbox-elsewhere", className: "px-1 py-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: "Not sent yet in other chats" }),
+    /* @__PURE__ */ jsx("ul", { "aria-label": "Unsent messages in other chats", className: "max-h-24 overflow-y-auto", children: elsewhere.map((thread) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 py-0.5", children: [
+      /* @__PURE__ */ jsx(MessageSquareIcon, { className: "size-3 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-foreground/80 text-xs", children: thread.first.text }),
+      thread.count > 1 ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
+        thread.count,
+        " messages"
+      ] }) : null,
+      openThread ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Open that chat",
+          onClick: () => openThread({ threadId: thread.threadId, newChat: thread.newChat }),
+          className: cn(
+            pillButton,
+            "shrink-0 border-border text-foreground/80 hover:bg-background hover:text-foreground"
+          ),
+          children: "Open"
+        }
+      ) : null
+    ] }, thread.threadId)) })
+  ] });
+};
+const ChatOutboxRows = ({ outbox, snapshot, renderContent }) => {
+  const secondsLeft = useSecondsLeft(snapshot.countdownEndsAt);
+  if (snapshot.rows.length === 0 && snapshot.elsewhere.length === 0) return null;
+  const statusOf = (row) => {
+    switch (row.state.kind) {
+      case "countdown":
+        return `Athena is back — sending in ${secondsLeft ?? 1} s`;
+      case "failed":
+        return `Couldn't send. ${row.state.message}`;
+      default:
+        return STATUS_COPY[row.state.kind];
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "athena-chat-outbox", className: "mb-1", children: [
+    snapshot.rows.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { "aria-live": "polite", className: "sr-only", children: announcementOf(snapshot) }),
+      /* @__PURE__ */ jsx("ul", { "aria-label": "Messages not sent yet", className: "max-h-40 overflow-y-auto", children: snapshot.rows.map((row, index) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-state": row.state.kind,
+          className: "group flex items-start gap-2 rounded-md px-1 py-1.5 hover:bg-background",
+          children: [
+            /* @__PURE__ */ jsx(RowIcon, { row }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              renderContent({ text: row.entry.text, index, item: asQueueEntry(row.entry) }),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-0.5 text-[10px]",
+                    row.state.kind === "failed" ? "text-destructive" : "text-muted-foreground"
+                  ),
+                  children: statusOf(row)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", "data-testid": "chat-outbox-row-actions", children: /* @__PURE__ */ jsx(RowActions, { outbox, row }) })
+          ]
+        },
+        row.entry.id
+      )) })
+    ] }) : null,
+    snapshot.durable ? null : /* @__PURE__ */ jsx("p", { className: "px-1 text-[10px] text-muted-foreground", children: "This device can't keep unsent messages — they're lost if you close this page." }),
+    snapshot.elsewhere.length > 0 ? /* @__PURE__ */ jsx(ElsewhereRows, { outbox, elsewhere: snapshot.elsewhere }) : null
+  ] });
+};
+export {
+  ChatOutboxRows
+};
+//# sourceMappingURL=chat-outbox-rows.js.map

package/dist/chat/chat-outbox-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-outbox-rows.js","sources":["../../src/chat/chat-outbox-rows.tsx"],"sourcesContent":["import type { StatewireThread } from '@assistant-ui/react-statewire';\nimport type {\n  ChatOutbox,\n  ChatOutboxElsewhere,\n  ChatOutboxEntry,\n  ChatOutboxRow,\n  ChatOutboxSnapshot,\n} from '@athenaintel/agent-runtime';\nimport {\n  AlertCircleIcon,\n  ClockIcon,\n  Loader2Icon,\n  MessageSquareIcon,\n  RotateCcwIcon,\n  SendIcon,\n  Trash2Icon,\n} from 'lucide-react';\nimport { type FC, type ReactNode, useEffect, useState } from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * The messages typed while Athena couldn't be reached, at the top of the queue tray\n * (`@athenaintel/agent-runtime`'s chat outbox): always shown, each marked as not sent, with what\n * happens next and what the person can do about it.\n *\n * - **Not sent yet — sends when Athena is back**, with Cancel (the text goes back to the composer).\n * - **Sending in N s** once Athena is back and the app is in front, with Cancel.\n * - **Waited more than a day**: Send, Edit (back to the composer) or Discard.\n * - **Sending…** while it is handed to the conversation (its attachments asked about first).\n * - **Couldn't send** (an attachment Athena refused, or the hand-off failed): Retry, Edit (back to\n *   the composer, attachments and quote included) or Discard; never retried on its own.\n *\n * Below them, the person's other conversations with messages waiting (a chat that never started\n * has no other way back), each with Open where the host can switch conversations.\n */\n\nexport interface ChatOutboxRowsProps {\n  outbox: ChatOutbox;\n  snapshot: ChatOutboxSnapshot;\n  /** The row body (the tray's own renderer, e.g. mention chips); defaults to the plain text. */\n  renderContent: (context: { text: string; index: number; item: StatewireThread.RunsQueueEntry }) => ReactNode;\n}\n\n/** The waiting message in the shape the tray's row renderers read. */\nfunction asQueueEntry(entry: ChatOutboxEntry): StatewireThread.RunsQueueEntry {\n  return {\n    id: entry.id,\n    role: 'user',\n    parts: [{ type: 'text', text: entry.text }],\n    ...(entry.metadata !== undefined && { metadata: entry.metadata }),\n  };\n}\n\n/** Whole seconds left on the countdown, re-rendered while it runs (never shows 0 before it fires). */\nfunction useSecondsLeft(endsAt: number | null): number | null {\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    if (endsAt === null) return undefined;\n    setNow(Date.now());\n    const timer = setInterval(() => setNow(Date.now()), 250);\n    return () => clearInterval(timer);\n  }, [endsAt]);\n  if (endsAt === null) return null;\n  return Math.max(1, Math.ceil((endsAt - now) / 1000));\n}\n\nconst STATUS_COPY = {\n  waiting: 'Not sent yet — sends when Athena is back',\n  ask: 'Not sent for more than a day — send it now?',\n  sending: 'Sending…',\n} as const;\n\nconst pillButton =\n  'inline-flex items-center gap-1 rounded-full border px-2 py-1 font-medium text-[10px] transition-colors';\n\nconst RowActions: FC<{ outbox: ChatOutbox; row: ChatOutboxRow }> = ({ outbox, row }) => {\n  const { entry, state } = row;\n  switch (state.kind) {\n    case 'waiting':\n    case 'countdown':\n      return (\n        <button\n          type=\"button\"\n          aria-label=\"Cancel sending and edit\"\n          title=\"Don't send this — put it back in the composer\"\n          onClick={() => outbox.cancel(entry.id)}\n          className={cn(pillButton, 'border-border text-foreground/80 hover:bg-background hover:text-foreground')}\n        >\n          Cancel\n        </button>\n      );\n    case 'ask':\n      return (\n        <>\n          <button\n            type=\"button\"\n            aria-label=\"Send now\"\n            onClick={() => outbox.send(entry.id)}\n            className={cn(pillButton, 'border-primary/30 text-primary hover:bg-primary/5')}\n          >\n            <SendIcon className=\"size-2.5\" />\n            Send\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Edit message\"\n            title=\"Put it back in the composer\"\n            onClick={() => outbox.cancel(entry.id)}\n            className={cn(pillButton, 'border-border text-foreground/80 hover:bg-background hover:text-foreground')}\n          >\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Discard message\"\n            onClick={() => outbox.discard(entry.id)}\n            className=\"rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive\"\n          >\n            <Trash2Icon className=\"size-3\" />\n          </button>\n        </>\n      );\n    case 'failed':\n      return (\n        <>\n          <button\n            type=\"button\"\n            aria-label=\"Retry sending\"\n            onClick={() => outbox.send(entry.id)}\n            className={cn(pillButton, 'border-primary/30 text-primary hover:bg-primary/5')}\n          >\n            <RotateCcwIcon className=\"size-2.5\" />\n            Retry\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Edit message\"\n            title=\"Put it back in the composer\"\n            onClick={() => outbox.cancel(entry.id)}\n            className={cn(pillButton, 'border-border text-foreground/80 hover:bg-background hover:text-foreground')}\n          >\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            aria-label=\"Discard message\"\n            onClick={() => outbox.discard(entry.id)}\n            className=\"rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive\"\n          >\n            <Trash2Icon className=\"size-3\" />\n          </button>\n        </>\n      );\n    case 'sending':\n      return null;\n  }\n};\n\nconst RowIcon: FC<{ row: ChatOutboxRow }> = ({ row }) => {\n  switch (row.state.kind) {\n    case 'sending':\n      return <Loader2Icon className=\"mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground/60\" />;\n    case 'failed':\n      return <AlertCircleIcon className=\"mt-0.5 size-3.5 shrink-0 text-destructive\" />;\n    case 'countdown':\n      return <SendIcon className=\"mt-0.5 size-3.5 shrink-0 text-primary\" />;\n    default:\n      return <ClockIcon className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground\" />;\n  }\n};\n\n/** What a screen reader hears: the state of the outbox, never the ticking seconds. */\nfunction announcementOf(snapshot: ChatOutboxSnapshot): string {\n  const kinds = new Set(snapshot.rows.map((row) => row.state.kind));\n  if (kinds.has('countdown')) return 'Athena is back. Your unsent messages will be sent in a few seconds unless you cancel.';\n  if (kinds.has('failed')) return \"A message couldn't be sent. Retry, edit or discard it.\";\n  if (kinds.has('ask')) return 'A message waited more than a day. Send, edit or discard it.';\n  if (kinds.has('sending')) return 'Sending your unsent messages.';\n  return 'Not sent yet. Your messages will be sent when Athena is back.';\n}\n\n/**\n * Every other conversation with waiting messages, each with Open where the host can switch: a chat\n * that never started has no other way back, so none is left out (the list scrolls instead).\n */\nconst ElsewhereRows: FC<{ outbox: ChatOutbox; elsewhere: readonly ChatOutboxElsewhere[] }> = ({\n  outbox,\n  elsewhere,\n}) => {\n  const { openThread } = outbox;\n  return (\n    <div data-testid=\"athena-chat-outbox-elsewhere\" className=\"px-1 py-1\">\n      <p className=\"text-[10px] text-muted-foreground\">Not sent yet in other chats</p>\n      <ul aria-label=\"Unsent messages in other chats\" className=\"max-h-24 overflow-y-auto\">\n        {elsewhere.map((thread) => (\n          <li key={thread.threadId} className=\"flex items-center gap-2 py-0.5\">\n            <MessageSquareIcon className=\"size-3 shrink-0 text-muted-foreground\" />\n            <span className=\"min-w-0 flex-1 truncate text-foreground/80 text-xs\">{thread.first.text}</span>\n            {thread.count > 1 ? (\n              <span className=\"shrink-0 text-[10px] text-muted-foreground\">{thread.count} messages</span>\n            ) : null}\n            {openThread ? (\n              <button\n                type=\"button\"\n                aria-label=\"Open that chat\"\n                onClick={() => openThread({ threadId: thread.threadId, newChat: thread.newChat })}\n                className={cn(\n                  pillButton,\n                  'shrink-0 border-border text-foreground/80 hover:bg-background hover:text-foreground',\n                )}\n              >\n                Open\n              </button>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport const ChatOutboxRows: FC<ChatOutboxRowsProps> = ({ outbox, snapshot, renderContent }) => {\n  const secondsLeft = useSecondsLeft(snapshot.countdownEndsAt);\n  if (snapshot.rows.length === 0 && snapshot.elsewhere.length === 0) return null;\n  const statusOf = (row: ChatOutboxRow): string => {\n    switch (row.state.kind) {\n      case 'countdown':\n        return `Athena is back — sending in ${secondsLeft ?? 1} s`;\n      case 'failed':\n        return `Couldn't send. ${row.state.message}`;\n      default:\n        return STATUS_COPY[row.state.kind];\n    }\n  };\n  return (\n    <div data-testid=\"athena-chat-outbox\" className=\"mb-1\">\n      {snapshot.rows.length > 0 ? (\n        <>\n          <p aria-live=\"polite\" className=\"sr-only\">\n            {announcementOf(snapshot)}\n          </p>\n          <ul aria-label=\"Messages not sent yet\" className=\"max-h-40 overflow-y-auto\">\n            {snapshot.rows.map((row, index) => (\n              <li\n                key={row.entry.id}\n                data-state={row.state.kind}\n                className=\"group flex items-start gap-2 rounded-md px-1 py-1.5 hover:bg-background\"\n              >\n                <RowIcon row={row} />\n                <div className=\"min-w-0 flex-1\">\n                  {renderContent({ text: row.entry.text, index, item: asQueueEntry(row.entry) })}\n                  <p\n                    className={cn(\n                      'mt-0.5 text-[10px]',\n                      row.state.kind === 'failed' ? 'text-destructive' : 'text-muted-foreground',\n                    )}\n                  >\n                    {statusOf(row)}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-1\" data-testid=\"chat-outbox-row-actions\">\n                  <RowActions outbox={outbox} row={row} />\n                </div>\n              </li>\n            ))}\n          </ul>\n        </>\n      ) : null}\n      {snapshot.durable ? null : (\n        <p className=\"px-1 text-[10px] text-muted-foreground\">\n          This device can't keep unsent messages — they're lost if you close this page.\n        </p>\n      )}\n      {snapshot.elsewhere.length > 0 ? <ElsewhereRows outbox={outbox} elsewhere={snapshot.elsewhere} /> : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/chat/statewire-approval.d.ts

@@ -4,4 +4,4 @@
  * module so existing `@athenaintel/react` imports (and the package's public
  * exports) stay stable.
  */
-export { asHitlApproval, hasStatewireThreadExtras, HITL_PENDING_RESUME_GRACE_MS, type HitlApprovalPayload, isApprovalCardInterrupt, isPendingInterrupt, readInterruptMessage, } from '@athenaintel/agent-runtime';
+export { asHitlApproval, hasStatewireThreadExtras, HITL_PENDING_RESUME_GRACE_MS, type HitlApprovalPayload, isApprovalCardInterrupt, isPendingInterrupt, readInterruptMessage, } from '../agent-runtime/src/index';

package/dist/chat/statewire-client-tools.d.ts

@@ -1,5 +1,5 @@
 import type { Toolkit } from '@assistant-ui/react';
-import { type RegisteredClientTool } from '@athenaintel/agent-runtime';
+import { type RegisteredClientTool } from '../agent-runtime/src/index';
 /**
  * @deprecated The SDK's client tools ARE the shared `RegisteredClientTool`
  * shape from `@athenaintel/agent-runtime` (`definition` + `handler`); import

package/dist/chat/super-grouping/SuperGroupingCard.cjs

@@ -105,6 +105,7 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
   getToolGroupKey = toolkitMap.defaultGetToolGroupKey,
   groupingFunction: groupingFunction$1,
   waitingTools,
+  waitingToolCallIds,
   passThroughTools,
   isInlineTool = inlineTools.isSdkInlineTool,
   waitingForInput = false,
@@ -126,10 +127,11 @@ const SuperGroupingCard = react.memo(function SuperGroupingCard2({
   const timeline = react.useMemo(() => {
     const items = activityTimeline.buildActivityTimeline(messageContent, messageStatus, {
       waitingTools,
+      waitingToolCallIds,
       passThroughTools
     });
     return items.length > 0 ? items : EMPTY_TIMELINE;
-  }, [messageContent, messageStatus, waitingTools, passThroughTools]);
+  }, [messageContent, messageStatus, waitingTools, waitingToolCallIds, passThroughTools]);
   const phase = react.useMemo(
     () => activityTimeline.resolveActivityPhase(messageStatus, timeline, { waitingForInput }),
     [messageStatus, timeline, waitingForInput]