@athenaintel/react 0.42.2 → 0.48.0

package/dist/chat-ui/mentions/use-mention-asset.js

@@ -0,0 +1,140 @@
+import { QueryClientContext, useQuery, QueryClient } from "@tanstack/react-query";
+import { useContext } from "react";
+import { MentionAuthCtx, fetchGraphQL } from "./suggestions/data/api-client.js";
+const MENTION_ASSET_BATCH_SIZE = 50;
+const MENTION_ASSET_BATCH_WINDOW_MS = 16;
+const MENTION_ASSET_STALE_TIME_MS = 6e4;
+const MENTION_ASSETS_QUERY = `
+  query MentionChipAssets($assetIds: [String!]!) {
+    getAssetsByIds(assetIds: $assetIds) {
+      id
+      title
+      athenaOriginalType
+    }
+  }
+`;
+const LOOKUP_ID = /^asset_[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function mentionAssetLookupId(assetId) {
+  const baseId = (assetId == null ? void 0 : assetId.trim().split("@")[0]) ?? "";
+  return LOOKUP_ID.test(baseId) ? baseId : null;
+}
+function canAuthenticate(auth) {
+  return Boolean(auth.accessToken || auth.apiKey || auth.credentials || auth.getAccessToken);
+}
+function fingerprint(credential) {
+  let hash = 2166136261;
+  for (let index = 0; index < credential.length; index += 1) {
+    hash ^= credential.charCodeAt(index);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash.toString(16).padStart(8, "0");
+}
+const authScopes = /* @__PURE__ */ new WeakMap();
+let authScopeCount = 0;
+function principalOf(auth) {
+  const scope = [];
+  if (auth.userId) scope.push(`user:${auth.userId}`);
+  if (auth.apiKey) scope.push(`key:${fingerprint(auth.apiKey)}`);
+  if (scope.length) return scope.join("|");
+  let own = authScopes.get(auth);
+  if (!own) {
+    authScopeCount += 1;
+    own = `auth:${authScopeCount}`;
+    authScopes.set(auth, own);
+  }
+  const token = auth.accessToken;
+  return token ? `${own}|token:${fingerprint(token)}` : own;
+}
+const pendingBatches = /* @__PURE__ */ new Map();
+function settle(waiters, asset) {
+  for (const waiter of waiters ?? []) waiter.resolve(asset);
+}
+function fail(waiters, error) {
+  for (const waiter of waiters ?? []) waiter.reject(error);
+}
+function sendBatch(batchKey) {
+  const batch = pendingBatches.get(batchKey);
+  if (!batch) return;
+  pendingBatches.delete(batchKey);
+  const ids = [...batch.waiters.keys()];
+  for (let start = 0; start < ids.length; start += MENTION_ASSET_BATCH_SIZE) {
+    const chunk = ids.slice(start, start + MENTION_ASSET_BATCH_SIZE);
+    fetchGraphQL(batch.auth, MENTION_ASSETS_QUERY, {
+      assetIds: chunk
+    }).then(
+      (data) => {
+        var _a, _b;
+        const found = new Map((data.getAssetsByIds ?? []).map((asset) => [asset.id, asset]));
+        for (const id of chunk) {
+          const asset = found.get(id);
+          settle(
+            batch.waiters.get(id),
+            asset ? {
+              id,
+              title: ((_a = asset.title) == null ? void 0 : _a.trim()) ?? "",
+              assetType: ((_b = asset.athenaOriginalType) == null ? void 0 : _b.trim()) ?? ""
+            } : null
+          );
+        }
+      },
+      (error) => {
+        for (const id of chunk) fail(batch.waiters.get(id), error);
+      }
+    );
+  }
+}
+function loadMentionAsset({
+  auth,
+  batchKey,
+  assetId
+}) {
+  return new Promise((resolve, reject) => {
+    let batch = pendingBatches.get(batchKey);
+    if (!batch) {
+      batch = { auth, waiters: /* @__PURE__ */ new Map() };
+      pendingBatches.set(batchKey, batch);
+      setTimeout(() => sendBatch(batchKey), MENTION_ASSET_BATCH_WINDOW_MS);
+    }
+    const waiters = batch.waiters.get(assetId) ?? [];
+    waiters.push({ resolve, reject });
+    batch.waiters.set(assetId, waiters);
+  });
+}
+const chipQueryClient = new QueryClient();
+function useMentionAsset(assetId) {
+  const auth = useContext(MentionAuthCtx);
+  const hostQueryClient = useContext(QueryClientContext);
+  const lookupId = mentionAssetLookupId(assetId);
+  const enabled = Boolean(auth && lookupId && canAuthenticate(auth));
+  const backendUrl = (auth == null ? void 0 : auth.backendUrl) ?? "";
+  const principal = auth ? principalOf(auth) : "";
+  const { data } = useQuery(
+    {
+      queryKey: ["athena-sdk", "mention-asset", backendUrl, principal, lookupId ?? ""],
+      queryFn: () => {
+        if (!auth || !lookupId) return null;
+        return loadMentionAsset({
+          auth,
+          batchKey: `${backendUrl}|${principal}`,
+          assetId: lookupId
+        });
+      },
+      enabled,
+      staleTime: MENTION_ASSET_STALE_TIME_MS,
+      // Kept no longer than it is fresh: a title is shown again only after
+      // agora answers again, never from a cache a minute past its check.
+      gcTime: MENTION_ASSET_STALE_TIME_MS,
+      retry: false,
+      refetchOnWindowFocus: false
+    },
+    hostQueryClient ?? chipQueryClient
+  );
+  return enabled ? data : void 0;
+}
+export {
+  MENTION_ASSET_BATCH_SIZE,
+  MENTION_ASSET_BATCH_WINDOW_MS,
+  mentionAssetLookupId,
+  useMentionAsset
+};
+//# sourceMappingURL=use-mention-asset.js.map

package/dist/chat-ui/mentions/use-mention-asset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mention-asset.js","sources":["../../../src/chat-ui/mentions/use-mention-asset.ts"],"sourcesContent":["/**\n * The asset an asset chip names, read the way Olympus's chips read it: its\n * title and type from agora's `getAssetsByIds`, which returns only the assets\n * the caller may read (an id they cannot read is left out of the answer, as is\n * another workspace's). A chip then shows the asset's own name and icon\n * instead of whatever label and `type=` its link carried.\n *\n * Chips that mount together ask together: one GraphQL request per batch of up\n * to {@link MENTION_ASSET_BATCH_SIZE} ids, gathered over\n * {@link MENTION_ASSET_BATCH_WINDOW_MS}. Each answer is a TanStack query keyed\n * by backend, the person asking and the id, fresh for a minute, so a\n * transcript full of citations to one repository asks for it once.\n */\nimport { QueryClient, QueryClientContext, useQuery } from \"@tanstack/react-query\";\nimport { useContext } from \"react\";\nimport {\n  fetchGraphQL,\n  type MentionAuthContext,\n  MentionAuthCtx,\n} from \"./suggestions/data/api-client\";\n\n/** What a chip draws from the asset: its current title and its type. */\nexport interface MentionAsset {\n  id: string;\n  title: string;\n  assetType: string;\n}\n\nexport const MENTION_ASSET_BATCH_SIZE = 50;\nexport const MENTION_ASSET_BATCH_WINDOW_MS = 16;\nconst MENTION_ASSET_STALE_TIME_MS = 60_000;\n\n/** No metadata: a session's carries its token ledgers, and a chip needs a name and a type. */\nconst MENTION_ASSETS_QUERY = `\n  query MentionChipAssets($assetIds: [String!]!) {\n    getAssetsByIds(assetIds: $assetIds) {\n      id\n      title\n      athenaOriginalType\n    }\n  }\n`;\n\ninterface MentionAssetsResponse {\n  getAssetsByIds?: Array<{\n    id: string;\n    title: string | null;\n    athenaOriginalType: string | null;\n  }> | null;\n}\n\n/**\n * The ids a lookup asks about: a stored asset. A versioned id (`asset_x@3`)\n * asks about its asset. A live provider file (`asset_<catalog>_<file>`) is not\n * a row `getAssetsByIds` holds, and a session (`asset_thread_<uuid>`) is never\n * asked about: agora reads the whole row, and a session's metadata carries\n * its transcript's ledgers (megabytes on a long session) — too much for a name.\n */\nconst LOOKUP_ID = /^asset_[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n\nexport function mentionAssetLookupId(assetId: string | undefined): string | null {\n  const baseId = assetId?.trim().split(\"@\")[0] ?? \"\";\n  return LOOKUP_ID.test(baseId) ? baseId : null;\n}\n\n/** Whether a request can carry a credential (`mentionRequestInit` refuses one that cannot). */\nfunction canAuthenticate(auth: MentionAuthContext): boolean {\n  return Boolean(auth.accessToken || auth.apiKey || auth.credentials || auth.getAccessToken);\n}\n\n/** A short, stable stand-in for a credential in a cache key; never the credential itself. */\nfunction fingerprint(credential: string): string {\n  let hash = 0x811c9dc5;\n  for (let index = 0; index < credential.length; index += 1) {\n    hash ^= credential.charCodeAt(index);\n    hash = Math.imul(hash, 0x01000193) >>> 0;\n  }\n  return hash.toString(16).padStart(8, \"0\");\n}\n\n/** The scope each credential with no stable identity of its own gets: its own auth object. */\nconst authScopes = new WeakMap<MentionAuthContext, string>();\nlet authScopeCount = 0;\n\n/**\n * Who is asking, as narrowly as the credential says: what `getAssetsByIds`\n * answers differs per person and per API key, and an answer (or a batch's\n * request) is only ever shared within one scope. A person's id and an API key\n * scope the cache across token rotations. A credential that names neither (a\n * session cookie, a token callback) shares nothing beyond its own auth object\n * and its current token, so a token swapped on the same object asks again.\n */\nfunction principalOf(auth: MentionAuthContext): string {\n  const scope: string[] = [];\n  if (auth.userId) scope.push(`user:${auth.userId}`);\n  if (auth.apiKey) scope.push(`key:${fingerprint(auth.apiKey)}`);\n  if (scope.length) return scope.join(\"|\");\n  let own = authScopes.get(auth);\n  if (!own) {\n    authScopeCount += 1;\n    own = `auth:${authScopeCount}`;\n    authScopes.set(auth, own);\n  }\n  const token = auth.accessToken;\n  return token ? `${own}|token:${fingerprint(token)}` : own;\n}\n\ninterface Waiter {\n  resolve: (asset: MentionAsset | null) => void;\n  reject: (error: unknown) => void;\n}\n\ninterface PendingBatch {\n  auth: MentionAuthContext;\n  waiters: Map<string, Waiter[]>;\n}\n\n/** The batch each backend and principal is gathering, until its window closes. */\nconst pendingBatches = new Map<string, PendingBatch>();\n\nfunction settle(waiters: Waiter[] | undefined, asset: MentionAsset | null): void {\n  for (const waiter of waiters ?? []) waiter.resolve(asset);\n}\n\nfunction fail(waiters: Waiter[] | undefined, error: unknown): void {\n  for (const waiter of waiters ?? []) waiter.reject(error);\n}\n\nfunction sendBatch(batchKey: string): void {\n  const batch = pendingBatches.get(batchKey);\n  if (!batch) return;\n  pendingBatches.delete(batchKey);\n  const ids = [...batch.waiters.keys()];\n  for (let start = 0; start < ids.length; start += MENTION_ASSET_BATCH_SIZE) {\n    const chunk = ids.slice(start, start + MENTION_ASSET_BATCH_SIZE);\n    fetchGraphQL<MentionAssetsResponse>(batch.auth, MENTION_ASSETS_QUERY, {\n      assetIds: chunk,\n    }).then(\n      (data) => {\n        const found = new Map((data.getAssetsByIds ?? []).map((asset) => [asset.id, asset]));\n        for (const id of chunk) {\n          const asset = found.get(id);\n          settle(\n            batch.waiters.get(id),\n            asset\n              ? {\n                  id,\n                  title: asset.title?.trim() ?? \"\",\n                  assetType: asset.athenaOriginalType?.trim() ?? \"\",\n                }\n              : null,\n          );\n        }\n      },\n      (error: unknown) => {\n        for (const id of chunk) fail(batch.waiters.get(id), error);\n      },\n    );\n  }\n}\n\nfunction loadMentionAsset({\n  auth,\n  batchKey,\n  assetId,\n}: {\n  auth: MentionAuthContext;\n  batchKey: string;\n  assetId: string;\n}): Promise<MentionAsset | null> {\n  return new Promise((resolve, reject) => {\n    let batch = pendingBatches.get(batchKey);\n    if (!batch) {\n      batch = { auth, waiters: new Map() };\n      pendingBatches.set(batchKey, batch);\n      setTimeout(() => sendBatch(batchKey), MENTION_ASSET_BATCH_WINDOW_MS);\n    }\n    const waiters = batch.waiters.get(assetId) ?? [];\n    waiters.push({ resolve, reject });\n    batch.waiters.set(assetId, waiters);\n  });\n}\n\n/** Chips rendered outside any query client (a host's own tray) still share one cache. */\nconst chipQueryClient = new QueryClient();\n\n/**\n * The asset an asset chip names: `undefined` while unknown (no lookup, still\n * loading, or the lookup failed), `null` when agora returned no asset the\n * viewer may read under that id, else its title and type.\n */\nexport function useMentionAsset(assetId: string | undefined): MentionAsset | null | undefined {\n  const auth = useContext(MentionAuthCtx);\n  const hostQueryClient = useContext(QueryClientContext);\n  const lookupId = mentionAssetLookupId(assetId);\n  const enabled = Boolean(auth && lookupId && canAuthenticate(auth));\n  const backendUrl = auth?.backendUrl ?? \"\";\n  const principal = auth ? principalOf(auth) : \"\";\n  const { data } = useQuery(\n    {\n      queryKey: [\"athena-sdk\", \"mention-asset\", backendUrl, principal, lookupId ?? \"\"],\n      queryFn: () => {\n        if (!auth || !lookupId) return null;\n        return loadMentionAsset({\n          auth,\n          batchKey: `${backendUrl}|${principal}`,\n          assetId: lookupId,\n        });\n      },\n      enabled,\n      staleTime: MENTION_ASSET_STALE_TIME_MS,\n      // Kept no longer than it is fresh: a title is shown again only after\n      // agora answers again, never from a cache a minute past its check.\n      gcTime: MENTION_ASSET_STALE_TIME_MS,\n      retry: false,\n      refetchOnWindowFocus: false,\n    },\n    hostQueryClient ?? chipQueryClient,\n  );\n  return enabled ? data : undefined;\n}\n\nexport function resetMentionAssetsForTests(): void {\n  pendingBatches.clear();\n  chipQueryClient.clear();\n}\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/messages/answer-label.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const require$$0 = require("react");
+const answerLabel = require("../../agent-runtime/src/answer-label.cjs");
+const cnfast = require("cnfast");
+const NO_ANSWER_LABELS = { threadShowsLabels: false, viewerUserId: null };
+const AnswerLabelsContext = require$$0.createContext(NO_ANSWER_LABELS);
+const AnswerLabelScope = ({ viewerUserId = null, children }) => {
+  const threadShowsLabels = react.useAuiState(
+    (state) => answerLabel.threadShowsAnswerLabels(state.thread.messages)
+  );
+  const labels = require$$0.useMemo(
+    () => ({ threadShowsLabels, viewerUserId }),
+    [threadShowsLabels, viewerUserId]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AnswerLabelsContext.Provider, { value: labels, children });
+};
+const AnswerLabel = ({ className }) => {
+  const message = react.useAuiState((state) => state.message);
+  const { threadShowsLabels, viewerUserId } = require$$0.useContext(AnswerLabelsContext);
+  const label = require$$0.useMemo(() => {
+    const answers = answerLabel.readMessageAnswers(message);
+    return answerLabel.showsAnswerLabel({ answers, threadShowsLabels, viewerId: viewerUserId }) ? answerLabel.answerLabelText({ answers, viewerId: viewerUserId }) : null;
+  }, [message, threadShowsLabels, viewerUserId]);
+  if (!label) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "p",
+    {
+      "data-slot": "answer-label",
+      className: cnfast.cn("aui-answer-label text-muted-foreground text-xs", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Answered by " }),
+        label
+      ]
+    }
+  );
+};
+exports.AnswerLabel = AnswerLabel;
+exports.AnswerLabelScope = AnswerLabelScope;
+//# sourceMappingURL=answer-label.cjs.map

package/dist/chat-ui/messages/answer-label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"answer-label.cjs","sources":["../../../src/chat-ui/messages/answer-label.tsx"],"sourcesContent":["/**\n * Which agent answered and whom it worked for, above an answer (identity v7\n * D13): \"Finance · for you\". The backend stamps every answer a deep-agent\n * run's model produces (`metadata.custom.answered_by`); the reader and the\n * decision are `@athenaintel/agent-runtime`'s, shared with Olympus, so every\n * surface labels the same answers with the same words.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  answerLabelText,\n  readMessageAnswers,\n  showsAnswerLabel,\n  threadShowsAnswerLabels,\n} from \"@athenaintel/agent-runtime\";\nimport { createContext, type FC, type ReactNode, useContext, useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ninterface AnswerLabels {\n  /** The transcript's answers name several agents, or several principals they worked for. */\n  threadShowsLabels: boolean;\n  viewerUserId: string | null;\n}\n\nconst NO_ANSWER_LABELS: AnswerLabels = { threadShowsLabels: false, viewerUserId: null };\n\nconst AnswerLabelsContext = createContext<AnswerLabels>(NO_ANSWER_LABELS);\n\nexport interface AnswerLabelScopeProps {\n  /**\n   * The signed-in viewer's Athena user id (`user_…`): their own answers read\n   * \"for you\", and an answer for another person is labelled even in a 1:1\n   * chat. Unknown (`null`, the default), answers read \"for <their name>\" and\n   * only the thread-wide rule labels them.\n   */\n  viewerUserId?: string | null;\n  children: ReactNode;\n}\n\n/**\n * The thread-wide half of the decision, derived once per thread: once the\n * transcript's answers name two or more agents, or two or more principals,\n * every answer is labelled. It decides over the history loaded so far\n * (`threadShowsAnswerLabels`): an older page can turn the labels on, never\n * change what an answer is attributed to. Selected as a boolean (the answers\n * are cached per message object, so a streamed token rescans only its own\n * row) and published keyed on primitives, so the answers below never\n * re-render per token. `ChatThreadShell` mounts it around the messages.\n */\nexport const AnswerLabelScope: FC<AnswerLabelScopeProps> = ({ viewerUserId = null, children }) => {\n  const threadShowsLabels = useAuiState((state) =>\n    threadShowsAnswerLabels(state.thread.messages),\n  );\n  const labels = useMemo(\n    (): AnswerLabels => ({ threadShowsLabels, viewerUserId }),\n    [threadShowsLabels, viewerUserId],\n  );\n  return <AnswerLabelsContext.Provider value={labels}>{children}</AnswerLabelsContext.Provider>;\n};\n\nexport interface AnswerLabelProps {\n  className?: string;\n}\n\n/**\n * Inside an assistant message: the agent that answered and whom it worked for,\n * as a small muted line. Nothing in a 1:1 chat with one's own assistant, and\n * nothing for an answer written before the backend stamped it. Reads only its\n * own message (its bound sources, where every agent that answered in a joined\n * turn is found), never the thread's list.\n */\nexport const AnswerLabel: FC<AnswerLabelProps> = ({ className }) => {\n  const message = useAuiState((state) => state.message);\n  const { threadShowsLabels, viewerUserId } = useContext(AnswerLabelsContext);\n  const label = useMemo(() => {\n    const answers = readMessageAnswers(message);\n    return showsAnswerLabel({ answers, threadShowsLabels, viewerId: viewerUserId })\n      ? answerLabelText({ answers, viewerId: viewerUserId })\n      : null;\n  }, [message, threadShowsLabels, viewerUserId]);\n  if (!label) return null;\n  return (\n    <p\n      data-slot=\"answer-label\"\n      className={cn(\"aui-answer-label text-muted-foreground text-xs\", className)}\n    >\n      <span className=\"sr-only\">Answered by </span>\n      {label}\n    </p>\n  );\n};\n"],"names":["createContext","useAuiState","threadShowsAnswerLabels","useMemo","useContext","readMessageAnswers","showsAnswerLabel","answerLabelText","jsxs","cn","jsx"],"mappings":";;;;;;;AAuBA,MAAM,mBAAiC,EAAE,mBAAmB,OAAO,cAAc,KAAA;AAEjF,MAAM,sBAAsBA,WAAAA,cAA4B,gBAAgB;AAuBjE,MAAM,mBAA8C,CAAC,EAAE,eAAe,MAAM,eAAe;AAChG,QAAM,oBAAoBC,MAAAA;AAAAA,IAAY,CAAC,UACrCC,YAAAA,wBAAwB,MAAM,OAAO,QAAQ;AAAA,EAAA;AAE/C,QAAM,SAASC,WAAAA;AAAAA,IACb,OAAqB,EAAE,mBAAmB;IAC1C,CAAC,mBAAmB,YAAY;AAAA,EAAA;AAElC,wCAAQ,oBAAoB,UAApB,EAA6B,OAAO,QAAS,UAAS;AAChE;AAaO,MAAM,cAAoC,CAAC,EAAE,gBAAgB;AAClE,QAAM,UAAUF,MAAAA,YAAY,CAAC,UAAU,MAAM,OAAO;AACpD,QAAM,EAAE,mBAAmB,iBAAiBG,WAAAA,WAAW,mBAAmB;AAC1E,QAAM,QAAQD,WAAAA,QAAQ,MAAM;AAC1B,UAAM,UAAUE,YAAAA,mBAAmB,OAAO;AAC1C,WAAOC,YAAAA,iBAAiB,EAAE,SAAS,mBAAmB,UAAU,aAAA,CAAc,IAC1EC,YAAAA,gBAAgB,EAAE,SAAS,UAAU,aAAA,CAAc,IACnD;AAAA,EACN,GAAG,CAAC,SAAS,mBAAmB,YAAY,CAAC;AAC7C,MAAI,CAAC,MAAO,QAAO;AACnB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,OAAAA,GAAG,kDAAkD,SAAS;AAAA,MAEzE,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAU,UAAA,gBAAY;AAAA,QACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/chat-ui/messages/answer-label.d.ts

@@ -0,0 +1,33 @@
+import { type FC, type ReactNode } from "react";
+export interface AnswerLabelScopeProps {
+    /**
+     * The signed-in viewer's Athena user id (`user_…`): their own answers read
+     * "for you", and an answer for another person is labelled even in a 1:1
+     * chat. Unknown (`null`, the default), answers read "for <their name>" and
+     * only the thread-wide rule labels them.
+     */
+    viewerUserId?: string | null;
+    children: ReactNode;
+}
+/**
+ * The thread-wide half of the decision, derived once per thread: once the
+ * transcript's answers name two or more agents, or two or more principals,
+ * every answer is labelled. It decides over the history loaded so far
+ * (`threadShowsAnswerLabels`): an older page can turn the labels on, never
+ * change what an answer is attributed to. Selected as a boolean (the answers
+ * are cached per message object, so a streamed token rescans only its own
+ * row) and published keyed on primitives, so the answers below never
+ * re-render per token. `ChatThreadShell` mounts it around the messages.
+ */
+export declare const AnswerLabelScope: FC<AnswerLabelScopeProps>;
+export interface AnswerLabelProps {
+    className?: string;
+}
+/**
+ * Inside an assistant message: the agent that answered and whom it worked for,
+ * as a small muted line. Nothing in a 1:1 chat with one's own assistant, and
+ * nothing for an answer written before the backend stamped it. Reads only its
+ * own message (its bound sources, where every agent that answered in a joined
+ * turn is found), never the thread's list.
+ */
+export declare const AnswerLabel: FC<AnswerLabelProps>;

package/dist/chat-ui/messages/answer-label.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { useContext, useMemo, createContext } from "react";
+import { readMessageAnswers, showsAnswerLabel, answerLabelText, threadShowsAnswerLabels } from "../../agent-runtime/src/answer-label.js";
+import { cn } from "cnfast";
+const NO_ANSWER_LABELS = { threadShowsLabels: false, viewerUserId: null };
+const AnswerLabelsContext = createContext(NO_ANSWER_LABELS);
+const AnswerLabelScope = ({ viewerUserId = null, children }) => {
+  const threadShowsLabels = useAuiState(
+    (state) => threadShowsAnswerLabels(state.thread.messages)
+  );
+  const labels = useMemo(
+    () => ({ threadShowsLabels, viewerUserId }),
+    [threadShowsLabels, viewerUserId]
+  );
+  return /* @__PURE__ */ jsx(AnswerLabelsContext.Provider, { value: labels, children });
+};
+const AnswerLabel = ({ className }) => {
+  const message = useAuiState((state) => state.message);
+  const { threadShowsLabels, viewerUserId } = useContext(AnswerLabelsContext);
+  const label = useMemo(() => {
+    const answers = readMessageAnswers(message);
+    return showsAnswerLabel({ answers, threadShowsLabels, viewerId: viewerUserId }) ? answerLabelText({ answers, viewerId: viewerUserId }) : null;
+  }, [message, threadShowsLabels, viewerUserId]);
+  if (!label) return null;
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      "data-slot": "answer-label",
+      className: cn("aui-answer-label text-muted-foreground text-xs", className),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Answered by " }),
+        label
+      ]
+    }
+  );
+};
+export {
+  AnswerLabel,
+  AnswerLabelScope
+};
+//# sourceMappingURL=answer-label.js.map

package/dist/chat-ui/messages/answer-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"answer-label.js","sources":["../../../src/chat-ui/messages/answer-label.tsx"],"sourcesContent":["/**\n * Which agent answered and whom it worked for, above an answer (identity v7\n * D13): \"Finance · for you\". The backend stamps every answer a deep-agent\n * run's model produces (`metadata.custom.answered_by`); the reader and the\n * decision are `@athenaintel/agent-runtime`'s, shared with Olympus, so every\n * surface labels the same answers with the same words.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  answerLabelText,\n  readMessageAnswers,\n  showsAnswerLabel,\n  threadShowsAnswerLabels,\n} from \"@athenaintel/agent-runtime\";\nimport { createContext, type FC, type ReactNode, useContext, useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ninterface AnswerLabels {\n  /** The transcript's answers name several agents, or several principals they worked for. */\n  threadShowsLabels: boolean;\n  viewerUserId: string | null;\n}\n\nconst NO_ANSWER_LABELS: AnswerLabels = { threadShowsLabels: false, viewerUserId: null };\n\nconst AnswerLabelsContext = createContext<AnswerLabels>(NO_ANSWER_LABELS);\n\nexport interface AnswerLabelScopeProps {\n  /**\n   * The signed-in viewer's Athena user id (`user_…`): their own answers read\n   * \"for you\", and an answer for another person is labelled even in a 1:1\n   * chat. Unknown (`null`, the default), answers read \"for <their name>\" and\n   * only the thread-wide rule labels them.\n   */\n  viewerUserId?: string | null;\n  children: ReactNode;\n}\n\n/**\n * The thread-wide half of the decision, derived once per thread: once the\n * transcript's answers name two or more agents, or two or more principals,\n * every answer is labelled. It decides over the history loaded so far\n * (`threadShowsAnswerLabels`): an older page can turn the labels on, never\n * change what an answer is attributed to. Selected as a boolean (the answers\n * are cached per message object, so a streamed token rescans only its own\n * row) and published keyed on primitives, so the answers below never\n * re-render per token. `ChatThreadShell` mounts it around the messages.\n */\nexport const AnswerLabelScope: FC<AnswerLabelScopeProps> = ({ viewerUserId = null, children }) => {\n  const threadShowsLabels = useAuiState((state) =>\n    threadShowsAnswerLabels(state.thread.messages),\n  );\n  const labels = useMemo(\n    (): AnswerLabels => ({ threadShowsLabels, viewerUserId }),\n    [threadShowsLabels, viewerUserId],\n  );\n  return <AnswerLabelsContext.Provider value={labels}>{children}</AnswerLabelsContext.Provider>;\n};\n\nexport interface AnswerLabelProps {\n  className?: string;\n}\n\n/**\n * Inside an assistant message: the agent that answered and whom it worked for,\n * as a small muted line. Nothing in a 1:1 chat with one's own assistant, and\n * nothing for an answer written before the backend stamped it. Reads only its\n * own message (its bound sources, where every agent that answered in a joined\n * turn is found), never the thread's list.\n */\nexport const AnswerLabel: FC<AnswerLabelProps> = ({ className }) => {\n  const message = useAuiState((state) => state.message);\n  const { threadShowsLabels, viewerUserId } = useContext(AnswerLabelsContext);\n  const label = useMemo(() => {\n    const answers = readMessageAnswers(message);\n    return showsAnswerLabel({ answers, threadShowsLabels, viewerId: viewerUserId })\n      ? answerLabelText({ answers, viewerId: viewerUserId })\n      : null;\n  }, [message, threadShowsLabels, viewerUserId]);\n  if (!label) return null;\n  return (\n    <p\n      data-slot=\"answer-label\"\n      className={cn(\"aui-answer-label text-muted-foreground text-xs\", className)}\n    >\n      <span className=\"sr-only\">Answered by </span>\n      {label}\n    </p>\n  );\n};\n"],"names":[],"mappings":";;;;;AAuBA,MAAM,mBAAiC,EAAE,mBAAmB,OAAO,cAAc,KAAA;AAEjF,MAAM,sBAAsB,cAA4B,gBAAgB;AAuBjE,MAAM,mBAA8C,CAAC,EAAE,eAAe,MAAM,eAAe;AAChG,QAAM,oBAAoB;AAAA,IAAY,CAAC,UACrC,wBAAwB,MAAM,OAAO,QAAQ;AAAA,EAAA;AAE/C,QAAM,SAAS;AAAA,IACb,OAAqB,EAAE,mBAAmB;IAC1C,CAAC,mBAAmB,YAAY;AAAA,EAAA;AAElC,6BAAQ,oBAAoB,UAApB,EAA6B,OAAO,QAAS,UAAS;AAChE;AAaO,MAAM,cAAoC,CAAC,EAAE,gBAAgB;AAClE,QAAM,UAAU,YAAY,CAAC,UAAU,MAAM,OAAO;AACpD,QAAM,EAAE,mBAAmB,iBAAiB,WAAW,mBAAmB;AAC1E,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAAU,mBAAmB,OAAO;AAC1C,WAAO,iBAAiB,EAAE,SAAS,mBAAmB,UAAU,aAAA,CAAc,IAC1E,gBAAgB,EAAE,SAAS,UAAU,aAAA,CAAc,IACnD;AAAA,EACN,GAAG,CAAC,SAAS,mBAAmB,YAAY,CAAC;AAC7C,MAAI,CAAC,MAAO,QAAO;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kDAAkD,SAAS;AAAA,MAEzE,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,gBAAY;AAAA,QACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/chat-ui/messages/arrival-animation.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@assistant-ui/react");
+const require$$0 = require("react");
+const MESSAGE_ARRIVAL_ANIMATION_CLASS = "animate-in fade-in slide-in-from-bottom-1 duration-150 motion-reduce:animate-none";
+function useMessageArrivalAnimation() {
+  const arrivingLive = react.useAuiState((s) => s.message.isLast && s.thread.isRunning);
+  const [arrivedLive] = require$$0.useState(arrivingLive);
+  return arrivedLive;
+}
+exports.MESSAGE_ARRIVAL_ANIMATION_CLASS = MESSAGE_ARRIVAL_ANIMATION_CLASS;
+exports.useMessageArrivalAnimation = useMessageArrivalAnimation;
+//# sourceMappingURL=arrival-animation.cjs.map

package/dist/chat-ui/messages/arrival-animation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrival-animation.cjs","sources":["../../../src/chat-ui/messages/arrival-animation.ts"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport { useState } from \"react\";\n\n/** A message row's entrance: a short fade with a 4px rise. */\nexport const MESSAGE_ARRIVAL_ANIMATION_CLASS =\n  \"animate-in fade-in slide-in-from-bottom-1 duration-150 motion-reduce:animate-none\";\n\n/**\n * Whether a message row plays its entrance animation: only a row that mounted\n * as the thread's newest message while a run was live, which is how a message\n * the person is watching arrives (their own send, the turn that answers it).\n *\n * Everything else renders still: the rows of a thread as it opens, and every\n * row a page of older history mounts above the newest one, so scrolling back\n * through a long session never flashes. Decided once, when the row mounts\n * (as Olympus's `useEntranceOnMount` does for its cards): a row neither\n * starts animating when a later run begins nor loses the entrance it had.\n */\nexport function useMessageArrivalAnimation(): boolean {\n  const arrivingLive = useAuiState((s) => s.message.isLast && s.thread.isRunning);\n  const [arrivedLive] = useState(arrivingLive);\n  return arrivedLive;\n}\n"],"names":["useAuiState","useState"],"mappings":";;;;AAIO,MAAM,kCACX;AAaK,SAAS,6BAAsC;AACpD,QAAM,eAAeA,kBAAY,CAAC,MAAM,EAAE,QAAQ,UAAU,EAAE,OAAO,SAAS;AAC9E,QAAM,CAAC,WAAW,IAAIC,WAAAA,SAAS,YAAY;AAC3C,SAAO;AACT;;;"}

package/dist/chat-ui/messages/arrival-animation.d.ts

@@ -0,0 +1,14 @@
+/** A message row's entrance: a short fade with a 4px rise. */
+export declare const MESSAGE_ARRIVAL_ANIMATION_CLASS = "animate-in fade-in slide-in-from-bottom-1 duration-150 motion-reduce:animate-none";
+/**
+ * Whether a message row plays its entrance animation: only a row that mounted
+ * as the thread's newest message while a run was live, which is how a message
+ * the person is watching arrives (their own send, the turn that answers it).
+ *
+ * Everything else renders still: the rows of a thread as it opens, and every
+ * row a page of older history mounts above the newest one, so scrolling back
+ * through a long session never flashes. Decided once, when the row mounts
+ * (as Olympus's `useEntranceOnMount` does for its cards): a row neither
+ * starts animating when a later run begins nor loses the entrance it had.
+ */
+export declare function useMessageArrivalAnimation(): boolean;

package/dist/chat-ui/messages/arrival-animation.js

@@ -0,0 +1,13 @@
+import { useAuiState } from "@assistant-ui/react";
+import { useState } from "react";
+const MESSAGE_ARRIVAL_ANIMATION_CLASS = "animate-in fade-in slide-in-from-bottom-1 duration-150 motion-reduce:animate-none";
+function useMessageArrivalAnimation() {
+  const arrivingLive = useAuiState((s) => s.message.isLast && s.thread.isRunning);
+  const [arrivedLive] = useState(arrivingLive);
+  return arrivedLive;
+}
+export {
+  MESSAGE_ARRIVAL_ANIMATION_CLASS,
+  useMessageArrivalAnimation
+};
+//# sourceMappingURL=arrival-animation.js.map

package/dist/chat-ui/messages/arrival-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrival-animation.js","sources":["../../../src/chat-ui/messages/arrival-animation.ts"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport { useState } from \"react\";\n\n/** A message row's entrance: a short fade with a 4px rise. */\nexport const MESSAGE_ARRIVAL_ANIMATION_CLASS =\n  \"animate-in fade-in slide-in-from-bottom-1 duration-150 motion-reduce:animate-none\";\n\n/**\n * Whether a message row plays its entrance animation: only a row that mounted\n * as the thread's newest message while a run was live, which is how a message\n * the person is watching arrives (their own send, the turn that answers it).\n *\n * Everything else renders still: the rows of a thread as it opens, and every\n * row a page of older history mounts above the newest one, so scrolling back\n * through a long session never flashes. Decided once, when the row mounts\n * (as Olympus's `useEntranceOnMount` does for its cards): a row neither\n * starts animating when a later run begins nor loses the entrance it had.\n */\nexport function useMessageArrivalAnimation(): boolean {\n  const arrivingLive = useAuiState((s) => s.message.isLast && s.thread.isRunning);\n  const [arrivedLive] = useState(arrivingLive);\n  return arrivedLive;\n}\n"],"names":[],"mappings":";;AAIO,MAAM,kCACX;AAaK,SAAS,6BAAsC;AACpD,QAAM,eAAe,YAAY,CAAC,MAAM,EAAE,QAAQ,UAAU,EAAE,OAAO,SAAS;AAC9E,QAAM,CAAC,WAAW,IAAI,SAAS,YAAY;AAC3C,SAAO;AACT;"}

package/dist/chat-ui/messages/continue-pill.cjs

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const react = require("react");
+const require$$0 = require("react");
 const cnfast = require("cnfast");
 const EXIT_ANIMATION_MS = 200;
 const EXIT_RESET_MS = 2500;
 const ContinuePill = ({ onClick, ariaLabel, dataTestId }) => {
-  const [isExiting, setIsExiting] = react.useState(false);
-  const onClickRef = react.useRef(onClick);
-  const pendingOnClickRef = react.useRef(onClick);
+  const [isExiting, setIsExiting] = require$$0.useState(false);
+  const onClickRef = require$$0.useRef(onClick);
+  const pendingOnClickRef = require$$0.useRef(onClick);
   onClickRef.current = onClick;
-  react.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!isExiting) return;
     const dispatchTimer = setTimeout(
       () => pendingOnClickRef.current(),

package/dist/chat-ui/messages/continue-pill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"continue-pill.cjs","sources":["../../../src/chat-ui/messages/continue-pill.tsx"],"sourcesContent":["import { Play } from \"lucide-react\";\nimport { type FC, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst EXIT_ANIMATION_MS = 200;\nconst EXIT_RESET_MS = 2500;\n\n/**\n * Shared Continue action for recoverable chat states.\n *\n * The dispatch waits for the exit animation to paint. If the owning runtime\n * does not leave the recoverable state (for example, the command is rejected),\n * the control resets so the user can try again.\n */\nexport const ContinuePill: FC<{\n  onClick: () => void;\n  ariaLabel: string;\n  dataTestId?: string;\n}> = ({ onClick, ariaLabel, dataTestId }) => {\n  const [isExiting, setIsExiting] = useState(false);\n  const onClickRef = useRef(onClick);\n  const pendingOnClickRef = useRef(onClick);\n  onClickRef.current = onClick;\n\n  useEffect(() => {\n    if (!isExiting) return;\n    const dispatchTimer = setTimeout(\n      () => pendingOnClickRef.current(),\n      EXIT_ANIMATION_MS,\n    );\n    const resetTimer = setTimeout(() => setIsExiting(false), EXIT_RESET_MS);\n    return () => {\n      clearTimeout(dispatchTimer);\n      clearTimeout(resetTimer);\n    };\n  }, [isExiting]);\n\n  const handleClick = (): void => {\n    if (isExiting) return;\n    pendingOnClickRef.current = onClickRef.current;\n    setIsExiting(true);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isExiting}\n      className={cn(\n        \"group inline-flex items-center gap-1.5 rounded-full bg-primary px-3.5 py-1 text-xs font-medium text-primary-foreground shadow-sm\",\n        \"transition-all duration-200 ease-out\",\n        \"hover:bg-primary/90 hover:shadow-md active:scale-95\",\n        \"animate-in fade-in slide-in-from-bottom-1\",\n        isExiting && \"pointer-events-none scale-90 opacity-0\",\n      )}\n      aria-label={ariaLabel}\n      data-testid={dataTestId}\n    >\n      <Play className=\"size-3 fill-current transition-transform duration-200 ease-out group-hover:translate-x-0.5\" />\n      <span>Continue</span>\n    </button>\n  );\n};\n"],"names":["useState","useRef","useEffect","jsxs","cn","jsx","Play"],"mappings":";;;;;;AAIA,MAAM,oBAAoB;AAC1B,MAAM,gBAAgB;AASf,MAAM,eAIR,CAAC,EAAE,SAAS,WAAW,iBAAiB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAChD,QAAM,aAAaC,MAAAA,OAAO,OAAO;AACjC,QAAM,oBAAoBA,MAAAA,OAAO,OAAO;AACxC,aAAW,UAAU;AAErBC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,UAAM,gBAAgB;AAAA,MACpB,MAAM,kBAAkB,QAAA;AAAA,MACxB;AAAA,IAAA;AAEF,UAAM,aAAa,WAAW,MAAM,aAAa,KAAK,GAAG,aAAa;AACtE,WAAO,MAAM;AACX,mBAAa,aAAa;AAC1B,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,cAAc,MAAY;AAC9B,QAAI,UAAW;AACf,sBAAkB,UAAU,WAAW;AACvC,iBAAa,IAAI;AAAA,EACnB;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,MAEf,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA,IAACC,YAAAA,MAAA,EAAK,WAAU,6FAAA,CAA6F;AAAA,QAC7GD,2BAAAA,IAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpB;;"}
+{"version":3,"file":"continue-pill.cjs","sources":["../../../src/chat-ui/messages/continue-pill.tsx"],"sourcesContent":["import { Play } from \"lucide-react\";\nimport { type FC, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst EXIT_ANIMATION_MS = 200;\nconst EXIT_RESET_MS = 2500;\n\n/**\n * Shared Continue action for recoverable chat states.\n *\n * The dispatch waits for the exit animation to paint. If the owning runtime\n * does not leave the recoverable state (for example, the command is rejected),\n * the control resets so the user can try again.\n */\nexport const ContinuePill: FC<{\n  onClick: () => void;\n  ariaLabel: string;\n  dataTestId?: string;\n}> = ({ onClick, ariaLabel, dataTestId }) => {\n  const [isExiting, setIsExiting] = useState(false);\n  const onClickRef = useRef(onClick);\n  const pendingOnClickRef = useRef(onClick);\n  onClickRef.current = onClick;\n\n  useEffect(() => {\n    if (!isExiting) return;\n    const dispatchTimer = setTimeout(\n      () => pendingOnClickRef.current(),\n      EXIT_ANIMATION_MS,\n    );\n    const resetTimer = setTimeout(() => setIsExiting(false), EXIT_RESET_MS);\n    return () => {\n      clearTimeout(dispatchTimer);\n      clearTimeout(resetTimer);\n    };\n  }, [isExiting]);\n\n  const handleClick = (): void => {\n    if (isExiting) return;\n    pendingOnClickRef.current = onClickRef.current;\n    setIsExiting(true);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isExiting}\n      className={cn(\n        \"group inline-flex items-center gap-1.5 rounded-full bg-primary px-3.5 py-1 text-xs font-medium text-primary-foreground shadow-sm\",\n        \"transition-all duration-200 ease-out\",\n        \"hover:bg-primary/90 hover:shadow-md active:scale-95\",\n        \"animate-in fade-in slide-in-from-bottom-1\",\n        isExiting && \"pointer-events-none scale-90 opacity-0\",\n      )}\n      aria-label={ariaLabel}\n      data-testid={dataTestId}\n    >\n      <Play className=\"size-3 fill-current transition-transform duration-200 ease-out group-hover:translate-x-0.5\" />\n      <span>Continue</span>\n    </button>\n  );\n};\n"],"names":["useState","useRef","useEffect","jsxs","cn","jsx","Play"],"mappings":";;;;;;AAIA,MAAM,oBAAoB;AAC1B,MAAM,gBAAgB;AASf,MAAM,eAIR,CAAC,EAAE,SAAS,WAAW,iBAAiB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAIA,WAAAA,SAAS,KAAK;AAChD,QAAM,aAAaC,WAAAA,OAAO,OAAO;AACjC,QAAM,oBAAoBA,WAAAA,OAAO,OAAO;AACxC,aAAW,UAAU;AAErBC,aAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,UAAM,gBAAgB;AAAA,MACpB,MAAM,kBAAkB,QAAA;AAAA,MACxB;AAAA,IAAA;AAEF,UAAM,aAAa,WAAW,MAAM,aAAa,KAAK,GAAG,aAAa;AACtE,WAAO,MAAM;AACX,mBAAa,aAAa;AAC1B,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,cAAc,MAAY;AAC9B,QAAI,UAAW;AACf,sBAAkB,UAAU,WAAW;AACvC,iBAAa,IAAI;AAAA,EACnB;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,MAEf,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA,IAACC,YAAAA,MAAA,EAAK,WAAU,6FAAA,CAA6F;AAAA,QAC7GD,2BAAAA,IAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpB;;"}

package/dist/chat-ui/messages/handoff-arrival-divider.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const handoffArrival = require("../../agent-runtime/src/handoff-arrival.cjs");
+const cnfast = require("cnfast");
+const HandoffArrivalDivider = ({
+  label,
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    ...rest,
+    "data-testid": "handoff-arrival-divider",
+    className: cnfast.cn(
+      "my-3 flex w-full items-center gap-3 text-muted-foreground text-xs",
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border" })
+    ]
+  }
+);
+const HandoffArrivalScope = ({ threadId, children }) => {
+  const lastMessageId = react.useAuiState((state) => {
+    var _a;
+    return ((_a = state.thread.messages.at(-1)) == null ? void 0 : _a.id) ?? null;
+  });
+  const loading = react.useAuiState((state) => state.thread.isLoading);
+  const arrival = handoffArrival.useHandoffArrival({ threadId, lastMessageId, loading });
+  return /* @__PURE__ */ jsxRuntime.jsx(handoffArrival.HandoffArrivalContext.Provider, { value: arrival, children });
+};
+const HandoffArrivalAfterMessage = () => {
+  const messageId = react.useAuiState((state) => state.message.id);
+  const label = handoffArrival.useHandoffArrivalAfter(messageId);
+  return label ? /* @__PURE__ */ jsxRuntime.jsx(HandoffArrivalDivider, { label }) : null;
+};
+exports.HandoffArrivalAfterMessage = HandoffArrivalAfterMessage;
+exports.HandoffArrivalDivider = HandoffArrivalDivider;
+exports.HandoffArrivalScope = HandoffArrivalScope;
+//# sourceMappingURL=handoff-arrival-divider.cjs.map

package/dist/chat-ui/messages/handoff-arrival-divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"handoff-arrival-divider.cjs","sources":["../../../src/chat-ui/messages/handoff-arrival-divider.tsx"],"sourcesContent":["/**\n * The transcript divider a surface shows where a handed-off conversation\n * arrived (\"Continued from your phone\"), after the last message that was\n * already there. The arrival itself is `@athenaintel/agent-runtime`'s\n * `handoff-arrival`: ephemeral, client-side, recorded when a pick-up lands.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  HandoffArrivalContext,\n  useHandoffArrival,\n  useHandoffArrivalAfter,\n} from \"@athenaintel/agent-runtime\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface HandoffArrivalDividerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** \"Continued from your phone\". */\n  label: string;\n}\n\n/** A hairline either side of the label, which reads as plain text: pure presenter. */\nexport const HandoffArrivalDivider: FC<HandoffArrivalDividerProps> = ({\n  label,\n  className,\n  ...rest\n}) => (\n  <div\n    {...rest}\n    data-testid=\"handoff-arrival-divider\"\n    className={cn(\n      \"my-3 flex w-full items-center gap-3 text-muted-foreground text-xs\",\n      className,\n    )}\n  >\n    <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border\" />\n    <span className=\"shrink-0\">{label}</span>\n    <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border\" />\n  </div>\n);\n\n/**\n * Anchors the arrival of `threadId` (if any) to the thread's last message once\n * its history has loaded, and gives the messages below it that anchor.\n */\nexport const HandoffArrivalScope: FC<{\n  threadId: string | null | undefined;\n  children: ReactNode;\n}> = ({ threadId, children }) => {\n  const lastMessageId = useAuiState((state) => state.thread.messages.at(-1)?.id ?? null);\n  const loading = useAuiState((state) => state.thread.isLoading);\n  const arrival = useHandoffArrival({ threadId, lastMessageId, loading });\n  return (\n    <HandoffArrivalContext.Provider value={arrival}>{children}</HandoffArrivalContext.Provider>\n  );\n};\n\n/** Inside a message: the divider when the conversation arrived right after it. */\nexport const HandoffArrivalAfterMessage: FC = () => {\n  const messageId = useAuiState((state) => state.message.id);\n  const label = useHandoffArrivalAfter(messageId);\n  return label ? <HandoffArrivalDivider label={label} /> : null;\n};\n"],"names":["jsxs","cn","jsx","useAuiState","useHandoffArrival","HandoffArrivalContext","useHandoffArrivalAfter"],"mappings":";;;;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,WAAWC,OAAAA;AAAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,eAAY,QAAO,WAAU,yBAAwB;AAAA,MAC3DA,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MAClCA,2BAAAA,IAAC,QAAA,EAAK,eAAY,QAAO,WAAU,wBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAC7D;AAOK,MAAM,sBAGR,CAAC,EAAE,UAAU,eAAe;AAC/B,QAAM,gBAAgBC,MAAAA,YAAY,CAAC,UAAA;;AAAU,wBAAM,OAAO,SAAS,GAAG,EAAE,MAA3B,mBAA8B,OAAM;AAAA,GAAI;AACrF,QAAM,UAAUA,MAAAA,YAAY,CAAC,UAAU,MAAM,OAAO,SAAS;AAC7D,QAAM,UAAUC,eAAAA,kBAAkB,EAAE,UAAU,eAAe,SAAS;AACtE,wCACGC,eAAAA,sBAAsB,UAAtB,EAA+B,OAAO,SAAU,UAAS;AAE9D;AAGO,MAAM,6BAAiC,MAAM;AAClD,QAAM,YAAYF,MAAAA,YAAY,CAAC,UAAU,MAAM,QAAQ,EAAE;AACzD,QAAM,QAAQG,eAAAA,uBAAuB,SAAS;AAC9C,SAAO,QAAQJ,2BAAAA,IAAC,uBAAA,EAAsB,MAAA,CAAc,IAAK;AAC3D;;;;"}

package/dist/chat-ui/messages/handoff-arrival-divider.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentPropsWithoutRef, FC, ReactNode } from "react";
+export interface HandoffArrivalDividerProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /** "Continued from your phone". */
+    label: string;
+}
+/** A hairline either side of the label, which reads as plain text: pure presenter. */
+export declare const HandoffArrivalDivider: FC<HandoffArrivalDividerProps>;
+/**
+ * Anchors the arrival of `threadId` (if any) to the thread's last message once
+ * its history has loaded, and gives the messages below it that anchor.
+ */
+export declare const HandoffArrivalScope: FC<{
+    threadId: string | null | undefined;
+    children: ReactNode;
+}>;
+/** Inside a message: the divider when the conversation arrived right after it. */
+export declare const HandoffArrivalAfterMessage: FC;

package/dist/chat-ui/messages/handoff-arrival-divider.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { useHandoffArrivalAfter, useHandoffArrival, HandoffArrivalContext } from "../../agent-runtime/src/handoff-arrival.js";
+import { cn } from "cnfast";
+const HandoffArrivalDivider = ({
+  label,
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    ...rest,
+    "data-testid": "handoff-arrival-divider",
+    className: cn(
+      "my-3 flex w-full items-center gap-3 text-muted-foreground text-xs",
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border" }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0", children: label }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border" })
+    ]
+  }
+);
+const HandoffArrivalScope = ({ threadId, children }) => {
+  const lastMessageId = useAuiState((state) => {
+    var _a;
+    return ((_a = state.thread.messages.at(-1)) == null ? void 0 : _a.id) ?? null;
+  });
+  const loading = useAuiState((state) => state.thread.isLoading);
+  const arrival = useHandoffArrival({ threadId, lastMessageId, loading });
+  return /* @__PURE__ */ jsx(HandoffArrivalContext.Provider, { value: arrival, children });
+};
+const HandoffArrivalAfterMessage = () => {
+  const messageId = useAuiState((state) => state.message.id);
+  const label = useHandoffArrivalAfter(messageId);
+  return label ? /* @__PURE__ */ jsx(HandoffArrivalDivider, { label }) : null;
+};
+export {
+  HandoffArrivalAfterMessage,
+  HandoffArrivalDivider,
+  HandoffArrivalScope
+};
+//# sourceMappingURL=handoff-arrival-divider.js.map

package/dist/chat-ui/messages/handoff-arrival-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handoff-arrival-divider.js","sources":["../../../src/chat-ui/messages/handoff-arrival-divider.tsx"],"sourcesContent":["/**\n * The transcript divider a surface shows where a handed-off conversation\n * arrived (\"Continued from your phone\"), after the last message that was\n * already there. The arrival itself is `@athenaintel/agent-runtime`'s\n * `handoff-arrival`: ephemeral, client-side, recorded when a pick-up lands.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  HandoffArrivalContext,\n  useHandoffArrival,\n  useHandoffArrivalAfter,\n} from \"@athenaintel/agent-runtime\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface HandoffArrivalDividerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** \"Continued from your phone\". */\n  label: string;\n}\n\n/** A hairline either side of the label, which reads as plain text: pure presenter. */\nexport const HandoffArrivalDivider: FC<HandoffArrivalDividerProps> = ({\n  label,\n  className,\n  ...rest\n}) => (\n  <div\n    {...rest}\n    data-testid=\"handoff-arrival-divider\"\n    className={cn(\n      \"my-3 flex w-full items-center gap-3 text-muted-foreground text-xs\",\n      className,\n    )}\n  >\n    <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border\" />\n    <span className=\"shrink-0\">{label}</span>\n    <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border\" />\n  </div>\n);\n\n/**\n * Anchors the arrival of `threadId` (if any) to the thread's last message once\n * its history has loaded, and gives the messages below it that anchor.\n */\nexport const HandoffArrivalScope: FC<{\n  threadId: string | null | undefined;\n  children: ReactNode;\n}> = ({ threadId, children }) => {\n  const lastMessageId = useAuiState((state) => state.thread.messages.at(-1)?.id ?? null);\n  const loading = useAuiState((state) => state.thread.isLoading);\n  const arrival = useHandoffArrival({ threadId, lastMessageId, loading });\n  return (\n    <HandoffArrivalContext.Provider value={arrival}>{children}</HandoffArrivalContext.Provider>\n  );\n};\n\n/** Inside a message: the divider when the conversation arrived right after it. */\nexport const HandoffArrivalAfterMessage: FC = () => {\n  const messageId = useAuiState((state) => state.message.id);\n  const label = useHandoffArrivalAfter(messageId);\n  return label ? <HandoffArrivalDivider label={label} /> : null;\n};\n"],"names":[],"mappings":";;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,eAAY,QAAO,WAAU,yBAAwB;AAAA,MAC3D,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MAClC,oBAAC,QAAA,EAAK,eAAY,QAAO,WAAU,wBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAC7D;AAOK,MAAM,sBAGR,CAAC,EAAE,UAAU,eAAe;AAC/B,QAAM,gBAAgB,YAAY,CAAC,UAAA;;AAAU,wBAAM,OAAO,SAAS,GAAG,EAAE,MAA3B,mBAA8B,OAAM;AAAA,GAAI;AACrF,QAAM,UAAU,YAAY,CAAC,UAAU,MAAM,OAAO,SAAS;AAC7D,QAAM,UAAU,kBAAkB,EAAE,UAAU,eAAe,SAAS;AACtE,6BACG,sBAAsB,UAAtB,EAA+B,OAAO,SAAU,UAAS;AAE9D;AAGO,MAAM,6BAAiC,MAAM;AAClD,QAAM,YAAY,YAAY,CAAC,UAAU,MAAM,QAAQ,EAAE;AACzD,QAAM,QAAQ,uBAAuB,SAAS;AAC9C,SAAO,QAAQ,oBAAC,uBAAA,EAAsB,MAAA,CAAc,IAAK;AAC3D;"}

package/dist/chat-ui/messages/message-actions-config.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const MessageActionsReadOnlyContext = react.createContext(false);
+const require$$0 = require("react");
+const MessageActionsReadOnlyContext = require$$0.createContext(false);
 const MessageActionsReadOnlyProvider = ({ readOnly, children }) => /* @__PURE__ */ jsxRuntime.jsx(MessageActionsReadOnlyContext.Provider, { value: readOnly, children });
 function useMessageActionsReadOnly() {
-  return react.useContext(MessageActionsReadOnlyContext);
+  return require$$0.useContext(MessageActionsReadOnlyContext);
 }
 exports.MessageActionsReadOnlyProvider = MessageActionsReadOnlyProvider;
 exports.useMessageActionsReadOnly = useMessageActionsReadOnly;

package/dist/chat-ui/messages/message-actions-config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-actions-config.cjs","sources":["../../../src/chat-ui/messages/message-actions-config.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nconst MessageActionsReadOnlyContext = createContext(false);\n\n/**\n * Marks the surrounding transcript read-only: the mutating message actions\n * (Edit, Regenerate) hide while Copy stays available. Hosts set this for\n * conversations whose server rejects dispatch — e.g. the Chrome extension's\n * legacy pre-cutover threads, where the runtime's static capability flags\n * cannot know a given thread is fenced.\n */\nexport const MessageActionsReadOnlyProvider: FC<\n  PropsWithChildren<{ readOnly: boolean }>\n> = ({ readOnly, children }) => (\n  <MessageActionsReadOnlyContext.Provider value={readOnly}>\n    {children}\n  </MessageActionsReadOnlyContext.Provider>\n);\n\nexport function useMessageActionsReadOnly(): boolean {\n  return useContext(MessageActionsReadOnlyContext);\n}\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAGA,MAAM,gCAAgCA,MAAAA,cAAc,KAAK;AASlD,MAAM,iCAET,CAAC,EAAE,UAAU,eACfC,2BAAAA,IAAC,8BAA8B,UAA9B,EAAuC,OAAO,UAC5C,SAAA,CACH;AAGK,SAAS,4BAAqC;AACnD,SAAOC,MAAAA,WAAW,6BAA6B;AACjD;;;"}
+{"version":3,"file":"message-actions-config.cjs","sources":["../../../src/chat-ui/messages/message-actions-config.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nconst MessageActionsReadOnlyContext = createContext(false);\n\n/**\n * Marks the surrounding transcript read-only: the mutating message actions\n * (Edit, Regenerate) hide while Copy stays available. Hosts set this for\n * conversations whose server rejects dispatch — e.g. the Chrome extension's\n * legacy pre-cutover threads, where the runtime's static capability flags\n * cannot know a given thread is fenced.\n */\nexport const MessageActionsReadOnlyProvider: FC<\n  PropsWithChildren<{ readOnly: boolean }>\n> = ({ readOnly, children }) => (\n  <MessageActionsReadOnlyContext.Provider value={readOnly}>\n    {children}\n  </MessageActionsReadOnlyContext.Provider>\n);\n\nexport function useMessageActionsReadOnly(): boolean {\n  return useContext(MessageActionsReadOnlyContext);\n}\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAGA,MAAM,gCAAgCA,WAAAA,cAAc,KAAK;AASlD,MAAM,iCAET,CAAC,EAAE,UAAU,eACfC,2BAAAA,IAAC,8BAA8B,UAA9B,EAAuC,OAAO,UAC5C,SAAA,CACH;AAGK,SAAS,4BAAqC;AACnD,SAAOC,WAAAA,WAAW,6BAA6B;AACjD;;;"}

package/dist/chat-ui/messages/message-components.cjs

@@ -3,10 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react$1 = require("react");
+const require$$0 = require("react");
 const useAthenaRunLive = require("../../chat/use-athena-run-live.cjs");
 const chatMessageBody = require("../rich-text/chat-message-body.cjs");
+const answerLabel = require("./answer-label.cjs");
 const messageActionsConfig = require("./message-actions-config.cjs");
+const messageImages = require("./message-images.cjs");
 const runtimeMessage = require("./runtime-message.cjs");
 const runningIndicator = require("./running-indicator.cjs");
 const voiceDelegationCard = require("./voice-delegation-card.cjs");
@@ -88,7 +90,7 @@ const UserMessageText = ({ text }) => {
       return (_b = (_a = s.message.metadata) == null ? void 0 : _a.custom) == null ? void 0 : _b[composerMarkdown.DEEP_AGENT_COMPOSER_MARKDOWN_KEY];
     }
   );
-  const shown = react$1.useMemo(
+  const shown = require$$0.useMemo(
     () => composerMarkdown.readDeepAgentComposerMarkdown({
       metadata: { [composerMarkdown.DEEP_AGENT_COMPOSER_MARKDOWN_KEY]: composerMarkdown$1 },
       text
@@ -97,6 +99,7 @@ const UserMessageText = ({ text }) => {
   );
   return /* @__PURE__ */ jsxRuntime.jsx(chatMessageBody.ChatMessageBody, { text: shown, typed: true });
 };
+const USER_MESSAGE_PART_COMPONENTS = { Text: UserMessageText, Image: messageImages.MessageImagePart };
 const UserActionBar = () => /* @__PURE__ */ jsxRuntime.jsxs(
   react.ActionBarPrimitive.Root,
   {
@@ -137,7 +140,7 @@ const UserMessage = () => {
       "data-message-role": "user",
       className: "group/user-message mb-3 flex justify-end",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 max-w-[85%] flex-col items-end gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Content, { components: { Text: UserMessageText } }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(messageImages.MessageImageGallery, { children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Content, { components: USER_MESSAGE_PART_COMPONENTS }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-6 items-center gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(BranchPicker, {}),
           /* @__PURE__ */ jsxRuntime.jsx(UserActionBar, {})
@@ -175,7 +178,7 @@ function createAssistantMessage({
   };
   const RuntimeEnding = ({ placement }) => {
     const message = react.useAuiState((s) => s.message);
-    const runtime = react$1.useMemo(() => runtimeMessages.readRuntimeMessageFromSourceMessages(message), [message]);
+    const runtime = require$$0.useMemo(() => runtimeMessages.readRuntimeMessageFromSourceMessages(message), [message]);
     if (!runtime || runtime.silent) return null;
     if (placement === "row" && !runtime.isSoleSourceMessage) return null;
     if (placement === "banner" && runtime.isSoleSourceMessage && runtime.kind !== "handoff") {
@@ -211,6 +214,7 @@ function createAssistantMessage({
         "data-message-role": "assistant",
         className: "group group/assistant-message mb-3",
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[95%]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(answerLabel.AnswerLabel, { className: "mb-1" }),
           /* @__PURE__ */ jsxRuntime.jsx(RuntimeEnding, { placement: "banner" }),
           Content ? /* @__PURE__ */ jsxRuntime.jsx(Content, {}) : /* @__PURE__ */ jsxRuntime.jsx(
             react.MessagePrimitive.Content,