@athenaintel/react 0.57.2 → 0.59.0

package/dist/chat/follow-up-suggestions.cjs

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const reactQuery = require("@tanstack/react-query");
+const require$$0 = require("react");
+const mint = require("../collab/mint.cjs");
+const errors = require("../diagnostics/errors.cjs");
+const useAthenaRestQuery = require("../lib/use-athena-rest-query.cjs");
+const AthenaContext = require("../provider/AthenaContext.cjs");
+const credentialRenewal = require("../runtime/credential-renewal.cjs");
+const threadStatus = require("../agent-runtime/src/thread-status.cjs");
+const runtimeMessages = require("../agent-runtime/src/runtime-messages.cjs");
+const FOLLOW_UP_SUGGESTIONS_PATH = "/api/chat/follow-up-suggestions";
+const MAX_FOLLOW_UP_SUGGESTIONS = 3;
+const FOLLOW_UP_SUGGESTION_MAX_CHARS = 120;
+const FOLLOW_UP_USER_MESSAGE_MAX_CHARS = 4e3;
+function textOf(message) {
+  return message.content.map((part) => part.type === "text" ? part.text : "").filter((text) => text.trim().length > 0).join("\n\n").trim();
+}
+function readFinishedTurn(messages) {
+  const last = messages.at(-1);
+  if (!last || last.role !== "assistant") return null;
+  if (last.status.type !== "complete") return null;
+  if (runtimeMessages.readRuntimeMessageFromSourceMessages(last)) return null;
+  const reply = textOf(last);
+  if (!reply) return null;
+  const lastUser = messages.findLast((message) => message.role === "user");
+  return {
+    id: last.id,
+    lastUserMessage: (lastUser ? textOf(lastUser) : "").slice(0, FOLLOW_UP_USER_MESSAGE_MAX_CHARS),
+    lastAssistantMessage: reply.slice(-8e3)
+  };
+}
+function readFollowUpSuggestions(body) {
+  const suggestions = typeof body === "object" && body !== null ? Reflect.get(body, "suggestions") : void 0;
+  if (!Array.isArray(suggestions)) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const item of suggestions) {
+    if (typeof item !== "string") continue;
+    const text = item.trim();
+    if (!text || text.length > FOLLOW_UP_SUGGESTION_MAX_CHARS || seen.has(text)) continue;
+    seen.add(text);
+    out.push(text);
+    if (out.length === MAX_FOLLOW_UP_SUGGESTIONS) break;
+  }
+  return out;
+}
+async function fetchFollowUpSuggestions({
+  backendUrl,
+  auth,
+  threadId,
+  turn,
+  signal
+}) {
+  const url = `${mint.getAthenaApiBaseUrl(backendUrl)}${FOLLOW_UP_SUGGESTIONS_PATH}`;
+  const body = {
+    thread_id: threadId,
+    last_user_message: turn.lastUserMessage,
+    last_assistant_message: turn.lastAssistantMessage
+  };
+  const res = await credentialRenewal.sendWithCredentialRenewal(
+    auth,
+    (headers) => fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...headers },
+      body: JSON.stringify(body),
+      signal: signal ?? null
+    })
+  );
+  if (!res.ok) {
+    throw new errors.AthenaSdkError({
+      code: res.status === 401 || res.status === 403 ? "auth_rejected" : "follow_up_suggestions_failed",
+      message: `Follow-up suggestions failed: ${res.status}`,
+      status: res.status
+    });
+  }
+  return readFollowUpSuggestions(await res.json());
+}
+function useFinishedTurn({ enabled }) {
+  const connection = threadStatus.useDeepAgentConnection();
+  const live = react.useAuiState((state) => {
+    const thread = state.optional.thread;
+    return enabled && thread ? threadStatus.readRunLive(thread, connection) : false;
+  });
+  const messages = react.useAuiState((state) => {
+    var _a;
+    const thread = state.optional.thread;
+    if (!enabled || !thread || threadStatus.readRunLive(thread, connection)) return null;
+    const status = (_a = thread.extras) == null ? void 0 : _a.status;
+    if (status === void 0 ? thread.isRunning : status !== "ready") return null;
+    return thread.messages;
+  });
+  const resting = require$$0.useMemo(() => messages ? readFinishedTurn(messages) : null, [messages]);
+  const [armed, setArmed] = require$$0.useState(false);
+  const [finishedId, setFinishedId] = require$$0.useState(null);
+  require$$0.useEffect(() => {
+    if (!live) return;
+    setArmed(true);
+    setFinishedId(null);
+  }, [live]);
+  const restingId = (resting == null ? void 0 : resting.id) ?? null;
+  require$$0.useEffect(() => {
+    if (!armed || restingId === null) return;
+    setFinishedId(restingId);
+    setArmed(false);
+  }, [armed, restingId]);
+  return resting !== null && resting.id === finishedId ? resting : null;
+}
+const FollowUpSuggestions = ({ enabled, threadId, hasDraft, onPick }) => {
+  const config = AthenaContext.useAthenaConfig();
+  const { backendUrl, apiKey, getToken } = config;
+  const identity = useAthenaRestQuery.useAthenaQueryIdentity({ apiKey, token: config.token, getToken });
+  const queryClient = useAthenaRestQuery.useAthenaQueryClient();
+  const turn = useFinishedTurn({ enabled });
+  const [dismissed, setDismissed] = require$$0.useState(null);
+  const turnId = (turn == null ? void 0 : turn.id) ?? null;
+  require$$0.useEffect(() => {
+    if (hasDraft && turnId !== null) setDismissed(turnId);
+  }, [hasDraft, turnId]);
+  const open = turn !== null && turn.id !== dismissed && !hasDraft;
+  const { data } = reactQuery.useQuery(
+    {
+      queryKey: [
+        "athena-sdk",
+        "follow-up-suggestions",
+        backendUrl,
+        ...identity,
+        threadId,
+        turnId ?? ""
+      ],
+      // `config.token` is read at fetch time: the provider serves the latest
+      // token through a getter, so a rotation reaches the request.
+      queryFn: ({ signal }) => turn ? fetchFollowUpSuggestions({
+        backendUrl,
+        auth: { apiKey, token: config.token, getToken },
+        threadId,
+        turn,
+        signal
+      }) : [],
+      enabled: open && backendUrl.length > 0,
+      // One request per finished turn: never read again while the chat stays on it.
+      staleTime: Number.POSITIVE_INFINITY,
+      retry: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false
+    },
+    queryClient
+  );
+  if (!open || !data || data.length === 0) return null;
+  return (
+    // A fieldset: one group named for assistive tech (its implicit role), no form semantics.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "fieldset",
+      {
+        "aria-label": "Suggested follow-ups",
+        "data-testid": "athena-follow-up-suggestions",
+        className: "aui-composer-follow-ups m-0 flex min-w-0 flex-wrap gap-1.5 border-0 px-1 pt-0 pb-2",
+        children: data.map((suggestion) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            title: suggestion,
+            "data-follow-up-suggestion": "",
+            onClick: () => {
+              setDismissed(turnId);
+              onPick(suggestion);
+            },
+            className: "max-w-full truncate rounded-full border border-border/60 bg-card px-3 py-1 text-left text-muted-foreground text-xs shadow-sm transition-colors hover:border-border hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+            children: suggestion
+          },
+          suggestion
+        ))
+      }
+    )
+  );
+};
+exports.FOLLOW_UP_SUGGESTIONS_PATH = FOLLOW_UP_SUGGESTIONS_PATH;
+exports.FollowUpSuggestions = FollowUpSuggestions;
+exports.MAX_FOLLOW_UP_SUGGESTIONS = MAX_FOLLOW_UP_SUGGESTIONS;
+exports.fetchFollowUpSuggestions = fetchFollowUpSuggestions;
+exports.readFinishedTurn = readFinishedTurn;
+exports.readFollowUpSuggestions = readFollowUpSuggestions;
+//# sourceMappingURL=follow-up-suggestions.cjs.map

package/dist/chat/follow-up-suggestions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"follow-up-suggestions.cjs","sources":["../../src/chat/follow-up-suggestions.tsx"],"sourcesContent":["/**\n * Suggested follow-up prompts (`AthenaChat`'s `followUpSuggestions`, off by\n * default): once a run this chat watched finishes with a reply, the chat asks\n * agora for up to three prompts the person might type next\n * (`POST /api/chat/follow-up-suggestions`, with the chat's own credential) and\n * shows them as chips above the composer. A chip puts its text in the composer\n * and sends nothing. They go away once the person types or sends, or a new run\n * starts; a turn that was stopped, failed or is waiting on the person gets\n * none, and a failed request shows nothing at all.\n */\nimport { type ThreadMessage, useAuiState } from '@assistant-ui/react';\nimport type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  readRunLive,\n  readRuntimeMessageFromSourceMessages,\n  useDeepAgentConnection,\n} from '@athenaintel/agent-runtime';\nimport { useQuery } from '@tanstack/react-query';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { getAthenaApiBaseUrl } from '../collab/mint';\nimport { AthenaSdkError } from '../diagnostics/errors';\nimport { useAthenaQueryClient, useAthenaQueryIdentity } from '../lib/use-athena-rest-query';\nimport { useAthenaConfig } from '../provider/AthenaContext';\nimport { sendWithCredentialRenewal } from '../runtime/credential-renewal';\nimport type { StatewireAuthSource } from '../runtime/statewire-auth-headers';\n\nexport const FOLLOW_UP_SUGGESTIONS_PATH = '/api/chat/follow-up-suggestions';\n/** The most chips shown, and the longest one agora answers. */\nexport const MAX_FOLLOW_UP_SUGGESTIONS = 3;\nconst FOLLOW_UP_SUGGESTION_MAX_CHARS = 120;\n/** What the route takes of each message: the start of the person's, the end of the reply. */\nconst FOLLOW_UP_USER_MESSAGE_MAX_CHARS = 4000;\nconst FOLLOW_UP_ASSISTANT_MESSAGE_MAX_CHARS = 8000;\n\n/** The turn a run just finished, as the request carries it. */\nexport interface FinishedTurn {\n  /** The reply's message id: one request per finished turn. */\n  id: string;\n  lastUserMessage: string;\n  lastAssistantMessage: string;\n}\n\n/** The route's JSON body. */\nexport interface FollowUpSuggestionsRequestBody {\n  thread_id: string;\n  last_user_message: string;\n  last_assistant_message: string;\n}\n\n/** The message's words: its text parts, in order (no reasoning, tools or files). */\nfunction textOf(message: ThreadMessage): string {\n  return message.content\n    .map((part) => (part.type === 'text' ? part.text : ''))\n    .filter((text) => text.trim().length > 0)\n    .join('\\n\\n')\n    .trim();\n}\n\n/**\n * The turn that ended the transcript, or `null` when it has nothing to follow\n * up on: the last message is not the assistant's, it carries no words, it did\n * not complete, or it is how the runtime ended the run (stopped, failed, a\n * server-update pause, a handoff, a send now).\n */\nexport function readFinishedTurn(messages: readonly ThreadMessage[]): FinishedTurn | null {\n  const last = messages.at(-1);\n  if (!last || last.role !== 'assistant') return null;\n  if (last.status.type !== 'complete') return null;\n  if (readRuntimeMessageFromSourceMessages(last)) return null;\n  const reply = textOf(last);\n  if (!reply) return null;\n  const lastUser = messages.findLast((message) => message.role === 'user');\n  return {\n    id: last.id,\n    lastUserMessage: (lastUser ? textOf(lastUser) : '').slice(0, FOLLOW_UP_USER_MESSAGE_MAX_CHARS),\n    lastAssistantMessage: reply.slice(-FOLLOW_UP_ASSISTANT_MESSAGE_MAX_CHARS),\n  };\n}\n\n/** The answer's suggestions as chips take them: strings, trimmed, at most three. */\nexport function readFollowUpSuggestions(body: unknown): string[] {\n  const suggestions: unknown =\n    typeof body === 'object' && body !== null ? Reflect.get(body, 'suggestions') : undefined;\n  if (!Array.isArray(suggestions)) return [];\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const item of suggestions) {\n    if (typeof item !== 'string') continue;\n    const text = item.trim();\n    if (!text || text.length > FOLLOW_UP_SUGGESTION_MAX_CHARS || seen.has(text)) continue;\n    seen.add(text);\n    out.push(text);\n    if (out.length === MAX_FOLLOW_UP_SUGGESTIONS) break;\n  }\n  return out;\n}\n\n/**\n * One request for a finished turn. The credential rides `Authorization:\n * Bearer` (resolved live through `getToken`) or `X-API-KEY`, and a refused\n * bearer is renewed once (`sendWithCredentialRenewal`), as the SDK's other\n * REST reads do. Rejects with an `AthenaSdkError` on any refusal; the chat\n * shows nothing then.\n */\nexport async function fetchFollowUpSuggestions({\n  backendUrl,\n  auth,\n  threadId,\n  turn,\n  signal,\n}: {\n  backendUrl: string;\n  auth: StatewireAuthSource;\n  threadId: string;\n  turn: FinishedTurn;\n  signal?: AbortSignal;\n}): Promise<string[]> {\n  const url = `${getAthenaApiBaseUrl(backendUrl)}${FOLLOW_UP_SUGGESTIONS_PATH}`;\n  const body: FollowUpSuggestionsRequestBody = {\n    thread_id: threadId,\n    last_user_message: turn.lastUserMessage,\n    last_assistant_message: turn.lastAssistantMessage,\n  };\n  const res = await sendWithCredentialRenewal(auth, (headers) =>\n    fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json', ...headers },\n      body: JSON.stringify(body),\n      signal: signal ?? null,\n    }),\n  );\n  if (!res.ok) {\n    throw new AthenaSdkError({\n      code: res.status === 401 || res.status === 403 ? 'auth_rejected' : 'follow_up_suggestions_failed',\n      message: `Follow-up suggestions failed: ${res.status}`,\n      status: res.status,\n    });\n  }\n  return readFollowUpSuggestions(await res.json());\n}\n\n/**\n * The turn the last run this chat watched finished with, while `enabled`:\n * the transcript's last turn when the thread came to rest after a live run,\n * and only that one. A run that was over before the chat showed it (a\n * conversation opened at rest) asks for nothing, and neither does another\n * branch the person moves to afterwards: suggestions follow the turn the\n * person saw finish. `null` while a run is live, and after one that ended\n * any way but resting (stopped, failed, waiting on the person).\n */\nfunction useFinishedTurn({ enabled }: { enabled: boolean }): FinishedTurn | null {\n  const connection = useDeepAgentConnection();\n  const live = useAuiState((state) => {\n    const thread = state.optional.thread;\n    return enabled && thread ? readRunLive(thread, connection) : false;\n  });\n  const messages = useAuiState((state) => {\n    const thread = state.optional.thread;\n    if (!enabled || !thread || readRunLive(thread, connection)) return null;\n    const status = (thread.extras as Partial<StatewireThread.Extras> | undefined)?.status;\n    if (status === undefined ? thread.isRunning : status !== 'ready') return null;\n    return thread.messages;\n  });\n  const resting = useMemo(() => (messages ? readFinishedTurn(messages) : null), [messages]);\n  // A live run arms the latch; the first turn the thread rests on after it is the one followed up.\n  const [armed, setArmed] = useState(false);\n  const [finishedId, setFinishedId] = useState<string | null>(null);\n  useEffect(() => {\n    if (!live) return;\n    setArmed(true);\n    setFinishedId(null);\n  }, [live]);\n  const restingId = resting?.id ?? null;\n  useEffect(() => {\n    if (!armed || restingId === null) return;\n    setFinishedId(restingId);\n    setArmed(false);\n  }, [armed, restingId]);\n  return resting !== null && resting.id === finishedId ? resting : null;\n}\n\n/**\n * Up to three chips above the composer after a finished turn; nothing at all\n * while `enabled` is false (no request either). `hasDraft` is the composer\n * holding anything: the person typing puts this turn's chips away for good.\n * `onPick` gets a chip's text to put in the composer.\n */\nexport const FollowUpSuggestions: FC<{\n  enabled: boolean;\n  threadId: string;\n  hasDraft: boolean;\n  onPick: (text: string) => void;\n}> = ({ enabled, threadId, hasDraft, onPick }) => {\n  const config = useAthenaConfig();\n  const { backendUrl, apiKey, getToken } = config;\n  const identity = useAthenaQueryIdentity({ apiKey, token: config.token, getToken });\n  const queryClient = useAthenaQueryClient();\n  const turn = useFinishedTurn({ enabled });\n  // The turn whose chips the person put away (typed, sent, or picked one).\n  const [dismissed, setDismissed] = useState<string | null>(null);\n  const turnId = turn?.id ?? null;\n  useEffect(() => {\n    if (hasDraft && turnId !== null) setDismissed(turnId);\n  }, [hasDraft, turnId]);\n  const open = turn !== null && turn.id !== dismissed && !hasDraft;\n  const { data } = useQuery(\n    {\n      queryKey: [\n        'athena-sdk',\n        'follow-up-suggestions',\n        backendUrl,\n        ...identity,\n        threadId,\n        turnId ?? '',\n      ],\n      // `config.token` is read at fetch time: the provider serves the latest\n      // token through a getter, so a rotation reaches the request.\n      queryFn: ({ signal }) =>\n        turn\n          ? fetchFollowUpSuggestions({\n              backendUrl,\n              auth: { apiKey, token: config.token, getToken },\n              threadId,\n              turn,\n              signal,\n            })\n          : [],\n      enabled: open && backendUrl.length > 0,\n      // One request per finished turn: never read again while the chat stays on it.\n      staleTime: Number.POSITIVE_INFINITY,\n      retry: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n    },\n    queryClient,\n  );\n  if (!open || !data || data.length === 0) return null;\n  return (\n    // A fieldset: one group named for assistive tech (its implicit role), no form semantics.\n    <fieldset\n      aria-label=\"Suggested follow-ups\"\n      data-testid=\"athena-follow-up-suggestions\"\n      className=\"aui-composer-follow-ups m-0 flex min-w-0 flex-wrap gap-1.5 border-0 px-1 pt-0 pb-2\"\n    >\n      {data.map((suggestion) => (\n        <button\n          key={suggestion}\n          type=\"button\"\n          title={suggestion}\n          data-follow-up-suggestion=\"\"\n          onClick={() => {\n            setDismissed(turnId);\n            onPick(suggestion);\n          }}\n          className=\"max-w-full truncate rounded-full border border-border/60 bg-card px-3 py-1 text-left text-muted-foreground text-xs shadow-sm transition-colors hover:border-border hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40\"\n        >\n          {suggestion}\n        </button>\n      ))}\n    </fieldset>\n  );\n};\n"],"names":["readRuntimeMessageFromSourceMessages","getAthenaApiBaseUrl","sendWithCredentialRenewal","AthenaSdkError","useDeepAgentConnection","useAuiState","readRunLive","useMemo","useState","useEffect","useAthenaConfig","useAthenaQueryIdentity","useAthenaQueryClient","useQuery","jsx"],"mappings":"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"}

package/dist/chat/follow-up-suggestions.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Suggested follow-up prompts (`AthenaChat`'s `followUpSuggestions`, off by
+ * default): once a run this chat watched finishes with a reply, the chat asks
+ * agora for up to three prompts the person might type next
+ * (`POST /api/chat/follow-up-suggestions`, with the chat's own credential) and
+ * shows them as chips above the composer. A chip puts its text in the composer
+ * and sends nothing. They go away once the person types or sends, or a new run
+ * starts; a turn that was stopped, failed or is waiting on the person gets
+ * none, and a failed request shows nothing at all.
+ */
+import { type ThreadMessage } from '@assistant-ui/react';
+import { type FC } from 'react';
+import type { StatewireAuthSource } from '../runtime/statewire-auth-headers';
+export declare const FOLLOW_UP_SUGGESTIONS_PATH = "/api/chat/follow-up-suggestions";
+/** The most chips shown, and the longest one agora answers. */
+export declare const MAX_FOLLOW_UP_SUGGESTIONS = 3;
+/** The turn a run just finished, as the request carries it. */
+export interface FinishedTurn {
+    /** The reply's message id: one request per finished turn. */
+    id: string;
+    lastUserMessage: string;
+    lastAssistantMessage: string;
+}
+/** The route's JSON body. */
+export interface FollowUpSuggestionsRequestBody {
+    thread_id: string;
+    last_user_message: string;
+    last_assistant_message: string;
+}
+/**
+ * The turn that ended the transcript, or `null` when it has nothing to follow
+ * up on: the last message is not the assistant's, it carries no words, it did
+ * not complete, or it is how the runtime ended the run (stopped, failed, a
+ * server-update pause, a handoff, a send now).
+ */
+export declare function readFinishedTurn(messages: readonly ThreadMessage[]): FinishedTurn | null;
+/** The answer's suggestions as chips take them: strings, trimmed, at most three. */
+export declare function readFollowUpSuggestions(body: unknown): string[];
+/**
+ * One request for a finished turn. The credential rides `Authorization:
+ * Bearer` (resolved live through `getToken`) or `X-API-KEY`, and a refused
+ * bearer is renewed once (`sendWithCredentialRenewal`), as the SDK's other
+ * REST reads do. Rejects with an `AthenaSdkError` on any refusal; the chat
+ * shows nothing then.
+ */
+export declare function fetchFollowUpSuggestions({ backendUrl, auth, threadId, turn, signal, }: {
+    backendUrl: string;
+    auth: StatewireAuthSource;
+    threadId: string;
+    turn: FinishedTurn;
+    signal?: AbortSignal;
+}): Promise<string[]>;
+/**
+ * Up to three chips above the composer after a finished turn; nothing at all
+ * while `enabled` is false (no request either). `hasDraft` is the composer
+ * holding anything: the person typing puts this turn's chips away for good.
+ * `onPick` gets a chip's text to put in the composer.
+ */
+export declare const FollowUpSuggestions: FC<{
+    enabled: boolean;
+    threadId: string;
+    hasDraft: boolean;
+    onPick: (text: string) => void;
+}>;

package/dist/chat/follow-up-suggestions.js

@@ -0,0 +1,185 @@
+import { jsx } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { useQuery } from "@tanstack/react-query";
+import { useState, useEffect, useMemo } from "react";
+import { getAthenaApiBaseUrl } from "../collab/mint.js";
+import { AthenaSdkError } from "../diagnostics/errors.js";
+import { useAthenaQueryIdentity, useAthenaQueryClient } from "../lib/use-athena-rest-query.js";
+import { useAthenaConfig } from "../provider/AthenaContext.js";
+import { sendWithCredentialRenewal } from "../runtime/credential-renewal.js";
+import { useDeepAgentConnection, readRunLive } from "../agent-runtime/src/thread-status.js";
+import { readRuntimeMessageFromSourceMessages } from "../agent-runtime/src/runtime-messages.js";
+const FOLLOW_UP_SUGGESTIONS_PATH = "/api/chat/follow-up-suggestions";
+const MAX_FOLLOW_UP_SUGGESTIONS = 3;
+const FOLLOW_UP_SUGGESTION_MAX_CHARS = 120;
+const FOLLOW_UP_USER_MESSAGE_MAX_CHARS = 4e3;
+function textOf(message) {
+  return message.content.map((part) => part.type === "text" ? part.text : "").filter((text) => text.trim().length > 0).join("\n\n").trim();
+}
+function readFinishedTurn(messages) {
+  const last = messages.at(-1);
+  if (!last || last.role !== "assistant") return null;
+  if (last.status.type !== "complete") return null;
+  if (readRuntimeMessageFromSourceMessages(last)) return null;
+  const reply = textOf(last);
+  if (!reply) return null;
+  const lastUser = messages.findLast((message) => message.role === "user");
+  return {
+    id: last.id,
+    lastUserMessage: (lastUser ? textOf(lastUser) : "").slice(0, FOLLOW_UP_USER_MESSAGE_MAX_CHARS),
+    lastAssistantMessage: reply.slice(-8e3)
+  };
+}
+function readFollowUpSuggestions(body) {
+  const suggestions = typeof body === "object" && body !== null ? Reflect.get(body, "suggestions") : void 0;
+  if (!Array.isArray(suggestions)) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const item of suggestions) {
+    if (typeof item !== "string") continue;
+    const text = item.trim();
+    if (!text || text.length > FOLLOW_UP_SUGGESTION_MAX_CHARS || seen.has(text)) continue;
+    seen.add(text);
+    out.push(text);
+    if (out.length === MAX_FOLLOW_UP_SUGGESTIONS) break;
+  }
+  return out;
+}
+async function fetchFollowUpSuggestions({
+  backendUrl,
+  auth,
+  threadId,
+  turn,
+  signal
+}) {
+  const url = `${getAthenaApiBaseUrl(backendUrl)}${FOLLOW_UP_SUGGESTIONS_PATH}`;
+  const body = {
+    thread_id: threadId,
+    last_user_message: turn.lastUserMessage,
+    last_assistant_message: turn.lastAssistantMessage
+  };
+  const res = await sendWithCredentialRenewal(
+    auth,
+    (headers) => fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...headers },
+      body: JSON.stringify(body),
+      signal: signal ?? null
+    })
+  );
+  if (!res.ok) {
+    throw new AthenaSdkError({
+      code: res.status === 401 || res.status === 403 ? "auth_rejected" : "follow_up_suggestions_failed",
+      message: `Follow-up suggestions failed: ${res.status}`,
+      status: res.status
+    });
+  }
+  return readFollowUpSuggestions(await res.json());
+}
+function useFinishedTurn({ enabled }) {
+  const connection = useDeepAgentConnection();
+  const live = useAuiState((state) => {
+    const thread = state.optional.thread;
+    return enabled && thread ? readRunLive(thread, connection) : false;
+  });
+  const messages = useAuiState((state) => {
+    var _a;
+    const thread = state.optional.thread;
+    if (!enabled || !thread || readRunLive(thread, connection)) return null;
+    const status = (_a = thread.extras) == null ? void 0 : _a.status;
+    if (status === void 0 ? thread.isRunning : status !== "ready") return null;
+    return thread.messages;
+  });
+  const resting = useMemo(() => messages ? readFinishedTurn(messages) : null, [messages]);
+  const [armed, setArmed] = useState(false);
+  const [finishedId, setFinishedId] = useState(null);
+  useEffect(() => {
+    if (!live) return;
+    setArmed(true);
+    setFinishedId(null);
+  }, [live]);
+  const restingId = (resting == null ? void 0 : resting.id) ?? null;
+  useEffect(() => {
+    if (!armed || restingId === null) return;
+    setFinishedId(restingId);
+    setArmed(false);
+  }, [armed, restingId]);
+  return resting !== null && resting.id === finishedId ? resting : null;
+}
+const FollowUpSuggestions = ({ enabled, threadId, hasDraft, onPick }) => {
+  const config = useAthenaConfig();
+  const { backendUrl, apiKey, getToken } = config;
+  const identity = useAthenaQueryIdentity({ apiKey, token: config.token, getToken });
+  const queryClient = useAthenaQueryClient();
+  const turn = useFinishedTurn({ enabled });
+  const [dismissed, setDismissed] = useState(null);
+  const turnId = (turn == null ? void 0 : turn.id) ?? null;
+  useEffect(() => {
+    if (hasDraft && turnId !== null) setDismissed(turnId);
+  }, [hasDraft, turnId]);
+  const open = turn !== null && turn.id !== dismissed && !hasDraft;
+  const { data } = useQuery(
+    {
+      queryKey: [
+        "athena-sdk",
+        "follow-up-suggestions",
+        backendUrl,
+        ...identity,
+        threadId,
+        turnId ?? ""
+      ],
+      // `config.token` is read at fetch time: the provider serves the latest
+      // token through a getter, so a rotation reaches the request.
+      queryFn: ({ signal }) => turn ? fetchFollowUpSuggestions({
+        backendUrl,
+        auth: { apiKey, token: config.token, getToken },
+        threadId,
+        turn,
+        signal
+      }) : [],
+      enabled: open && backendUrl.length > 0,
+      // One request per finished turn: never read again while the chat stays on it.
+      staleTime: Number.POSITIVE_INFINITY,
+      retry: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false
+    },
+    queryClient
+  );
+  if (!open || !data || data.length === 0) return null;
+  return (
+    // A fieldset: one group named for assistive tech (its implicit role), no form semantics.
+    /* @__PURE__ */ jsx(
+      "fieldset",
+      {
+        "aria-label": "Suggested follow-ups",
+        "data-testid": "athena-follow-up-suggestions",
+        className: "aui-composer-follow-ups m-0 flex min-w-0 flex-wrap gap-1.5 border-0 px-1 pt-0 pb-2",
+        children: data.map((suggestion) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            title: suggestion,
+            "data-follow-up-suggestion": "",
+            onClick: () => {
+              setDismissed(turnId);
+              onPick(suggestion);
+            },
+            className: "max-w-full truncate rounded-full border border-border/60 bg-card px-3 py-1 text-left text-muted-foreground text-xs shadow-sm transition-colors hover:border-border hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+            children: suggestion
+          },
+          suggestion
+        ))
+      }
+    )
+  );
+};
+export {
+  FOLLOW_UP_SUGGESTIONS_PATH,
+  FollowUpSuggestions,
+  MAX_FOLLOW_UP_SUGGESTIONS,
+  fetchFollowUpSuggestions,
+  readFinishedTurn,
+  readFollowUpSuggestions
+};
+//# sourceMappingURL=follow-up-suggestions.js.map

package/dist/chat/follow-up-suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"follow-up-suggestions.js","sources":["../../src/chat/follow-up-suggestions.tsx"],"sourcesContent":["/**\n * Suggested follow-up prompts (`AthenaChat`'s `followUpSuggestions`, off by\n * default): once a run this chat watched finishes with a reply, the chat asks\n * agora for up to three prompts the person might type next\n * (`POST /api/chat/follow-up-suggestions`, with the chat's own credential) and\n * shows them as chips above the composer. A chip puts its text in the composer\n * and sends nothing. They go away once the person types or sends, or a new run\n * starts; a turn that was stopped, failed or is waiting on the person gets\n * none, and a failed request shows nothing at all.\n */\nimport { type ThreadMessage, useAuiState } from '@assistant-ui/react';\nimport type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  readRunLive,\n  readRuntimeMessageFromSourceMessages,\n  useDeepAgentConnection,\n} from '@athenaintel/agent-runtime';\nimport { useQuery } from '@tanstack/react-query';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { getAthenaApiBaseUrl } from '../collab/mint';\nimport { AthenaSdkError } from '../diagnostics/errors';\nimport { useAthenaQueryClient, useAthenaQueryIdentity } from '../lib/use-athena-rest-query';\nimport { useAthenaConfig } from '../provider/AthenaContext';\nimport { sendWithCredentialRenewal } from '../runtime/credential-renewal';\nimport type { StatewireAuthSource } from '../runtime/statewire-auth-headers';\n\nexport const FOLLOW_UP_SUGGESTIONS_PATH = '/api/chat/follow-up-suggestions';\n/** The most chips shown, and the longest one agora answers. */\nexport const MAX_FOLLOW_UP_SUGGESTIONS = 3;\nconst FOLLOW_UP_SUGGESTION_MAX_CHARS = 120;\n/** What the route takes of each message: the start of the person's, the end of the reply. */\nconst FOLLOW_UP_USER_MESSAGE_MAX_CHARS = 4000;\nconst FOLLOW_UP_ASSISTANT_MESSAGE_MAX_CHARS = 8000;\n\n/** The turn a run just finished, as the request carries it. */\nexport interface FinishedTurn {\n  /** The reply's message id: one request per finished turn. */\n  id: string;\n  lastUserMessage: string;\n  lastAssistantMessage: string;\n}\n\n/** The route's JSON body. */\nexport interface FollowUpSuggestionsRequestBody {\n  thread_id: string;\n  last_user_message: string;\n  last_assistant_message: string;\n}\n\n/** The message's words: its text parts, in order (no reasoning, tools or files). */\nfunction textOf(message: ThreadMessage): string {\n  return message.content\n    .map((part) => (part.type === 'text' ? part.text : ''))\n    .filter((text) => text.trim().length > 0)\n    .join('\\n\\n')\n    .trim();\n}\n\n/**\n * The turn that ended the transcript, or `null` when it has nothing to follow\n * up on: the last message is not the assistant's, it carries no words, it did\n * not complete, or it is how the runtime ended the run (stopped, failed, a\n * server-update pause, a handoff, a send now).\n */\nexport function readFinishedTurn(messages: readonly ThreadMessage[]): FinishedTurn | null {\n  const last = messages.at(-1);\n  if (!last || last.role !== 'assistant') return null;\n  if (last.status.type !== 'complete') return null;\n  if (readRuntimeMessageFromSourceMessages(last)) return null;\n  const reply = textOf(last);\n  if (!reply) return null;\n  const lastUser = messages.findLast((message) => message.role === 'user');\n  return {\n    id: last.id,\n    lastUserMessage: (lastUser ? textOf(lastUser) : '').slice(0, FOLLOW_UP_USER_MESSAGE_MAX_CHARS),\n    lastAssistantMessage: reply.slice(-FOLLOW_UP_ASSISTANT_MESSAGE_MAX_CHARS),\n  };\n}\n\n/** The answer's suggestions as chips take them: strings, trimmed, at most three. */\nexport function readFollowUpSuggestions(body: unknown): string[] {\n  const suggestions: unknown =\n    typeof body === 'object' && body !== null ? Reflect.get(body, 'suggestions') : undefined;\n  if (!Array.isArray(suggestions)) return [];\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const item of suggestions) {\n    if (typeof item !== 'string') continue;\n    const text = item.trim();\n    if (!text || text.length > FOLLOW_UP_SUGGESTION_MAX_CHARS || seen.has(text)) continue;\n    seen.add(text);\n    out.push(text);\n    if (out.length === MAX_FOLLOW_UP_SUGGESTIONS) break;\n  }\n  return out;\n}\n\n/**\n * One request for a finished turn. The credential rides `Authorization:\n * Bearer` (resolved live through `getToken`) or `X-API-KEY`, and a refused\n * bearer is renewed once (`sendWithCredentialRenewal`), as the SDK's other\n * REST reads do. Rejects with an `AthenaSdkError` on any refusal; the chat\n * shows nothing then.\n */\nexport async function fetchFollowUpSuggestions({\n  backendUrl,\n  auth,\n  threadId,\n  turn,\n  signal,\n}: {\n  backendUrl: string;\n  auth: StatewireAuthSource;\n  threadId: string;\n  turn: FinishedTurn;\n  signal?: AbortSignal;\n}): Promise<string[]> {\n  const url = `${getAthenaApiBaseUrl(backendUrl)}${FOLLOW_UP_SUGGESTIONS_PATH}`;\n  const body: FollowUpSuggestionsRequestBody = {\n    thread_id: threadId,\n    last_user_message: turn.lastUserMessage,\n    last_assistant_message: turn.lastAssistantMessage,\n  };\n  const res = await sendWithCredentialRenewal(auth, (headers) =>\n    fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json', ...headers },\n      body: JSON.stringify(body),\n      signal: signal ?? null,\n    }),\n  );\n  if (!res.ok) {\n    throw new AthenaSdkError({\n      code: res.status === 401 || res.status === 403 ? 'auth_rejected' : 'follow_up_suggestions_failed',\n      message: `Follow-up suggestions failed: ${res.status}`,\n      status: res.status,\n    });\n  }\n  return readFollowUpSuggestions(await res.json());\n}\n\n/**\n * The turn the last run this chat watched finished with, while `enabled`:\n * the transcript's last turn when the thread came to rest after a live run,\n * and only that one. A run that was over before the chat showed it (a\n * conversation opened at rest) asks for nothing, and neither does another\n * branch the person moves to afterwards: suggestions follow the turn the\n * person saw finish. `null` while a run is live, and after one that ended\n * any way but resting (stopped, failed, waiting on the person).\n */\nfunction useFinishedTurn({ enabled }: { enabled: boolean }): FinishedTurn | null {\n  const connection = useDeepAgentConnection();\n  const live = useAuiState((state) => {\n    const thread = state.optional.thread;\n    return enabled && thread ? readRunLive(thread, connection) : false;\n  });\n  const messages = useAuiState((state) => {\n    const thread = state.optional.thread;\n    if (!enabled || !thread || readRunLive(thread, connection)) return null;\n    const status = (thread.extras as Partial<StatewireThread.Extras> | undefined)?.status;\n    if (status === undefined ? thread.isRunning : status !== 'ready') return null;\n    return thread.messages;\n  });\n  const resting = useMemo(() => (messages ? readFinishedTurn(messages) : null), [messages]);\n  // A live run arms the latch; the first turn the thread rests on after it is the one followed up.\n  const [armed, setArmed] = useState(false);\n  const [finishedId, setFinishedId] = useState<string | null>(null);\n  useEffect(() => {\n    if (!live) return;\n    setArmed(true);\n    setFinishedId(null);\n  }, [live]);\n  const restingId = resting?.id ?? null;\n  useEffect(() => {\n    if (!armed || restingId === null) return;\n    setFinishedId(restingId);\n    setArmed(false);\n  }, [armed, restingId]);\n  return resting !== null && resting.id === finishedId ? resting : null;\n}\n\n/**\n * Up to three chips above the composer after a finished turn; nothing at all\n * while `enabled` is false (no request either). `hasDraft` is the composer\n * holding anything: the person typing puts this turn's chips away for good.\n * `onPick` gets a chip's text to put in the composer.\n */\nexport const FollowUpSuggestions: FC<{\n  enabled: boolean;\n  threadId: string;\n  hasDraft: boolean;\n  onPick: (text: string) => void;\n}> = ({ enabled, threadId, hasDraft, onPick }) => {\n  const config = useAthenaConfig();\n  const { backendUrl, apiKey, getToken } = config;\n  const identity = useAthenaQueryIdentity({ apiKey, token: config.token, getToken });\n  const queryClient = useAthenaQueryClient();\n  const turn = useFinishedTurn({ enabled });\n  // The turn whose chips the person put away (typed, sent, or picked one).\n  const [dismissed, setDismissed] = useState<string | null>(null);\n  const turnId = turn?.id ?? null;\n  useEffect(() => {\n    if (hasDraft && turnId !== null) setDismissed(turnId);\n  }, [hasDraft, turnId]);\n  const open = turn !== null && turn.id !== dismissed && !hasDraft;\n  const { data } = useQuery(\n    {\n      queryKey: [\n        'athena-sdk',\n        'follow-up-suggestions',\n        backendUrl,\n        ...identity,\n        threadId,\n        turnId ?? '',\n      ],\n      // `config.token` is read at fetch time: the provider serves the latest\n      // token through a getter, so a rotation reaches the request.\n      queryFn: ({ signal }) =>\n        turn\n          ? fetchFollowUpSuggestions({\n              backendUrl,\n              auth: { apiKey, token: config.token, getToken },\n              threadId,\n              turn,\n              signal,\n            })\n          : [],\n      enabled: open && backendUrl.length > 0,\n      // One request per finished turn: never read again while the chat stays on it.\n      staleTime: Number.POSITIVE_INFINITY,\n      retry: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n    },\n    queryClient,\n  );\n  if (!open || !data || data.length === 0) return null;\n  return (\n    // A fieldset: one group named for assistive tech (its implicit role), no form semantics.\n    <fieldset\n      aria-label=\"Suggested follow-ups\"\n      data-testid=\"athena-follow-up-suggestions\"\n      className=\"aui-composer-follow-ups m-0 flex min-w-0 flex-wrap gap-1.5 border-0 px-1 pt-0 pb-2\"\n    >\n      {data.map((suggestion) => (\n        <button\n          key={suggestion}\n          type=\"button\"\n          title={suggestion}\n          data-follow-up-suggestion=\"\"\n          onClick={() => {\n            setDismissed(turnId);\n            onPick(suggestion);\n          }}\n          className=\"max-w-full truncate rounded-full border border-border/60 bg-card px-3 py-1 text-left text-muted-foreground text-xs shadow-sm transition-colors hover:border-border hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40\"\n        >\n          {suggestion}\n        </button>\n      ))}\n    </fieldset>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -82,7 +82,7 @@ function ToolTimeline({
         collapsible.CollapsibleTrigger,
         {
           "aria-controls": panelId,
-          className: "group/trigger flex min-w-0 flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "group/trigger flex min-w-[min(6rem,50%)] flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ChevronRight,
@@ -111,8 +111,9 @@ function ToolTimeline({
         "div",
         {
           "data-slot": "tool-timeline-meta",
-          className: "flex shrink-0 items-center text-xs text-muted-foreground tabular-nums",
-          children: meta
+          title: typeof meta === "string" ? meta : void 0,
+          className: "flex min-w-0 max-w-[50%] items-center overflow-hidden whitespace-nowrap text-xs text-muted-foreground tabular-nums [&>*]:min-w-0 [&>*]:truncate",
+          children: typeof meta === "string" || typeof meta === "number" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: meta }) : meta
         }
       ) : null,
       actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null

package/dist/chat/super-grouping/ToolTimeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToolTimeline.cjs","sources":["../../../src/chat/super-grouping/ToolTimeline.tsx"],"sourcesContent":["'use client';\n\n/*!\n * Adapted from assistant-ui's ToolTimeline element:\n * https://github.com/assistant-ui/assistant-ui/blob/main/packages/ui/src/components/react/assistant-ui/elements/tool-timeline.tsx\n * MIT License — Copyright (c) 2025 AgentbaseAI Inc.\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle, Pause, X } from 'lucide-react';\nimport { type ReactElement, type ReactNode, useId, useState } from 'react';\nimport { sourceFaviconUrl } from '../../chat-ui/rich-text/citation-anchors';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../ui/collapsible';\nimport type { ActivityPhase } from './activity-timeline';\nimport { type TimelineStep, visibleTimelineSteps } from './timeline-step';\n\nfunction StepIcon({ state }: { state: TimelineStep['state'] }) {\n  const Icon =\n    state === 'running'\n      ? LoaderCircle\n      : state === 'complete'\n        ? Check\n        : state === 'error'\n          ? AlertCircle\n          : state === 'rejected'\n            ? X\n            : state === 'paused'\n              ? Pause\n              : Circle;\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      className={cn(\n        'size-3.5 shrink-0',\n        state === 'running' && 'motion-safe:animate-spin',\n        state === 'error'\n          ? 'text-destructive'\n          : state === 'waiting' || state === 'paused'\n            ? 'text-amber-600 dark:text-amber-400'\n            : 'text-muted-foreground',\n      )}\n    />\n  );\n}\n\nfunction SourceFavicon({ url }: { url: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = sourceFaviconUrl(url);\n  if (!src || failed) return null;\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px] ring-2 ring-background [&:not(:first-child)]:-ml-1\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/** The sites a step's result came from, as overlapping favicons; one that fails to load is left out. */\nfunction StepSourceFavicons({ urls }: { urls: readonly string[] }) {\n  return (\n    <span data-slot=\"tool-timeline-sources\" className=\"flex shrink-0 items-center\">\n      {urls.map((url) => (\n        <SourceFavicon key={url} url={url} />\n      ))}\n    </span>\n  );\n}\n\n/**\n * The upstream disclosure/verb/chip layout, with real per-call states and live\n * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,\n * right of the status and before `actions`, so a live card carries one status\n * line rather than a second row repeating what the header already says.\n *\n * A step can be drawn by the host instead (`renderStepRow`): its node fills\n * the step's `<li>`. While `keepMounted` holds, such a row stays mounted even\n * when \"Show N earlier steps\" folds it away (hidden), so what it renders keeps\n * running, and the fold button names it in `aria-controls`, so a deep link's\n * reveal can open the fold to it.\n */\nexport function ToolTimeline({\n  steps,\n  open,\n  onOpenChange,\n  label,\n  labelTitle,\n  phase,\n  maxVisibleSteps,\n  keepMounted,\n  actions,\n  meta,\n  renderStepIcon,\n  renderStepRow,\n  showSourceFavicons = false,\n  children,\n}: {\n  steps: readonly TimelineStep[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  label: ReactNode;\n  /** Tooltip for the header line (the full form of a clipped label). */\n  labelTitle?: string;\n  phase: ActivityPhase;\n  maxVisibleSteps: number;\n  keepMounted: boolean;\n  actions?: ReactNode;\n  meta?: ReactNode;\n  /** The host's icon for a step's tool (its toolkit icon), after the status icon. */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** The host's own row for a step, in place of its status line; `null` keeps the status line. */\n  renderStepRow?: (step: TimelineStep) => ReactElement | null;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  children?: ReactNode;\n}) {\n  const panelId = useId();\n  const [showAll, setShowAll] = useState(false);\n  const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });\n  const hiddenCount = steps.length - recentSteps.length;\n  const recent = new Set(recentSteps);\n  const hostRows = new Map<TimelineStep, ReactElement>();\n  if (renderStepRow) {\n    for (const step of steps) {\n      const row = renderStepRow(step);\n      if (row) hostRows.set(step, row);\n    }\n  }\n  const hostRowId = (position: number) => `${panelId}-step-${position}`;\n  // The host rows the fold hides while they are mounted: the ones it shows\n  // again, or keeps mounted hidden.\n  const foldedHostRowIds = steps.flatMap((step, position) =>\n    hostRows.has(step) && !recent.has(step) && (showAll || keepMounted) ? [hostRowId(position)] : [],\n  );\n  return (\n    <Collapsible data-slot=\"tool-timeline\" open={open} onOpenChange={onOpenChange} className=\"w-full min-w-0\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CollapsibleTrigger\n          aria-controls={panelId}\n          className=\"group/trigger flex min-w-0 flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-3.5 shrink-0 opacity-60 transition-transform duration-200 group-data-[state=open]/trigger:rotate-90 motion-reduce:transition-none\"\n          />\n          {phase === 'error' || phase === 'waiting' ? <StepIcon state={phase} /> : null}\n          <span\n            title={labelTitle}\n            className={cn(\n              'min-w-0 break-words leading-5',\n              phase === 'running' && 'motion-safe:animate-pulse',\n              phase === 'error' && 'text-destructive',\n            )}\n          >\n            {label}\n          </span>\n        </CollapsibleTrigger>\n        {meta ? (\n          <div\n            data-slot=\"tool-timeline-meta\"\n            className=\"flex shrink-0 items-center text-xs text-muted-foreground tabular-nums\"\n          >\n            {meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      <CollapsibleContent\n        id={panelId}\n        forceMount={keepMounted ? true : undefined}\n        hidden={!open}\n        className=\"min-w-0\"\n      >\n        <ol aria-label=\"Work status updates\" className=\"flex list-none flex-col gap-2.5 py-2.5 pl-5\">\n          {hiddenCount > 0 ? (\n            <li>\n              <button\n                type=\"button\"\n                onClick={() => setShowAll((previous) => !previous)}\n                {...(foldedHostRowIds.length > 0\n                  ? { 'aria-controls': foldedHostRowIds.join(' '), 'aria-expanded': showAll }\n                  : {})}\n                className=\"rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {showAll\n                  ? 'Show recent steps'\n                  : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? 'step' : 'steps'}`}\n              </button>\n            </li>\n          ) : null}\n          {steps.map((step, position) => {\n            const folded = !showAll && !recent.has(step);\n            const hostRow = hostRows.get(step);\n            if (hostRow) {\n              if (folded && !keepMounted) return null;\n              // No display utility: `hidden` alone hides a folded row.\n              return (\n                <li\n                  key={step.id}\n                  id={hostRowId(position)}\n                  data-step-id={step.id}\n                  data-step-state={step.state}\n                  hidden={folded}\n                  className=\"min-w-0\"\n                >\n                  {hostRow}\n                </li>\n              );\n            }\n            if (folded) return null;\n            return (\n              <li\n                key={step.id}\n                data-step-id={step.id}\n                data-step-state={step.state}\n                className=\"flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground\"\n              >\n                <StepIcon state={step.state} />\n                {renderStepIcon?.(step)}\n                <span\n                  title={step.detail}\n                  className={cn(\n                    'min-w-0 break-words leading-5',\n                    step.state === 'error' && 'text-destructive',\n                    step.state === 'running' && 'text-foreground',\n                  )}\n                >\n                  <StepText text={step.verb} code={step.code} />\n                </span>\n                {showSourceFavicons && step.sourceUrls ? <StepSourceFavicons urls={step.sourceUrls} /> : null}\n                {step.chip ? (\n                  <span\n                    title={step.chip}\n                    className=\"max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70\"\n                  >\n                    {step.chip}\n                  </span>\n                ) : null}\n                <span className=\"sr-only\">{step.state}</span>\n              </li>\n            );\n          })}\n        </ol>\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["LoaderCircle","Check","AlertCircle","X","Pause","Circle","jsx","cn","useState","sourceFaviconUrl","useId","visibleTimelineSteps","Collapsible","jsxs","CollapsibleTrigger","ChevronRight","CollapsibleContent","StepText"],"mappings":"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"}
+{"version":3,"file":"ToolTimeline.cjs","sources":["../../../src/chat/super-grouping/ToolTimeline.tsx"],"sourcesContent":["'use client';\n\n/*!\n * Adapted from assistant-ui's ToolTimeline element:\n * https://github.com/assistant-ui/assistant-ui/blob/main/packages/ui/src/components/react/assistant-ui/elements/tool-timeline.tsx\n * MIT License — Copyright (c) 2025 AgentbaseAI Inc.\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { AlertCircle, Check, ChevronRight, Circle, LoaderCircle, Pause, X } from 'lucide-react';\nimport { type ReactElement, type ReactNode, useId, useState } from 'react';\nimport { sourceFaviconUrl } from '../../chat-ui/rich-text/citation-anchors';\nimport { cn } from '../../lib/utils';\nimport { StepText } from '../../tools/step-text';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../ui/collapsible';\nimport type { ActivityPhase } from './activity-timeline';\nimport { type TimelineStep, visibleTimelineSteps } from './timeline-step';\n\nfunction StepIcon({ state }: { state: TimelineStep['state'] }) {\n  const Icon =\n    state === 'running'\n      ? LoaderCircle\n      : state === 'complete'\n        ? Check\n        : state === 'error'\n          ? AlertCircle\n          : state === 'rejected'\n            ? X\n            : state === 'paused'\n              ? Pause\n              : Circle;\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      className={cn(\n        'size-3.5 shrink-0',\n        state === 'running' && 'motion-safe:animate-spin',\n        state === 'error'\n          ? 'text-destructive'\n          : state === 'waiting' || state === 'paused'\n            ? 'text-amber-600 dark:text-amber-400'\n            : 'text-muted-foreground',\n      )}\n    />\n  );\n}\n\nfunction SourceFavicon({ url }: { url: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = sourceFaviconUrl(url);\n  if (!src || failed) return null;\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px] ring-2 ring-background [&:not(:first-child)]:-ml-1\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/** The sites a step's result came from, as overlapping favicons; one that fails to load is left out. */\nfunction StepSourceFavicons({ urls }: { urls: readonly string[] }) {\n  return (\n    <span data-slot=\"tool-timeline-sources\" className=\"flex shrink-0 items-center\">\n      {urls.map((url) => (\n        <SourceFavicon key={url} url={url} />\n      ))}\n    </span>\n  );\n}\n\n/**\n * The upstream disclosure/verb/chip layout, with real per-call states and live\n * tool UIs. `meta` (a host's elapsed counter, or a step's detail such as a\n * search query) sits on the header row itself, right of the status and before\n * `actions`, so a live card carries one status line rather than a second row\n * repeating what the header already says. In a narrow host it gives way first:\n * it takes at most half the row and ends in an ellipsis (a string `meta` keeps\n * its full text as the tooltip), while the label keeps at least 6rem (half the\n * row when that is narrower).\n *\n * A step can be drawn by the host instead (`renderStepRow`): its node fills\n * the step's `<li>`. While `keepMounted` holds, such a row stays mounted even\n * when \"Show N earlier steps\" folds it away (hidden), so what it renders keeps\n * running, and the fold button names it in `aria-controls`, so a deep link's\n * reveal can open the fold to it.\n */\nexport function ToolTimeline({\n  steps,\n  open,\n  onOpenChange,\n  label,\n  labelTitle,\n  phase,\n  maxVisibleSteps,\n  keepMounted,\n  actions,\n  meta,\n  renderStepIcon,\n  renderStepRow,\n  showSourceFavicons = false,\n  children,\n}: {\n  steps: readonly TimelineStep[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  label: ReactNode;\n  /** Tooltip for the header line (the full form of a clipped label). */\n  labelTitle?: string;\n  phase: ActivityPhase;\n  maxVisibleSteps: number;\n  keepMounted: boolean;\n  actions?: ReactNode;\n  meta?: ReactNode;\n  /** The host's icon for a step's tool (its toolkit icon), after the status icon. */\n  renderStepIcon?: (step: TimelineStep) => ReactNode;\n  /** The host's own row for a step, in place of its status line; `null` keeps the status line. */\n  renderStepRow?: (step: TimelineStep) => ReactElement | null;\n  /** Show the favicons of the sites a finished step's result lists. */\n  showSourceFavicons?: boolean;\n  children?: ReactNode;\n}) {\n  const panelId = useId();\n  const [showAll, setShowAll] = useState(false);\n  const recentSteps = visibleTimelineSteps({ steps, limit: maxVisibleSteps });\n  const hiddenCount = steps.length - recentSteps.length;\n  const recent = new Set(recentSteps);\n  const hostRows = new Map<TimelineStep, ReactElement>();\n  if (renderStepRow) {\n    for (const step of steps) {\n      const row = renderStepRow(step);\n      if (row) hostRows.set(step, row);\n    }\n  }\n  const hostRowId = (position: number) => `${panelId}-step-${position}`;\n  // The host rows the fold hides while they are mounted: the ones it shows\n  // again, or keeps mounted hidden.\n  const foldedHostRowIds = steps.flatMap((step, position) =>\n    hostRows.has(step) && !recent.has(step) && (showAll || keepMounted) ? [hostRowId(position)] : [],\n  );\n  return (\n    <Collapsible data-slot=\"tool-timeline\" open={open} onOpenChange={onOpenChange} className=\"w-full min-w-0\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CollapsibleTrigger\n          aria-controls={panelId}\n          className=\"group/trigger flex min-w-[min(6rem,50%)] flex-1 items-center gap-1.5 rounded-md py-1 text-left text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"size-3.5 shrink-0 opacity-60 transition-transform duration-200 group-data-[state=open]/trigger:rotate-90 motion-reduce:transition-none\"\n          />\n          {phase === 'error' || phase === 'waiting' ? <StepIcon state={phase} /> : null}\n          <span\n            title={labelTitle}\n            className={cn(\n              'min-w-0 break-words leading-5',\n              phase === 'running' && 'motion-safe:animate-pulse',\n              phase === 'error' && 'text-destructive',\n            )}\n          >\n            {label}\n          </span>\n        </CollapsibleTrigger>\n        {meta ? (\n          <div\n            data-slot=\"tool-timeline-meta\"\n            title={typeof meta === 'string' ? meta : undefined}\n            className=\"flex min-w-0 max-w-[50%] items-center overflow-hidden whitespace-nowrap text-xs text-muted-foreground tabular-nums [&>*]:min-w-0 [&>*]:truncate\"\n          >\n            {typeof meta === 'string' || typeof meta === 'number' ? <span>{meta}</span> : meta}\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n      <CollapsibleContent\n        id={panelId}\n        forceMount={keepMounted ? true : undefined}\n        hidden={!open}\n        className=\"min-w-0\"\n      >\n        <ol aria-label=\"Work status updates\" className=\"flex list-none flex-col gap-2.5 py-2.5 pl-5\">\n          {hiddenCount > 0 ? (\n            <li>\n              <button\n                type=\"button\"\n                onClick={() => setShowAll((previous) => !previous)}\n                {...(foldedHostRowIds.length > 0\n                  ? { 'aria-controls': foldedHostRowIds.join(' '), 'aria-expanded': showAll }\n                  : {})}\n                className=\"rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {showAll\n                  ? 'Show recent steps'\n                  : `Show ${hiddenCount} earlier ${hiddenCount === 1 ? 'step' : 'steps'}`}\n              </button>\n            </li>\n          ) : null}\n          {steps.map((step, position) => {\n            const folded = !showAll && !recent.has(step);\n            const hostRow = hostRows.get(step);\n            if (hostRow) {\n              if (folded && !keepMounted) return null;\n              // No display utility: `hidden` alone hides a folded row.\n              return (\n                <li\n                  key={step.id}\n                  id={hostRowId(position)}\n                  data-step-id={step.id}\n                  data-step-state={step.state}\n                  hidden={folded}\n                  className=\"min-w-0\"\n                >\n                  {hostRow}\n                </li>\n              );\n            }\n            if (folded) return null;\n            return (\n              <li\n                key={step.id}\n                data-step-id={step.id}\n                data-step-state={step.state}\n                className=\"flex min-w-0 items-center gap-2 text-[13px] text-muted-foreground\"\n              >\n                <StepIcon state={step.state} />\n                {renderStepIcon?.(step)}\n                <span\n                  title={step.detail}\n                  className={cn(\n                    'min-w-0 break-words leading-5',\n                    step.state === 'error' && 'text-destructive',\n                    step.state === 'running' && 'text-foreground',\n                  )}\n                >\n                  <StepText text={step.verb} code={step.code} />\n                </span>\n                {showSourceFavicons && step.sourceUrls ? <StepSourceFavicons urls={step.sourceUrls} /> : null}\n                {step.chip ? (\n                  <span\n                    title={step.chip}\n                    className=\"max-w-[45%] truncate rounded-md bg-foreground/[0.06] px-1.5 py-0.5 font-mono text-[11px] text-foreground/70\"\n                  >\n                    {step.chip}\n                  </span>\n                ) : null}\n                <span className=\"sr-only\">{step.state}</span>\n              </li>\n            );\n          })}\n        </ol>\n        {children}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["LoaderCircle","Check","AlertCircle","X","Pause","Circle","jsx","cn","useState","sourceFaviconUrl","useId","visibleTimelineSteps","Collapsible","jsxs","CollapsibleTrigger","ChevronRight","CollapsibleContent","StepText"],"mappings":"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"}

package/dist/chat/super-grouping/ToolTimeline.d.ts

@@ -3,9 +3,13 @@ import type { ActivityPhase } from './activity-timeline';
 import { type TimelineStep } from './timeline-step';
 /**
  * The upstream disclosure/verb/chip layout, with real per-call states and live
- * tool UIs. `meta` (a host's elapsed counter) sits on the header row itself,
- * right of the status and before `actions`, so a live card carries one status
- * line rather than a second row repeating what the header already says.
+ * tool UIs. `meta` (a host's elapsed counter, or a step's detail such as a
+ * search query) sits on the header row itself, right of the status and before
+ * `actions`, so a live card carries one status line rather than a second row
+ * repeating what the header already says. In a narrow host it gives way first:
+ * it takes at most half the row and ends in an ellipsis (a string `meta` keeps
+ * its full text as the tooltip), while the label keeps at least 6rem (half the
+ * row when that is narrower).
  *
  * A step can be drawn by the host instead (`renderStepRow`): its node fills
  * the step's `<li>`. While `keepMounted` holds, such a row stays mounted even