@athenaintel/react 0.24.0 → 0.25.0

package/dist/chat/StatewireApprovalCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatewireApprovalCard.cjs","sources":["../../src/chat/StatewireApprovalCard.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  canApproveForSession,\n  fanLaneDecision,\n  hasStatewireThreadExtras,\n  type HitlApprovalPayload,\n  hitlResumeApprove,\n  hitlResumeApproveForSession,\n  hitlResumeReject,\n  interruptResumeDecline,\n  laneInterruptIds,\n  type PendingActionRequest,\n  readInterruptMessage,\n} from '@athenaintel/agent-runtime';\nimport {\n  CheckCheckIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from 'lucide-react';\nimport { type FC, type ReactNode, useCallback, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { Button } from '../ui/button';\nimport {\n  type StatewireInterruptPredicate,\n  useStatewireApprovalRequest,\n} from './use-statewire-approval-request';\n\n/**\n * Human-in-the-loop approval card for the statewire transport — the one\n * approval UI every Athena chat surface mounts (the SDK's `AthenaChat`, the\n * Chrome side panel, the Office task pane, Olympus).\n *\n * When the deep-agent runtime hits an approval-gated tool call, the backend\n * parks the run on an `interrupt` input request. This card reads that request\n * through `useStatewireApprovalRequest` and answers it with\n * `{ type: 'run/input', requestId, response: { type: 'resume', value } }` —\n * the exact command the backend's resume path consumes. Without an answer the\n * run stays parked forever, so this card must be mounted on every statewire\n * chat surface. On legacy (non-statewire) threads it renders nothing.\n *\n * A gated call raised inside a delegated subagent parks only its lane: the\n * host mirrors that interrupt while the sibling lanes keep streaming, before\n * any input request exists. The card renders the mirrored payload the same\n * way and answers it with `run/lane-input` keyed by the lane's langgraph\n * interrupt id (`laneInterruptIds`); the host queues the decision and applies\n * it the moment the run parks, so the approver never waits on the siblings.\n * Once parked, a payload whose calls all carry interrupt ids resumes as a\n * `lane_decisions` map too — one positional `run/input` can only answer the\n * first of several parked lanes.\n *\n * Host-specific review UIs (subagent cards, email summaries) slot in through\n * `renderDetails`; requests another surface answers (typed interrupt\n * families, per-lane subagent approvals) stand down through\n * `isHandledElsewhere`; viewers without edit rights see `readOnlyNotice`.\n */\n\n/** The pending request a host slot renders or judges. */\nexport interface StatewireApprovalRequestContext {\n  /** The parked input request — `undefined` while the run still streams (a live lane approval). */\n  request: StatewireThread.CustomInputRequest | undefined;\n  /** The payload narrowed to the Athena HITL approval shape, or `null` for a generic park. */\n  hitl: HitlApprovalPayload | null;\n  /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */\n  actionRequests: PendingActionRequest[];\n}\n\nexport interface StatewireApprovalCardProps {\n  /** Surface-styling overrides merged onto the default classes. */\n  classNames?: {\n    /** The approval card container. */\n    root?: string;\n    /** The \"approval was cancelled\" notice container. */\n    abandoned?: string;\n    /** The disclosed details block. */\n    details?: string;\n    /** The decision row. */\n    actions?: string;\n  };\n  /** Copy shown when an interrupt payload carries no message. */\n  fallbackMessage?: string;\n  /**\n   * Which pending interrupt this card answers. Defaults to\n   * `isApprovalCardInterrupt` (client-tool parks excluded — keep it that way\n   * unless the surface handles those itself).\n   */\n  interruptPredicate?: StatewireInterruptPredicate;\n  /**\n   * How long a clicked decision keeps the buttons locked when no resume run\n   * ever starts (a `run/input` the host rejected before any run began).\n   * Defaults to `HITL_PENDING_RESUME_GRACE_MS`.\n   */\n  pendingResumeGraceMs?: number;\n  /**\n   * Return true when another surface answers this request (a typed Athena\n   * interrupt family, per-lane subagent approval cards). The card renders\n   * nothing for it — two surfaces must never answer the same input request.\n   */\n  isHandledElsewhere?: (context: StatewireApprovalRequestContext) => boolean;\n  /**\n   * Replace the default argument disclosure (one JSON block per gated call)\n   * with a host-specific review UI. Rendered inside the collapsible details\n   * region; the decision buttons stay with the card.\n   */\n  renderDetails?: (context: StatewireApprovalRequestContext) => ReactNode;\n  /**\n   * The viewer may see the request (it explains why the run is parked) but\n   * cannot decide it — answering steers the shared run. Renders\n   * `readOnlyNotice` in place of the buttons.\n   */\n  readOnly?: boolean;\n  readOnlyNotice?: ReactNode;\n  /**\n   * Copy for a park that is not a HITL approval — a typed Athena interrupt\n   * this surface has no card for. The only honest action is to decline it\n   * (`{ action: 'reject' }`, which every typed raiser treats as a clean user\n   * decline); a generic \"Continue\" would be rejected by the raiser's resume\n   * schema and surface as a tool error.\n   */\n  nonHitlNotice?: ReactNode;\n  /**\n   * The host refused a decision (or the transport lost it). The optimistic\n   * fold has rolled back and the request is on screen again with its actions\n   * re-enabled; this is where a host tells the user why (a toast, a log line).\n   */\n  onResumeRejected?: (error: unknown, requestId: string) => void;\n}\n\nexport const StatewireApprovalCard: FC<StatewireApprovalCardProps> = (props) => {\n  const extras = useAuiState((s) => s.thread.extras);\n  if (!hasStatewireThreadExtras(extras)) return null;\n  return <StatewireApprovalCardInner {...props} />;\n};\n\nconst StatewireApprovalCardInner: FC<StatewireApprovalCardProps> = ({\n  classNames,\n  fallbackMessage,\n  interruptPredicate,\n  pendingResumeGraceMs,\n  isHandledElsewhere,\n  renderDetails,\n  readOnly = false,\n  readOnlyNotice = 'Waiting for someone with edit access to respond.',\n  nonHitlNotice = 'This request needs an answer this surface cannot collect.',\n  onResumeRejected,\n}) => {\n  const {\n    request,\n    requestId,\n    hitl: parkedHitl,\n    actionRequests: parkedActionRequests,\n    liveHitl,\n    liveActionRequests,\n    queuedLaneDecisions,\n    abandonedInterrupt,\n    pending,\n    resume,\n    sendLaneDecisions,\n  } = useStatewireApprovalRequest({ interruptPredicate, pendingResumeGraceMs, onResumeRejected });\n  const [dismissedId, setDismissedId] = useState<string>();\n  // The card shares the chat column with the thread. A lone gated call is\n  // small enough to show inline, but a fan-out of a dozen calls would swallow\n  // the conversation, so a batch starts collapsed until someone opens it.\n  const [detailsOverride, setDetailsOverride] = useState<boolean>();\n  // The live lanes a decision was sent for (joined ids); the buttons stay\n  // locked until the host echoes them in `queuedLaneDecisions` or refuses.\n  const [liveSentKey, setLiveSentKey] = useState<string>();\n\n  const isLive = request === undefined && liveHitl !== null;\n  const hitl = isLive ? liveHitl : parkedHitl;\n  const actionRequests = isLive ? liveActionRequests : parkedActionRequests;\n  const laneIds = laneInterruptIds(actionRequests);\n  const undecidedLaneIds = laneIds?.filter((id) => !(id in queuedLaneDecisions)) ?? null;\n  const liveKey = isLive ? (laneIds?.join('|') ?? null) : null;\n  const viewKey = requestId ?? liveKey ?? undefined;\n\n  // A fresh approval gets the default for ITS batch size, not the disclosure\n  // the previous one was left in. Reset during render via React's \"previous\n  // value\" pattern.\n  const prevViewKeyRef = useRef(viewKey);\n  if (prevViewKeyRef.current !== viewKey) {\n    prevViewKeyRef.current = viewKey;\n    if (detailsOverride !== undefined) setDetailsOverride(undefined);\n    if (liveSentKey !== undefined) setLiveSentKey(undefined);\n  }\n\n  const decide = useCallback(\n    (value: Record<string, string>) => {\n      // Several parked lanes (or a live one) answer by interrupt id: a\n      // positional `run/input` would resume only the first and re-park the\n      // rest. A lone parked lane keeps the positional resume every host\n      // already speaks.\n      if (laneIds === null || undecidedLaneIds === null || (!isLive && laneIds.length <= 1)) {\n        resume(value);\n        return;\n      }\n      const lanes = fanLaneDecision({ interruptIds: undecidedLaneIds, decision: value });\n      if (!isLive) {\n        sendLaneDecisions(lanes);\n        return;\n      }\n      const key = undecidedLaneIds.join('|');\n      setLiveSentKey(key);\n      Promise.resolve(sendLaneDecisions(lanes)).catch((error: unknown) => {\n        setLiveSentKey((current) => (current === key ? undefined : current));\n        onResumeRejected?.(error, undecidedLaneIds[0] ?? '');\n      });\n    },\n    [laneIds, undecidedLaneIds, isLive, resume, sendLaneDecisions, onResumeRejected],\n  );\n\n  if (!request && !isLive) {\n    if (!abandonedInterrupt || abandonedInterrupt.id === dismissedId) return null;\n    return (\n      <div\n        className={cn(\n          'aui-approval-abandoned flex w-full items-center justify-between gap-3 rounded-xl border border-amber-300 bg-amber-50 px-3 py-2 text-amber-800 text-xs',\n          classNames?.abandoned,\n        )}\n      >\n        <p>Approval was cancelled — the run moved on.</p>\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss cancelled approval\"\n          onClick={() => setDismissedId(abandonedInterrupt.id)}\n          className=\"shrink-0 rounded-md p-1 hover:bg-amber-100\"\n        >\n          <XIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    );\n  }\n\n  const context: StatewireApprovalRequestContext = { request, hitl, actionRequests };\n  if (isHandledElsewhere?.(context)) return null;\n  // A live mirror without lane stamps cannot be answered before the run\n  // parks; the parked request renders it then.\n  if (isLive && laneIds === null) return null;\n\n  const message = readInterruptMessage(request ? request.payload : liveHitl, fallbackMessage);\n  const toolName = hitl?.context?.tool_name ?? hitl?.context?.tool_id;\n  const pendingCount = hitl?.context?.pending_action_count ?? 1;\n  const hasDetails = hitl !== null && actionRequests.length > 0;\n  const showDetails = hasDetails && (detailsOverride ?? actionRequests.length <= 1);\n  const sessionApprovalOffered = hitl !== null && canApproveForSession(actionRequests);\n  const laneDecided =\n    undecidedLaneIds !== null &&\n    laneIds !== null &&\n    (undecidedLaneIds.length === 0 || liveSentKey === undecidedLaneIds.join('|'));\n  const locked = pending || laneDecided;\n\n  return (\n    <section\n      aria-label={hitl ? 'Approval required' : 'Input required'}\n      className={cn(\n        'aui-approval-card w-full rounded-2xl border border-amber-300 bg-amber-50 px-4 py-3 text-amber-900',\n        classNames?.root,\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <TriangleAlertIcon className=\"mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"flex items-center gap-2 font-semibold text-sm\">\n            <span>{hitl ? 'Approval required' : 'Waiting for input'}</span>\n            {hitl && pendingCount > 1 ? (\n              <span className=\"shrink-0 font-normal text-amber-800 text-xs\">\n                {pendingCount} tool calls\n              </span>\n            ) : null}\n          </p>\n          <p className=\"pt-1 text-amber-800 text-sm leading-snug\">\n            {hitl && pendingCount === 1 && toolName ? (\n              <>\n                <span className=\"font-mono\">{toolName}</span> requires approval before it runs.\n              </>\n            ) : (\n              message\n            )}\n          </p>\n          {isLive ? (\n            <p className=\"pt-1 text-amber-700 text-xs\" data-testid=\"statewire-approval-live\">\n              {laneDecided\n                ? 'Decision sent — it applies as soon as this step pauses.'\n                : 'Other work keeps running while you decide.'}\n            </p>\n          ) : null}\n          {hasDetails ? (\n            <button\n              type=\"button\"\n              onClick={() => setDetailsOverride(!showDetails)}\n              aria-expanded={showDetails}\n              className=\"mt-2 flex items-center gap-1 rounded px-1 py-0.5 text-amber-800 text-xs transition-colors hover:text-amber-950\"\n            >\n              <ChevronDownIcon\n                className={cn('size-3 transition-transform', showDetails && 'rotate-180')}\n              />\n              {showDetails ? 'Hide details' : 'Review details'}\n            </button>\n          ) : null}\n          {/* EVERY pending gated call renders, in order — one decision\n              authorizes the whole batch, so nothing may hide behind a host's\n              richer cards. All read-only: this runtime resumes through\n              `hitl_response_to_decisions`, which has no `tool_args` channel —\n              an editable composer would let someone rewrite an email and then\n              watch the original go out. */}\n          {showDetails ? (\n            <div className={cn('mt-2 flex flex-col gap-2', classNames?.details)}>\n              {renderDetails ? (\n                renderDetails(context)\n              ) : (\n                <DefaultApprovalDetails actionRequests={actionRequests} />\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      <div className={cn('flex flex-wrap items-center gap-2 pt-3', classNames?.actions)}>\n        {readOnly ? (\n          <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-read-only\">\n            {readOnlyNotice}\n          </p>\n        ) : hitl ? (\n          <>\n            <Button\n              size=\"sm\"\n              disabled={locked}\n              onClick={() => decide(hitlResumeApprove())}\n              className=\"bg-green-600 text-white hover:bg-green-700\"\n            >\n              <CheckIcon />\n              Approve\n            </Button>\n            {sessionApprovalOffered ? (\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={locked}\n                onClick={() => decide(hitlResumeApproveForSession())}\n                data-testid=\"statewire-approval-approve-session\"\n              >\n                <CheckCheckIcon />\n                Approve all for this session\n              </Button>\n            ) : null}\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={locked}\n              onClick={() => decide(hitlResumeReject())}\n            >\n              <XIcon />\n              Reject\n            </Button>\n          </>\n        ) : (\n          <>\n            <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-non-hitl\">\n              {nonHitlNotice}\n            </p>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={pending}\n              onClick={() => resume(interruptResumeDecline())}\n            >\n              <XIcon />\n              Decline\n            </Button>\n          </>\n        )}\n      </div>\n    </section>\n  );\n};\n\n/** One block per gated call: its name (when the batch has several) and its arguments as JSON. */\nconst DefaultApprovalDetails: FC<{ actionRequests: PendingActionRequest[] }> = ({\n  actionRequests,\n}) => (\n  <>\n    {actionRequests.map((action, index) => (\n      <div\n        key={`${action.name}-${index}`}\n        className=\"rounded-lg bg-amber-100 p-2 text-amber-900 text-xs leading-relaxed\"\n      >\n        {actionRequests.length > 1 ? (\n          <p className=\"font-mono font-semibold\">{action.name}</p>\n        ) : null}\n        {Object.keys(action.args).length > 0 ? (\n          <pre className=\"mt-1 max-h-32 overflow-auto whitespace-pre-wrap break-words rounded bg-white/60 p-1.5 font-mono text-[11px]\">\n            {JSON.stringify(action.args, null, 2)}\n          </pre>\n        ) : (\n          <p className=\"text-amber-800\">No arguments.</p>\n        )}\n      </div>\n    ))}\n  </>\n);\n"],"names":["useAuiState","hasStatewireThreadExtras","jsx","useStatewireApprovalRequest","useState","laneInterruptIds","useRef","useCallback","fanLaneDecision","jsxs","cn","XIcon","readInterruptMessage","canApproveForSession","TriangleAlertIcon","Fragment","ChevronDownIcon","Button","hitlResumeApprove","CheckIcon","hitlResumeApproveForSession","CheckCheckIcon","hitlResumeReject","interruptResumeDecline"],"mappings":"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"}
+{"version":3,"file":"StatewireApprovalCard.cjs","sources":["../../src/chat/StatewireApprovalCard.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  actionRequestToolCallIds,\n  canApproveForSession,\n  fanLaneDecision,\n  hasStatewireThreadExtras,\n  type HitlActionDecision,\n  type HitlApprovalPayload,\n  hitlResumeActionDecisions,\n  hitlResumeApprove,\n  hitlResumeApproveForSession,\n  hitlResumeReject,\n  interruptResumeDecline,\n  laneInterruptIds,\n  type PendingActionRequest,\n  readInterruptMessage,\n} from '@athenaintel/agent-runtime';\nimport {\n  CheckCheckIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from 'lucide-react';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { Button } from '../ui/button';\nimport {\n  type StatewireInterruptPredicate,\n  useStatewireApprovalRequest,\n} from './use-statewire-approval-request';\n\n/**\n * Human-in-the-loop approval card for the statewire transport — the one\n * approval UI every Athena chat surface mounts (the SDK's `AthenaChat`, the\n * Chrome side panel, the Office task pane, Olympus).\n *\n * When the deep-agent runtime hits an approval-gated tool call, the backend\n * parks the run on an `interrupt` input request. This card reads that request\n * through `useStatewireApprovalRequest` and answers it with\n * `{ type: 'run/input', requestId, response: { type: 'resume', value } }` —\n * the exact command the backend's resume path consumes. Without an answer the\n * run stays parked forever, so this card must be mounted on every statewire\n * chat surface. On legacy (non-statewire) threads it renders nothing.\n *\n * A gated call raised inside a delegated subagent parks only its lane: the\n * host mirrors that interrupt while the sibling lanes keep streaming, before\n * any input request exists. The card renders the mirrored payload the same\n * way and answers it with `run/lane-input` keyed by the lane's langgraph\n * interrupt id (`laneInterruptIds`); the host queues the decision and applies\n * it the moment the run parks, so the approver never waits on the siblings.\n * Once parked, a payload whose calls all carry interrupt ids resumes as a\n * `lane_decisions` map too — one positional `run/input` can only answer the\n * first of several parked lanes.\n *\n * Host-specific review UIs (subagent cards, email summaries) slot in through\n * `renderDetails`; a host composer that must also OWN the decision (an\n * editable email whose edits have to reach the backend) takes over the\n * details and the decision row through `renderEditor`; requests another\n * surface answers (typed interrupt families, per-lane subagent approvals)\n * stand down through `isHandledElsewhere`; viewers without edit rights see\n * `readOnlyNotice`.\n */\n\n/** The pending request a host slot renders or judges. */\nexport interface StatewireApprovalRequestContext {\n  /** The parked input request — `undefined` while the run still streams (a live lane approval). */\n  request: StatewireThread.CustomInputRequest | undefined;\n  /** The payload narrowed to the Athena HITL approval shape, or `null` for a generic park. */\n  hitl: HitlApprovalPayload | null;\n  /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */\n  actionRequests: PendingActionRequest[];\n}\n\n/** The request a host editor renders, plus the decisions it may send for it. */\nexport interface StatewireApprovalEditorContext extends StatewireApprovalRequestContext {\n  /** A decision is in flight (or a live lane already answered); the editor must not send another. */\n  locked: boolean;\n  /** Whether \"approve all for this session\" may be offered for this batch. */\n  sessionApprovalOffered: boolean;\n  approve: () => void;\n  approveForSession: () => void;\n  reject: (reason?: string) => void;\n  /**\n   * Answer each gated call on its own — the only way an EDITED call reaches\n   * the backend. `decision` is asked once per call, in order, so the answer\n   * always names exactly the parked calls (a partial map is refused\n   * server-side and nothing runs). `null` when the batch cannot take\n   * per-action answers: a call without a `tool_call_id`, or a live / multi-\n   * lane approval, which resumes per lane and carries no edit.\n   */\n  decideEach: ((decision: (request: PendingActionRequest) => HitlActionDecision) => void) | null;\n}\n\nexport interface StatewireApprovalCardProps {\n  /** Surface-styling overrides merged onto the default classes. */\n  classNames?: {\n    /** The approval card container. */\n    root?: string;\n    /** The \"approval was cancelled\" notice container. */\n    abandoned?: string;\n    /** The disclosed details block. */\n    details?: string;\n    /** The decision row. */\n    actions?: string;\n  };\n  /** Copy shown when an interrupt payload carries no message. */\n  fallbackMessage?: string;\n  /**\n   * Which pending interrupt this card answers. Defaults to\n   * `isApprovalCardInterrupt` (client-tool parks excluded — keep it that way\n   * unless the surface handles those itself).\n   */\n  interruptPredicate?: StatewireInterruptPredicate;\n  /**\n   * How long a clicked decision keeps the buttons locked when no resume run\n   * ever starts (a `run/input` the host rejected before any run began).\n   * Defaults to `HITL_PENDING_RESUME_GRACE_MS`.\n   */\n  pendingResumeGraceMs?: number;\n  /**\n   * Return true when another surface answers this request (a typed Athena\n   * interrupt family, per-lane subagent approval cards). The card renders\n   * nothing for it — two surfaces must never answer the same input request.\n   */\n  isHandledElsewhere?: (context: StatewireApprovalRequestContext) => boolean;\n  /**\n   * Replace the default argument disclosure (one JSON block per gated call)\n   * with a host-specific review UI. Rendered inside the collapsible details\n   * region; the decision buttons stay with the card.\n   */\n  renderDetails?: (context: StatewireApprovalRequestContext) => ReactNode;\n  /**\n   * Replace BOTH the details region and the decision row with a host\n   * composer that decides the request itself through the context's\n   * callbacks (an editable email whose edits must be what runs). Return\n   * `null`/`undefined` to keep the default card for this request. Not\n   * consulted for read-only viewers or non-HITL parks.\n   */\n  renderEditor?: (context: StatewireApprovalEditorContext) => ReactNode;\n  /**\n   * The viewer may see the request (it explains why the run is parked) but\n   * cannot decide it — answering steers the shared run. Renders\n   * `readOnlyNotice` in place of the buttons.\n   */\n  readOnly?: boolean;\n  readOnlyNotice?: ReactNode;\n  /**\n   * Copy for a park that is not a HITL approval — a typed Athena interrupt\n   * this surface has no card for. The only honest action is to decline it\n   * (`{ action: 'reject' }`, which every typed raiser treats as a clean user\n   * decline); a generic \"Continue\" would be rejected by the raiser's resume\n   * schema and surface as a tool error.\n   */\n  nonHitlNotice?: ReactNode;\n  /**\n   * The host refused a decision (or the transport lost it). The optimistic\n   * fold has rolled back and the request is on screen again with its actions\n   * re-enabled; this is where a host tells the user why (a toast, a log line).\n   */\n  onResumeRejected?: (error: unknown, requestId: string) => void;\n}\n\nexport const StatewireApprovalCard: FC<StatewireApprovalCardProps> = (props) => {\n  const extras = useAuiState((s) => s.thread.extras);\n  if (!hasStatewireThreadExtras(extras)) return null;\n  return <StatewireApprovalCardInner {...props} />;\n};\n\nconst StatewireApprovalCardInner: FC<StatewireApprovalCardProps> = ({\n  classNames,\n  fallbackMessage,\n  interruptPredicate,\n  pendingResumeGraceMs,\n  isHandledElsewhere,\n  renderDetails,\n  renderEditor,\n  readOnly = false,\n  readOnlyNotice = 'Waiting for someone with edit access to respond.',\n  nonHitlNotice = 'This request needs an answer this surface cannot collect.',\n  onResumeRejected,\n}) => {\n  const {\n    request,\n    requestId,\n    hitl: parkedHitl,\n    actionRequests: parkedActionRequests,\n    liveHitl,\n    liveActionRequests,\n    queuedLaneDecisions,\n    abandonedInterrupt,\n    pending,\n    resume,\n    sendLaneDecisions,\n  } = useStatewireApprovalRequest<StatewireThread.InputResponse>({\n    interruptPredicate,\n    pendingResumeGraceMs,\n    onResumeRejected,\n  });\n  const [dismissedId, setDismissedId] = useState<string>();\n  // The card shares the chat column with the thread. A lone gated call is\n  // small enough to show inline, but a fan-out of a dozen calls would swallow\n  // the conversation, so a batch starts collapsed until someone opens it.\n  const [detailsOverride, setDetailsOverride] = useState<boolean>();\n  // The live lanes a decision was sent for (joined ids); the buttons stay\n  // locked until the host echoes them in `queuedLaneDecisions` or refuses.\n  const [liveSentKey, setLiveSentKey] = useState<string>();\n\n  const isLive = request === undefined && liveHitl !== null;\n  const hitl = isLive ? liveHitl : parkedHitl;\n  const actionRequests = isLive ? liveActionRequests : parkedActionRequests;\n  const laneIds = laneInterruptIds(actionRequests);\n  const undecidedLaneIds = laneIds?.filter((id) => !(id in queuedLaneDecisions)) ?? null;\n  // A lone parked lane (or an unstamped batch) answers with one positional\n  // `run/input`; that is the only resume the backend binds per-action answers\n  // to, so it is the only place an edited call can go.\n  const positional = laneIds === null || (!isLive && laneIds.length <= 1);\n  const liveKey = isLive ? (laneIds?.join('|') ?? null) : null;\n  const viewKey = requestId ?? liveKey ?? undefined;\n\n  // A fresh approval gets the default for ITS batch size, not the disclosure\n  // the previous one was left in. Reset during render via React's \"previous\n  // value\" pattern.\n  const prevViewKeyRef = useRef(viewKey);\n  if (prevViewKeyRef.current !== viewKey) {\n    prevViewKeyRef.current = viewKey;\n    if (detailsOverride !== undefined) setDetailsOverride(undefined);\n    if (liveSentKey !== undefined) setLiveSentKey(undefined);\n  }\n\n  const decide = useCallback(\n    (value: Record<string, string>) => {\n      // Several parked lanes (or a live one) answer by interrupt id: a\n      // positional `run/input` would resume only the first and re-park the\n      // rest. A lone parked lane keeps the positional resume every host\n      // already speaks.\n      if (positional || undecidedLaneIds === null) {\n        resume(value);\n        return;\n      }\n      const lanes = fanLaneDecision({ interruptIds: undecidedLaneIds, decision: value });\n      if (!isLive) {\n        sendLaneDecisions(lanes);\n        return;\n      }\n      const key = undecidedLaneIds.join('|');\n      setLiveSentKey(key);\n      Promise.resolve(sendLaneDecisions(lanes)).catch((error: unknown) => {\n        setLiveSentKey((current) => (current === key ? undefined : current));\n        onResumeRejected?.(error, undecidedLaneIds[0] ?? '');\n      });\n    },\n    [positional, undecidedLaneIds, isLive, resume, sendLaneDecisions, onResumeRejected],\n  );\n\n  const decideEach = useMemo<StatewireApprovalEditorContext['decideEach']>(() => {\n    if (actionRequestToolCallIds(actionRequests) === null || !positional) return null;\n    return (decision) => {\n      const decisions: Record<string, HitlActionDecision> = {};\n      for (const request of actionRequests) {\n        if (request.toolCallId !== undefined) decisions[request.toolCallId] = decision(request);\n      }\n      // The edited argument set comes from the wire as JSON; the resume value\n      // is that JSON going back.\n      resume(hitlResumeActionDecisions(decisions) as StatewireThread.InputResponse);\n    };\n  }, [actionRequests, positional, resume]);\n\n  if (!request && !isLive) {\n    if (!abandonedInterrupt || abandonedInterrupt.id === dismissedId) return null;\n    return (\n      <div\n        className={cn(\n          'aui-approval-abandoned flex w-full items-center justify-between gap-3 rounded-xl border border-amber-300 bg-amber-50 px-3 py-2 text-amber-800 text-xs',\n          classNames?.abandoned,\n        )}\n      >\n        <p>Approval was cancelled — the run moved on.</p>\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss cancelled approval\"\n          onClick={() => setDismissedId(abandonedInterrupt.id)}\n          className=\"shrink-0 rounded-md p-1 hover:bg-amber-100\"\n        >\n          <XIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    );\n  }\n\n  const context: StatewireApprovalRequestContext = { request, hitl, actionRequests };\n  if (isHandledElsewhere?.(context)) return null;\n  // A live mirror without lane stamps cannot be answered before the run\n  // parks; the parked request renders it then.\n  if (isLive && laneIds === null) return null;\n\n  const message = readInterruptMessage(request ? request.payload : liveHitl, fallbackMessage);\n  const toolName = hitl?.context?.tool_name ?? hitl?.context?.tool_id;\n  const pendingCount = hitl?.context?.pending_action_count ?? 1;\n  const hasDetails = hitl !== null && actionRequests.length > 0;\n  const showDetails = hasDetails && (detailsOverride ?? actionRequests.length <= 1);\n  const sessionApprovalOffered = hitl !== null && canApproveForSession(actionRequests);\n  const laneDecided =\n    undecidedLaneIds !== null &&\n    laneIds !== null &&\n    (undecidedLaneIds.length === 0 || liveSentKey === undecidedLaneIds.join('|'));\n  const locked = pending || laneDecided;\n\n  const editor =\n    !readOnly && hitl !== null && renderEditor\n      ? renderEditor({\n          ...context,\n          locked,\n          sessionApprovalOffered,\n          approve: () => decide(hitlResumeApprove()),\n          approveForSession: () => decide(hitlResumeApproveForSession()),\n          reject: (reason) => decide(hitlResumeReject(reason)),\n          decideEach,\n        })\n      : undefined;\n\n  return (\n    <section\n      aria-label={hitl ? 'Approval required' : 'Input required'}\n      className={cn(\n        'aui-approval-card w-full rounded-2xl border border-amber-300 bg-amber-50 px-4 py-3 text-amber-900',\n        classNames?.root,\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <TriangleAlertIcon className=\"mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"flex items-center gap-2 font-semibold text-sm\">\n            <span>{hitl ? 'Approval required' : 'Waiting for input'}</span>\n            {hitl && pendingCount > 1 ? (\n              <span className=\"shrink-0 font-normal text-amber-800 text-xs\">\n                {pendingCount} tool calls\n              </span>\n            ) : null}\n          </p>\n          <p className=\"pt-1 text-amber-800 text-sm leading-snug\">\n            {hitl && pendingCount === 1 && toolName ? (\n              <>\n                <span className=\"font-mono\">{toolName}</span> requires approval before it runs.\n              </>\n            ) : (\n              message\n            )}\n          </p>\n          {isLive ? (\n            <p className=\"pt-1 text-amber-700 text-xs\" data-testid=\"statewire-approval-live\">\n              {laneDecided\n                ? 'Decision sent — it applies as soon as this step pauses.'\n                : 'Other work keeps running while you decide.'}\n            </p>\n          ) : null}\n          {hasDetails && editor == null ? (\n            <button\n              type=\"button\"\n              onClick={() => setDetailsOverride(!showDetails)}\n              aria-expanded={showDetails}\n              className=\"mt-2 flex items-center gap-1 rounded px-1 py-0.5 text-amber-800 text-xs transition-colors hover:text-amber-950\"\n            >\n              <ChevronDownIcon\n                className={cn('size-3 transition-transform', showDetails && 'rotate-180')}\n              />\n              {showDetails ? 'Hide details' : 'Review details'}\n            </button>\n          ) : null}\n          {/* EVERY pending gated call renders, in order — one decision\n              authorizes the whole batch, so nothing may hide behind a host's\n              richer cards. All read-only: this runtime resumes through\n              `hitl_response_to_decisions`, which has no `tool_args` channel —\n              an editable composer would let someone rewrite an email and then\n              watch the original go out — unless the host takes over the\n              decision too (`renderEditor`), which sends the edit per call. */}\n          {editor != null ? (\n            <div className={cn('mt-3 flex flex-col gap-2', classNames?.details)}>{editor}</div>\n          ) : showDetails ? (\n            <div className={cn('mt-2 flex flex-col gap-2', classNames?.details)}>\n              {renderDetails ? (\n                renderDetails(context)\n              ) : (\n                <DefaultApprovalDetails actionRequests={actionRequests} />\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {editor != null ? null : (\n        <div className={cn('flex flex-wrap items-center gap-2 pt-3', classNames?.actions)}>\n          {readOnly ? (\n            <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-read-only\">\n              {readOnlyNotice}\n            </p>\n          ) : hitl ? (\n            <>\n              <Button\n                size=\"sm\"\n                disabled={locked}\n                onClick={() => decide(hitlResumeApprove())}\n                className=\"bg-green-600 text-white hover:bg-green-700\"\n              >\n                <CheckIcon />\n                Approve\n              </Button>\n              {sessionApprovalOffered ? (\n                <Button\n                  size=\"sm\"\n                  variant=\"outline\"\n                  disabled={locked}\n                  onClick={() => decide(hitlResumeApproveForSession())}\n                  data-testid=\"statewire-approval-approve-session\"\n                >\n                  <CheckCheckIcon />\n                  Approve all for this session\n                </Button>\n              ) : null}\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={locked}\n                onClick={() => decide(hitlResumeReject())}\n              >\n                <XIcon />\n                Reject\n              </Button>\n            </>\n          ) : (\n            <>\n              <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-non-hitl\">\n                {nonHitlNotice}\n              </p>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={pending}\n                onClick={() => resume(interruptResumeDecline())}\n              >\n                <XIcon />\n                Decline\n              </Button>\n            </>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n\n/** One block per gated call: its name (when the batch has several) and its arguments as JSON. */\nconst DefaultApprovalDetails: FC<{ actionRequests: PendingActionRequest[] }> = ({\n  actionRequests,\n}) => (\n  <>\n    {actionRequests.map((action, index) => (\n      <div\n        key={`${action.name}-${index}`}\n        className=\"rounded-lg bg-amber-100 p-2 text-amber-900 text-xs leading-relaxed\"\n      >\n        {actionRequests.length > 1 ? (\n          <p className=\"font-mono font-semibold\">{action.name}</p>\n        ) : null}\n        {Object.keys(action.args).length > 0 ? (\n          <pre className=\"mt-1 max-h-32 overflow-auto whitespace-pre-wrap break-words rounded bg-white/60 p-1.5 font-mono text-[11px]\">\n            {JSON.stringify(action.args, null, 2)}\n          </pre>\n        ) : (\n          <p className=\"text-amber-800\">No arguments.</p>\n        )}\n      </div>\n    ))}\n  </>\n);\n"],"names":["useAuiState","hasStatewireThreadExtras","jsx","useStatewireApprovalRequest","useState","laneInterruptIds","useRef","useCallback","fanLaneDecision","useMemo","actionRequestToolCallIds","request","hitlResumeActionDecisions","jsxs","cn","XIcon","readInterruptMessage","canApproveForSession","hitlResumeApprove","hitlResumeApproveForSession","hitlResumeReject","TriangleAlertIcon","Fragment","ChevronDownIcon","Button","CheckIcon","CheckCheckIcon","interruptResumeDecline"],"mappings":"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"}

package/dist/chat/StatewireApprovalCard.d.ts

@@ -1,5 +1,5 @@
 import type { StatewireThread } from '@assistant-ui/react-statewire';
-import { type HitlApprovalPayload, type PendingActionRequest } from '@athenaintel/agent-runtime';
+import { type HitlActionDecision, type HitlApprovalPayload, type PendingActionRequest } from '@athenaintel/agent-runtime';
 import { type FC, type ReactNode } from 'react';
 import { type StatewireInterruptPredicate } from './use-statewire-approval-request';
 /**
@@ -26,9 +26,12 @@ import { type StatewireInterruptPredicate } from './use-statewire-approval-reque
  * first of several parked lanes.
  *
  * Host-specific review UIs (subagent cards, email summaries) slot in through
- * `renderDetails`; requests another surface answers (typed interrupt
- * families, per-lane subagent approvals) stand down through
- * `isHandledElsewhere`; viewers without edit rights see `readOnlyNotice`.
+ * `renderDetails`; a host composer that must also OWN the decision (an
+ * editable email whose edits have to reach the backend) takes over the
+ * details and the decision row through `renderEditor`; requests another
+ * surface answers (typed interrupt families, per-lane subagent approvals)
+ * stand down through `isHandledElsewhere`; viewers without edit rights see
+ * `readOnlyNotice`.
  */
 /** The pending request a host slot renders or judges. */
 export interface StatewireApprovalRequestContext {
@@ -39,6 +42,25 @@ export interface StatewireApprovalRequestContext {
     /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */
     actionRequests: PendingActionRequest[];
 }
+/** The request a host editor renders, plus the decisions it may send for it. */
+export interface StatewireApprovalEditorContext extends StatewireApprovalRequestContext {
+    /** A decision is in flight (or a live lane already answered); the editor must not send another. */
+    locked: boolean;
+    /** Whether "approve all for this session" may be offered for this batch. */
+    sessionApprovalOffered: boolean;
+    approve: () => void;
+    approveForSession: () => void;
+    reject: (reason?: string) => void;
+    /**
+     * Answer each gated call on its own — the only way an EDITED call reaches
+     * the backend. `decision` is asked once per call, in order, so the answer
+     * always names exactly the parked calls (a partial map is refused
+     * server-side and nothing runs). `null` when the batch cannot take
+     * per-action answers: a call without a `tool_call_id`, or a live / multi-
+     * lane approval, which resumes per lane and carries no edit.
+     */
+    decideEach: ((decision: (request: PendingActionRequest) => HitlActionDecision) => void) | null;
+}
 export interface StatewireApprovalCardProps {
     /** Surface-styling overrides merged onto the default classes. */
     classNames?: {
@@ -77,6 +99,14 @@ export interface StatewireApprovalCardProps {
      * region; the decision buttons stay with the card.
      */
     renderDetails?: (context: StatewireApprovalRequestContext) => ReactNode;
+    /**
+     * Replace BOTH the details region and the decision row with a host
+     * composer that decides the request itself through the context's
+     * callbacks (an editable email whose edits must be what runs). Return
+     * `null`/`undefined` to keep the default card for this request. Not
+     * consulted for read-only viewers or non-HITL parks.
+     */
+    renderEditor?: (context: StatewireApprovalEditorContext) => ReactNode;
     /**
      * The viewer may see the request (it explains why the run is parked) but
      * cannot decide it — answering steers the shared run. Renders

package/dist/chat/StatewireApprovalCard.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useAuiState } from "@assistant-ui/react";
 import { XIcon, TriangleAlertIcon, ChevronDownIcon, CheckIcon, CheckCheckIcon } from "lucide-react";
-import { useState, useRef, useCallback } from "react";
+import { useState, useRef, useCallback, useMemo } from "react";
 import { Button } from "../ui/button.js";
 import { useStatewireApprovalRequest } from "./use-statewire-approval-request.js";
 import { hasStatewireThreadExtras } from "../packages/agent-runtime/src/thread-extras.js";
-import { laneInterruptIds, fanLaneDecision, readInterruptMessage, canApproveForSession, hitlResumeApprove, hitlResumeApproveForSession, hitlResumeReject, interruptResumeDecline } from "../packages/agent-runtime/src/interrupts.js";
+import { laneInterruptIds, fanLaneDecision, actionRequestToolCallIds, hitlResumeActionDecisions, readInterruptMessage, canApproveForSession, hitlResumeReject, hitlResumeApproveForSession, hitlResumeApprove, interruptResumeDecline } from "../packages/agent-runtime/src/interrupts.js";
 import { cn } from "cnfast";
 const StatewireApprovalCard = (props) => {
   const extras = useAuiState((s) => s.thread.extras);
@@ -19,6 +19,7 @@ const StatewireApprovalCardInner = ({
   pendingResumeGraceMs,
   isHandledElsewhere,
   renderDetails,
+  renderEditor,
   readOnly = false,
   readOnlyNotice = "Waiting for someone with edit access to respond.",
   nonHitlNotice = "This request needs an answer this surface cannot collect.",
@@ -37,7 +38,11 @@ const StatewireApprovalCardInner = ({
     pending,
     resume,
     sendLaneDecisions
-  } = useStatewireApprovalRequest({ interruptPredicate, pendingResumeGraceMs, onResumeRejected });
+  } = useStatewireApprovalRequest({
+    interruptPredicate,
+    pendingResumeGraceMs,
+    onResumeRejected
+  });
   const [dismissedId, setDismissedId] = useState();
   const [detailsOverride, setDetailsOverride] = useState();
   const [liveSentKey, setLiveSentKey] = useState();
@@ -46,6 +51,7 @@ const StatewireApprovalCardInner = ({
   const actionRequests = isLive ? liveActionRequests : parkedActionRequests;
   const laneIds = laneInterruptIds(actionRequests);
   const undecidedLaneIds = (laneIds == null ? void 0 : laneIds.filter((id) => !(id in queuedLaneDecisions))) ?? null;
+  const positional = laneIds === null || !isLive && laneIds.length <= 1;
   const liveKey = isLive ? (laneIds == null ? void 0 : laneIds.join("|")) ?? null : null;
   const viewKey = requestId ?? liveKey ?? void 0;
   const prevViewKeyRef = useRef(viewKey);
@@ -56,7 +62,7 @@ const StatewireApprovalCardInner = ({
   }
   const decide = useCallback(
     (value) => {
-      if (laneIds === null || undecidedLaneIds === null || !isLive && laneIds.length <= 1) {
+      if (positional || undecidedLaneIds === null) {
         resume(value);
         return;
       }
@@ -72,8 +78,18 @@ const StatewireApprovalCardInner = ({
         onResumeRejected == null ? void 0 : onResumeRejected(error, undecidedLaneIds[0] ?? "");
       });
     },
-    [laneIds, undecidedLaneIds, isLive, resume, sendLaneDecisions, onResumeRejected]
+    [positional, undecidedLaneIds, isLive, resume, sendLaneDecisions, onResumeRejected]
   );
+  const decideEach = useMemo(() => {
+    if (actionRequestToolCallIds(actionRequests) === null || !positional) return null;
+    return (decision) => {
+      const decisions = {};
+      for (const request2 of actionRequests) {
+        if (request2.toolCallId !== void 0) decisions[request2.toolCallId] = decision(request2);
+      }
+      resume(hitlResumeActionDecisions(decisions));
+    };
+  }, [actionRequests, positional, resume]);
   if (!request && !isLive) {
     if (!abandonedInterrupt || abandonedInterrupt.id === dismissedId) return null;
     return /* @__PURE__ */ jsxs(
@@ -110,6 +126,15 @@ const StatewireApprovalCardInner = ({
   const sessionApprovalOffered = hitl !== null && canApproveForSession(actionRequests);
   const laneDecided = undecidedLaneIds !== null && laneIds !== null && (undecidedLaneIds.length === 0 || liveSentKey === undecidedLaneIds.join("|"));
   const locked = pending || laneDecided;
+  const editor = !readOnly && hitl !== null && renderEditor ? renderEditor({
+    ...context,
+    locked,
+    sessionApprovalOffered,
+    approve: () => decide(hitlResumeApprove()),
+    approveForSession: () => decide(hitlResumeApproveForSession()),
+    reject: (reason) => decide(hitlResumeReject(reason)),
+    decideEach
+  }) : void 0;
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -134,7 +159,7 @@ const StatewireApprovalCardInner = ({
               " requires approval before it runs."
             ] }) : message }),
             isLive ? /* @__PURE__ */ jsx("p", { className: "pt-1 text-amber-700 text-xs", "data-testid": "statewire-approval-live", children: laneDecided ? "Decision sent — it applies as soon as this step pauses." : "Other work keeps running while you decide." }) : null,
-            hasDetails ? /* @__PURE__ */ jsxs(
+            hasDetails && editor == null ? /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
@@ -152,10 +177,10 @@ const StatewireApprovalCardInner = ({
                 ]
               }
             ) : null,
-            showDetails ? /* @__PURE__ */ jsx("div", { className: cn("mt-2 flex flex-col gap-2", classNames == null ? void 0 : classNames.details), children: renderDetails ? renderDetails(context) : /* @__PURE__ */ jsx(DefaultApprovalDetails, { actionRequests }) }) : null
+            editor != null ? /* @__PURE__ */ jsx("div", { className: cn("mt-3 flex flex-col gap-2", classNames == null ? void 0 : classNames.details), children: editor }) : showDetails ? /* @__PURE__ */ jsx("div", { className: cn("mt-2 flex flex-col gap-2", classNames == null ? void 0 : classNames.details), children: renderDetails ? renderDetails(context) : /* @__PURE__ */ jsx(DefaultApprovalDetails, { actionRequests }) }) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2 pt-3", classNames == null ? void 0 : classNames.actions), children: readOnly ? /* @__PURE__ */ jsx("p", { className: "text-amber-800 text-sm", "data-testid": "statewire-approval-read-only", children: readOnlyNotice }) : hitl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        editor != null ? null : /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2 pt-3", classNames == null ? void 0 : classNames.actions), children: readOnly ? /* @__PURE__ */ jsx("p", { className: "text-amber-800 text-sm", "data-testid": "statewire-approval-read-only", children: readOnlyNotice }) : hitl ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             Button,
             {

package/dist/chat/StatewireApprovalCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatewireApprovalCard.js","sources":["../../src/chat/StatewireApprovalCard.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  canApproveForSession,\n  fanLaneDecision,\n  hasStatewireThreadExtras,\n  type HitlApprovalPayload,\n  hitlResumeApprove,\n  hitlResumeApproveForSession,\n  hitlResumeReject,\n  interruptResumeDecline,\n  laneInterruptIds,\n  type PendingActionRequest,\n  readInterruptMessage,\n} from '@athenaintel/agent-runtime';\nimport {\n  CheckCheckIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from 'lucide-react';\nimport { type FC, type ReactNode, useCallback, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { Button } from '../ui/button';\nimport {\n  type StatewireInterruptPredicate,\n  useStatewireApprovalRequest,\n} from './use-statewire-approval-request';\n\n/**\n * Human-in-the-loop approval card for the statewire transport — the one\n * approval UI every Athena chat surface mounts (the SDK's `AthenaChat`, the\n * Chrome side panel, the Office task pane, Olympus).\n *\n * When the deep-agent runtime hits an approval-gated tool call, the backend\n * parks the run on an `interrupt` input request. This card reads that request\n * through `useStatewireApprovalRequest` and answers it with\n * `{ type: 'run/input', requestId, response: { type: 'resume', value } }` —\n * the exact command the backend's resume path consumes. Without an answer the\n * run stays parked forever, so this card must be mounted on every statewire\n * chat surface. On legacy (non-statewire) threads it renders nothing.\n *\n * A gated call raised inside a delegated subagent parks only its lane: the\n * host mirrors that interrupt while the sibling lanes keep streaming, before\n * any input request exists. The card renders the mirrored payload the same\n * way and answers it with `run/lane-input` keyed by the lane's langgraph\n * interrupt id (`laneInterruptIds`); the host queues the decision and applies\n * it the moment the run parks, so the approver never waits on the siblings.\n * Once parked, a payload whose calls all carry interrupt ids resumes as a\n * `lane_decisions` map too — one positional `run/input` can only answer the\n * first of several parked lanes.\n *\n * Host-specific review UIs (subagent cards, email summaries) slot in through\n * `renderDetails`; requests another surface answers (typed interrupt\n * families, per-lane subagent approvals) stand down through\n * `isHandledElsewhere`; viewers without edit rights see `readOnlyNotice`.\n */\n\n/** The pending request a host slot renders or judges. */\nexport interface StatewireApprovalRequestContext {\n  /** The parked input request — `undefined` while the run still streams (a live lane approval). */\n  request: StatewireThread.CustomInputRequest | undefined;\n  /** The payload narrowed to the Athena HITL approval shape, or `null` for a generic park. */\n  hitl: HitlApprovalPayload | null;\n  /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */\n  actionRequests: PendingActionRequest[];\n}\n\nexport interface StatewireApprovalCardProps {\n  /** Surface-styling overrides merged onto the default classes. */\n  classNames?: {\n    /** The approval card container. */\n    root?: string;\n    /** The \"approval was cancelled\" notice container. */\n    abandoned?: string;\n    /** The disclosed details block. */\n    details?: string;\n    /** The decision row. */\n    actions?: string;\n  };\n  /** Copy shown when an interrupt payload carries no message. */\n  fallbackMessage?: string;\n  /**\n   * Which pending interrupt this card answers. Defaults to\n   * `isApprovalCardInterrupt` (client-tool parks excluded — keep it that way\n   * unless the surface handles those itself).\n   */\n  interruptPredicate?: StatewireInterruptPredicate;\n  /**\n   * How long a clicked decision keeps the buttons locked when no resume run\n   * ever starts (a `run/input` the host rejected before any run began).\n   * Defaults to `HITL_PENDING_RESUME_GRACE_MS`.\n   */\n  pendingResumeGraceMs?: number;\n  /**\n   * Return true when another surface answers this request (a typed Athena\n   * interrupt family, per-lane subagent approval cards). The card renders\n   * nothing for it — two surfaces must never answer the same input request.\n   */\n  isHandledElsewhere?: (context: StatewireApprovalRequestContext) => boolean;\n  /**\n   * Replace the default argument disclosure (one JSON block per gated call)\n   * with a host-specific review UI. Rendered inside the collapsible details\n   * region; the decision buttons stay with the card.\n   */\n  renderDetails?: (context: StatewireApprovalRequestContext) => ReactNode;\n  /**\n   * The viewer may see the request (it explains why the run is parked) but\n   * cannot decide it — answering steers the shared run. Renders\n   * `readOnlyNotice` in place of the buttons.\n   */\n  readOnly?: boolean;\n  readOnlyNotice?: ReactNode;\n  /**\n   * Copy for a park that is not a HITL approval — a typed Athena interrupt\n   * this surface has no card for. The only honest action is to decline it\n   * (`{ action: 'reject' }`, which every typed raiser treats as a clean user\n   * decline); a generic \"Continue\" would be rejected by the raiser's resume\n   * schema and surface as a tool error.\n   */\n  nonHitlNotice?: ReactNode;\n  /**\n   * The host refused a decision (or the transport lost it). The optimistic\n   * fold has rolled back and the request is on screen again with its actions\n   * re-enabled; this is where a host tells the user why (a toast, a log line).\n   */\n  onResumeRejected?: (error: unknown, requestId: string) => void;\n}\n\nexport const StatewireApprovalCard: FC<StatewireApprovalCardProps> = (props) => {\n  const extras = useAuiState((s) => s.thread.extras);\n  if (!hasStatewireThreadExtras(extras)) return null;\n  return <StatewireApprovalCardInner {...props} />;\n};\n\nconst StatewireApprovalCardInner: FC<StatewireApprovalCardProps> = ({\n  classNames,\n  fallbackMessage,\n  interruptPredicate,\n  pendingResumeGraceMs,\n  isHandledElsewhere,\n  renderDetails,\n  readOnly = false,\n  readOnlyNotice = 'Waiting for someone with edit access to respond.',\n  nonHitlNotice = 'This request needs an answer this surface cannot collect.',\n  onResumeRejected,\n}) => {\n  const {\n    request,\n    requestId,\n    hitl: parkedHitl,\n    actionRequests: parkedActionRequests,\n    liveHitl,\n    liveActionRequests,\n    queuedLaneDecisions,\n    abandonedInterrupt,\n    pending,\n    resume,\n    sendLaneDecisions,\n  } = useStatewireApprovalRequest({ interruptPredicate, pendingResumeGraceMs, onResumeRejected });\n  const [dismissedId, setDismissedId] = useState<string>();\n  // The card shares the chat column with the thread. A lone gated call is\n  // small enough to show inline, but a fan-out of a dozen calls would swallow\n  // the conversation, so a batch starts collapsed until someone opens it.\n  const [detailsOverride, setDetailsOverride] = useState<boolean>();\n  // The live lanes a decision was sent for (joined ids); the buttons stay\n  // locked until the host echoes them in `queuedLaneDecisions` or refuses.\n  const [liveSentKey, setLiveSentKey] = useState<string>();\n\n  const isLive = request === undefined && liveHitl !== null;\n  const hitl = isLive ? liveHitl : parkedHitl;\n  const actionRequests = isLive ? liveActionRequests : parkedActionRequests;\n  const laneIds = laneInterruptIds(actionRequests);\n  const undecidedLaneIds = laneIds?.filter((id) => !(id in queuedLaneDecisions)) ?? null;\n  const liveKey = isLive ? (laneIds?.join('|') ?? null) : null;\n  const viewKey = requestId ?? liveKey ?? undefined;\n\n  // A fresh approval gets the default for ITS batch size, not the disclosure\n  // the previous one was left in. Reset during render via React's \"previous\n  // value\" pattern.\n  const prevViewKeyRef = useRef(viewKey);\n  if (prevViewKeyRef.current !== viewKey) {\n    prevViewKeyRef.current = viewKey;\n    if (detailsOverride !== undefined) setDetailsOverride(undefined);\n    if (liveSentKey !== undefined) setLiveSentKey(undefined);\n  }\n\n  const decide = useCallback(\n    (value: Record<string, string>) => {\n      // Several parked lanes (or a live one) answer by interrupt id: a\n      // positional `run/input` would resume only the first and re-park the\n      // rest. A lone parked lane keeps the positional resume every host\n      // already speaks.\n      if (laneIds === null || undecidedLaneIds === null || (!isLive && laneIds.length <= 1)) {\n        resume(value);\n        return;\n      }\n      const lanes = fanLaneDecision({ interruptIds: undecidedLaneIds, decision: value });\n      if (!isLive) {\n        sendLaneDecisions(lanes);\n        return;\n      }\n      const key = undecidedLaneIds.join('|');\n      setLiveSentKey(key);\n      Promise.resolve(sendLaneDecisions(lanes)).catch((error: unknown) => {\n        setLiveSentKey((current) => (current === key ? undefined : current));\n        onResumeRejected?.(error, undecidedLaneIds[0] ?? '');\n      });\n    },\n    [laneIds, undecidedLaneIds, isLive, resume, sendLaneDecisions, onResumeRejected],\n  );\n\n  if (!request && !isLive) {\n    if (!abandonedInterrupt || abandonedInterrupt.id === dismissedId) return null;\n    return (\n      <div\n        className={cn(\n          'aui-approval-abandoned flex w-full items-center justify-between gap-3 rounded-xl border border-amber-300 bg-amber-50 px-3 py-2 text-amber-800 text-xs',\n          classNames?.abandoned,\n        )}\n      >\n        <p>Approval was cancelled — the run moved on.</p>\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss cancelled approval\"\n          onClick={() => setDismissedId(abandonedInterrupt.id)}\n          className=\"shrink-0 rounded-md p-1 hover:bg-amber-100\"\n        >\n          <XIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    );\n  }\n\n  const context: StatewireApprovalRequestContext = { request, hitl, actionRequests };\n  if (isHandledElsewhere?.(context)) return null;\n  // A live mirror without lane stamps cannot be answered before the run\n  // parks; the parked request renders it then.\n  if (isLive && laneIds === null) return null;\n\n  const message = readInterruptMessage(request ? request.payload : liveHitl, fallbackMessage);\n  const toolName = hitl?.context?.tool_name ?? hitl?.context?.tool_id;\n  const pendingCount = hitl?.context?.pending_action_count ?? 1;\n  const hasDetails = hitl !== null && actionRequests.length > 0;\n  const showDetails = hasDetails && (detailsOverride ?? actionRequests.length <= 1);\n  const sessionApprovalOffered = hitl !== null && canApproveForSession(actionRequests);\n  const laneDecided =\n    undecidedLaneIds !== null &&\n    laneIds !== null &&\n    (undecidedLaneIds.length === 0 || liveSentKey === undecidedLaneIds.join('|'));\n  const locked = pending || laneDecided;\n\n  return (\n    <section\n      aria-label={hitl ? 'Approval required' : 'Input required'}\n      className={cn(\n        'aui-approval-card w-full rounded-2xl border border-amber-300 bg-amber-50 px-4 py-3 text-amber-900',\n        classNames?.root,\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <TriangleAlertIcon className=\"mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"flex items-center gap-2 font-semibold text-sm\">\n            <span>{hitl ? 'Approval required' : 'Waiting for input'}</span>\n            {hitl && pendingCount > 1 ? (\n              <span className=\"shrink-0 font-normal text-amber-800 text-xs\">\n                {pendingCount} tool calls\n              </span>\n            ) : null}\n          </p>\n          <p className=\"pt-1 text-amber-800 text-sm leading-snug\">\n            {hitl && pendingCount === 1 && toolName ? (\n              <>\n                <span className=\"font-mono\">{toolName}</span> requires approval before it runs.\n              </>\n            ) : (\n              message\n            )}\n          </p>\n          {isLive ? (\n            <p className=\"pt-1 text-amber-700 text-xs\" data-testid=\"statewire-approval-live\">\n              {laneDecided\n                ? 'Decision sent — it applies as soon as this step pauses.'\n                : 'Other work keeps running while you decide.'}\n            </p>\n          ) : null}\n          {hasDetails ? (\n            <button\n              type=\"button\"\n              onClick={() => setDetailsOverride(!showDetails)}\n              aria-expanded={showDetails}\n              className=\"mt-2 flex items-center gap-1 rounded px-1 py-0.5 text-amber-800 text-xs transition-colors hover:text-amber-950\"\n            >\n              <ChevronDownIcon\n                className={cn('size-3 transition-transform', showDetails && 'rotate-180')}\n              />\n              {showDetails ? 'Hide details' : 'Review details'}\n            </button>\n          ) : null}\n          {/* EVERY pending gated call renders, in order — one decision\n              authorizes the whole batch, so nothing may hide behind a host's\n              richer cards. All read-only: this runtime resumes through\n              `hitl_response_to_decisions`, which has no `tool_args` channel —\n              an editable composer would let someone rewrite an email and then\n              watch the original go out. */}\n          {showDetails ? (\n            <div className={cn('mt-2 flex flex-col gap-2', classNames?.details)}>\n              {renderDetails ? (\n                renderDetails(context)\n              ) : (\n                <DefaultApprovalDetails actionRequests={actionRequests} />\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      <div className={cn('flex flex-wrap items-center gap-2 pt-3', classNames?.actions)}>\n        {readOnly ? (\n          <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-read-only\">\n            {readOnlyNotice}\n          </p>\n        ) : hitl ? (\n          <>\n            <Button\n              size=\"sm\"\n              disabled={locked}\n              onClick={() => decide(hitlResumeApprove())}\n              className=\"bg-green-600 text-white hover:bg-green-700\"\n            >\n              <CheckIcon />\n              Approve\n            </Button>\n            {sessionApprovalOffered ? (\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={locked}\n                onClick={() => decide(hitlResumeApproveForSession())}\n                data-testid=\"statewire-approval-approve-session\"\n              >\n                <CheckCheckIcon />\n                Approve all for this session\n              </Button>\n            ) : null}\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={locked}\n              onClick={() => decide(hitlResumeReject())}\n            >\n              <XIcon />\n              Reject\n            </Button>\n          </>\n        ) : (\n          <>\n            <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-non-hitl\">\n              {nonHitlNotice}\n            </p>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={pending}\n              onClick={() => resume(interruptResumeDecline())}\n            >\n              <XIcon />\n              Decline\n            </Button>\n          </>\n        )}\n      </div>\n    </section>\n  );\n};\n\n/** One block per gated call: its name (when the batch has several) and its arguments as JSON. */\nconst DefaultApprovalDetails: FC<{ actionRequests: PendingActionRequest[] }> = ({\n  actionRequests,\n}) => (\n  <>\n    {actionRequests.map((action, index) => (\n      <div\n        key={`${action.name}-${index}`}\n        className=\"rounded-lg bg-amber-100 p-2 text-amber-900 text-xs leading-relaxed\"\n      >\n        {actionRequests.length > 1 ? (\n          <p className=\"font-mono font-semibold\">{action.name}</p>\n        ) : null}\n        {Object.keys(action.args).length > 0 ? (\n          <pre className=\"mt-1 max-h-32 overflow-auto whitespace-pre-wrap break-words rounded bg-white/60 p-1.5 font-mono text-[11px]\">\n            {JSON.stringify(action.args, null, 2)}\n          </pre>\n        ) : (\n          <p className=\"text-amber-800\">No arguments.</p>\n        )}\n      </div>\n    ))}\n  </>\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatewireApprovalCard.js","sources":["../../src/chat/StatewireApprovalCard.tsx"],"sourcesContent":["import { useAuiState } from '@assistant-ui/react';\nimport type { StatewireThread } from '@assistant-ui/react-statewire';\nimport {\n  actionRequestToolCallIds,\n  canApproveForSession,\n  fanLaneDecision,\n  hasStatewireThreadExtras,\n  type HitlActionDecision,\n  type HitlApprovalPayload,\n  hitlResumeActionDecisions,\n  hitlResumeApprove,\n  hitlResumeApproveForSession,\n  hitlResumeReject,\n  interruptResumeDecline,\n  laneInterruptIds,\n  type PendingActionRequest,\n  readInterruptMessage,\n} from '@athenaintel/agent-runtime';\nimport {\n  CheckCheckIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from 'lucide-react';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { Button } from '../ui/button';\nimport {\n  type StatewireInterruptPredicate,\n  useStatewireApprovalRequest,\n} from './use-statewire-approval-request';\n\n/**\n * Human-in-the-loop approval card for the statewire transport — the one\n * approval UI every Athena chat surface mounts (the SDK's `AthenaChat`, the\n * Chrome side panel, the Office task pane, Olympus).\n *\n * When the deep-agent runtime hits an approval-gated tool call, the backend\n * parks the run on an `interrupt` input request. This card reads that request\n * through `useStatewireApprovalRequest` and answers it with\n * `{ type: 'run/input', requestId, response: { type: 'resume', value } }` —\n * the exact command the backend's resume path consumes. Without an answer the\n * run stays parked forever, so this card must be mounted on every statewire\n * chat surface. On legacy (non-statewire) threads it renders nothing.\n *\n * A gated call raised inside a delegated subagent parks only its lane: the\n * host mirrors that interrupt while the sibling lanes keep streaming, before\n * any input request exists. The card renders the mirrored payload the same\n * way and answers it with `run/lane-input` keyed by the lane's langgraph\n * interrupt id (`laneInterruptIds`); the host queues the decision and applies\n * it the moment the run parks, so the approver never waits on the siblings.\n * Once parked, a payload whose calls all carry interrupt ids resumes as a\n * `lane_decisions` map too — one positional `run/input` can only answer the\n * first of several parked lanes.\n *\n * Host-specific review UIs (subagent cards, email summaries) slot in through\n * `renderDetails`; a host composer that must also OWN the decision (an\n * editable email whose edits have to reach the backend) takes over the\n * details and the decision row through `renderEditor`; requests another\n * surface answers (typed interrupt families, per-lane subagent approvals)\n * stand down through `isHandledElsewhere`; viewers without edit rights see\n * `readOnlyNotice`.\n */\n\n/** The pending request a host slot renders or judges. */\nexport interface StatewireApprovalRequestContext {\n  /** The parked input request — `undefined` while the run still streams (a live lane approval). */\n  request: StatewireThread.CustomInputRequest | undefined;\n  /** The payload narrowed to the Athena HITL approval shape, or `null` for a generic park. */\n  hitl: HitlApprovalPayload | null;\n  /** Every gated call the approval covers, in decision order (empty for non-HITL parks). */\n  actionRequests: PendingActionRequest[];\n}\n\n/** The request a host editor renders, plus the decisions it may send for it. */\nexport interface StatewireApprovalEditorContext extends StatewireApprovalRequestContext {\n  /** A decision is in flight (or a live lane already answered); the editor must not send another. */\n  locked: boolean;\n  /** Whether \"approve all for this session\" may be offered for this batch. */\n  sessionApprovalOffered: boolean;\n  approve: () => void;\n  approveForSession: () => void;\n  reject: (reason?: string) => void;\n  /**\n   * Answer each gated call on its own — the only way an EDITED call reaches\n   * the backend. `decision` is asked once per call, in order, so the answer\n   * always names exactly the parked calls (a partial map is refused\n   * server-side and nothing runs). `null` when the batch cannot take\n   * per-action answers: a call without a `tool_call_id`, or a live / multi-\n   * lane approval, which resumes per lane and carries no edit.\n   */\n  decideEach: ((decision: (request: PendingActionRequest) => HitlActionDecision) => void) | null;\n}\n\nexport interface StatewireApprovalCardProps {\n  /** Surface-styling overrides merged onto the default classes. */\n  classNames?: {\n    /** The approval card container. */\n    root?: string;\n    /** The \"approval was cancelled\" notice container. */\n    abandoned?: string;\n    /** The disclosed details block. */\n    details?: string;\n    /** The decision row. */\n    actions?: string;\n  };\n  /** Copy shown when an interrupt payload carries no message. */\n  fallbackMessage?: string;\n  /**\n   * Which pending interrupt this card answers. Defaults to\n   * `isApprovalCardInterrupt` (client-tool parks excluded — keep it that way\n   * unless the surface handles those itself).\n   */\n  interruptPredicate?: StatewireInterruptPredicate;\n  /**\n   * How long a clicked decision keeps the buttons locked when no resume run\n   * ever starts (a `run/input` the host rejected before any run began).\n   * Defaults to `HITL_PENDING_RESUME_GRACE_MS`.\n   */\n  pendingResumeGraceMs?: number;\n  /**\n   * Return true when another surface answers this request (a typed Athena\n   * interrupt family, per-lane subagent approval cards). The card renders\n   * nothing for it — two surfaces must never answer the same input request.\n   */\n  isHandledElsewhere?: (context: StatewireApprovalRequestContext) => boolean;\n  /**\n   * Replace the default argument disclosure (one JSON block per gated call)\n   * with a host-specific review UI. Rendered inside the collapsible details\n   * region; the decision buttons stay with the card.\n   */\n  renderDetails?: (context: StatewireApprovalRequestContext) => ReactNode;\n  /**\n   * Replace BOTH the details region and the decision row with a host\n   * composer that decides the request itself through the context's\n   * callbacks (an editable email whose edits must be what runs). Return\n   * `null`/`undefined` to keep the default card for this request. Not\n   * consulted for read-only viewers or non-HITL parks.\n   */\n  renderEditor?: (context: StatewireApprovalEditorContext) => ReactNode;\n  /**\n   * The viewer may see the request (it explains why the run is parked) but\n   * cannot decide it — answering steers the shared run. Renders\n   * `readOnlyNotice` in place of the buttons.\n   */\n  readOnly?: boolean;\n  readOnlyNotice?: ReactNode;\n  /**\n   * Copy for a park that is not a HITL approval — a typed Athena interrupt\n   * this surface has no card for. The only honest action is to decline it\n   * (`{ action: 'reject' }`, which every typed raiser treats as a clean user\n   * decline); a generic \"Continue\" would be rejected by the raiser's resume\n   * schema and surface as a tool error.\n   */\n  nonHitlNotice?: ReactNode;\n  /**\n   * The host refused a decision (or the transport lost it). The optimistic\n   * fold has rolled back and the request is on screen again with its actions\n   * re-enabled; this is where a host tells the user why (a toast, a log line).\n   */\n  onResumeRejected?: (error: unknown, requestId: string) => void;\n}\n\nexport const StatewireApprovalCard: FC<StatewireApprovalCardProps> = (props) => {\n  const extras = useAuiState((s) => s.thread.extras);\n  if (!hasStatewireThreadExtras(extras)) return null;\n  return <StatewireApprovalCardInner {...props} />;\n};\n\nconst StatewireApprovalCardInner: FC<StatewireApprovalCardProps> = ({\n  classNames,\n  fallbackMessage,\n  interruptPredicate,\n  pendingResumeGraceMs,\n  isHandledElsewhere,\n  renderDetails,\n  renderEditor,\n  readOnly = false,\n  readOnlyNotice = 'Waiting for someone with edit access to respond.',\n  nonHitlNotice = 'This request needs an answer this surface cannot collect.',\n  onResumeRejected,\n}) => {\n  const {\n    request,\n    requestId,\n    hitl: parkedHitl,\n    actionRequests: parkedActionRequests,\n    liveHitl,\n    liveActionRequests,\n    queuedLaneDecisions,\n    abandonedInterrupt,\n    pending,\n    resume,\n    sendLaneDecisions,\n  } = useStatewireApprovalRequest<StatewireThread.InputResponse>({\n    interruptPredicate,\n    pendingResumeGraceMs,\n    onResumeRejected,\n  });\n  const [dismissedId, setDismissedId] = useState<string>();\n  // The card shares the chat column with the thread. A lone gated call is\n  // small enough to show inline, but a fan-out of a dozen calls would swallow\n  // the conversation, so a batch starts collapsed until someone opens it.\n  const [detailsOverride, setDetailsOverride] = useState<boolean>();\n  // The live lanes a decision was sent for (joined ids); the buttons stay\n  // locked until the host echoes them in `queuedLaneDecisions` or refuses.\n  const [liveSentKey, setLiveSentKey] = useState<string>();\n\n  const isLive = request === undefined && liveHitl !== null;\n  const hitl = isLive ? liveHitl : parkedHitl;\n  const actionRequests = isLive ? liveActionRequests : parkedActionRequests;\n  const laneIds = laneInterruptIds(actionRequests);\n  const undecidedLaneIds = laneIds?.filter((id) => !(id in queuedLaneDecisions)) ?? null;\n  // A lone parked lane (or an unstamped batch) answers with one positional\n  // `run/input`; that is the only resume the backend binds per-action answers\n  // to, so it is the only place an edited call can go.\n  const positional = laneIds === null || (!isLive && laneIds.length <= 1);\n  const liveKey = isLive ? (laneIds?.join('|') ?? null) : null;\n  const viewKey = requestId ?? liveKey ?? undefined;\n\n  // A fresh approval gets the default for ITS batch size, not the disclosure\n  // the previous one was left in. Reset during render via React's \"previous\n  // value\" pattern.\n  const prevViewKeyRef = useRef(viewKey);\n  if (prevViewKeyRef.current !== viewKey) {\n    prevViewKeyRef.current = viewKey;\n    if (detailsOverride !== undefined) setDetailsOverride(undefined);\n    if (liveSentKey !== undefined) setLiveSentKey(undefined);\n  }\n\n  const decide = useCallback(\n    (value: Record<string, string>) => {\n      // Several parked lanes (or a live one) answer by interrupt id: a\n      // positional `run/input` would resume only the first and re-park the\n      // rest. A lone parked lane keeps the positional resume every host\n      // already speaks.\n      if (positional || undecidedLaneIds === null) {\n        resume(value);\n        return;\n      }\n      const lanes = fanLaneDecision({ interruptIds: undecidedLaneIds, decision: value });\n      if (!isLive) {\n        sendLaneDecisions(lanes);\n        return;\n      }\n      const key = undecidedLaneIds.join('|');\n      setLiveSentKey(key);\n      Promise.resolve(sendLaneDecisions(lanes)).catch((error: unknown) => {\n        setLiveSentKey((current) => (current === key ? undefined : current));\n        onResumeRejected?.(error, undecidedLaneIds[0] ?? '');\n      });\n    },\n    [positional, undecidedLaneIds, isLive, resume, sendLaneDecisions, onResumeRejected],\n  );\n\n  const decideEach = useMemo<StatewireApprovalEditorContext['decideEach']>(() => {\n    if (actionRequestToolCallIds(actionRequests) === null || !positional) return null;\n    return (decision) => {\n      const decisions: Record<string, HitlActionDecision> = {};\n      for (const request of actionRequests) {\n        if (request.toolCallId !== undefined) decisions[request.toolCallId] = decision(request);\n      }\n      // The edited argument set comes from the wire as JSON; the resume value\n      // is that JSON going back.\n      resume(hitlResumeActionDecisions(decisions) as StatewireThread.InputResponse);\n    };\n  }, [actionRequests, positional, resume]);\n\n  if (!request && !isLive) {\n    if (!abandonedInterrupt || abandonedInterrupt.id === dismissedId) return null;\n    return (\n      <div\n        className={cn(\n          'aui-approval-abandoned flex w-full items-center justify-between gap-3 rounded-xl border border-amber-300 bg-amber-50 px-3 py-2 text-amber-800 text-xs',\n          classNames?.abandoned,\n        )}\n      >\n        <p>Approval was cancelled — the run moved on.</p>\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss cancelled approval\"\n          onClick={() => setDismissedId(abandonedInterrupt.id)}\n          className=\"shrink-0 rounded-md p-1 hover:bg-amber-100\"\n        >\n          <XIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    );\n  }\n\n  const context: StatewireApprovalRequestContext = { request, hitl, actionRequests };\n  if (isHandledElsewhere?.(context)) return null;\n  // A live mirror without lane stamps cannot be answered before the run\n  // parks; the parked request renders it then.\n  if (isLive && laneIds === null) return null;\n\n  const message = readInterruptMessage(request ? request.payload : liveHitl, fallbackMessage);\n  const toolName = hitl?.context?.tool_name ?? hitl?.context?.tool_id;\n  const pendingCount = hitl?.context?.pending_action_count ?? 1;\n  const hasDetails = hitl !== null && actionRequests.length > 0;\n  const showDetails = hasDetails && (detailsOverride ?? actionRequests.length <= 1);\n  const sessionApprovalOffered = hitl !== null && canApproveForSession(actionRequests);\n  const laneDecided =\n    undecidedLaneIds !== null &&\n    laneIds !== null &&\n    (undecidedLaneIds.length === 0 || liveSentKey === undecidedLaneIds.join('|'));\n  const locked = pending || laneDecided;\n\n  const editor =\n    !readOnly && hitl !== null && renderEditor\n      ? renderEditor({\n          ...context,\n          locked,\n          sessionApprovalOffered,\n          approve: () => decide(hitlResumeApprove()),\n          approveForSession: () => decide(hitlResumeApproveForSession()),\n          reject: (reason) => decide(hitlResumeReject(reason)),\n          decideEach,\n        })\n      : undefined;\n\n  return (\n    <section\n      aria-label={hitl ? 'Approval required' : 'Input required'}\n      className={cn(\n        'aui-approval-card w-full rounded-2xl border border-amber-300 bg-amber-50 px-4 py-3 text-amber-900',\n        classNames?.root,\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <TriangleAlertIcon className=\"mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"flex items-center gap-2 font-semibold text-sm\">\n            <span>{hitl ? 'Approval required' : 'Waiting for input'}</span>\n            {hitl && pendingCount > 1 ? (\n              <span className=\"shrink-0 font-normal text-amber-800 text-xs\">\n                {pendingCount} tool calls\n              </span>\n            ) : null}\n          </p>\n          <p className=\"pt-1 text-amber-800 text-sm leading-snug\">\n            {hitl && pendingCount === 1 && toolName ? (\n              <>\n                <span className=\"font-mono\">{toolName}</span> requires approval before it runs.\n              </>\n            ) : (\n              message\n            )}\n          </p>\n          {isLive ? (\n            <p className=\"pt-1 text-amber-700 text-xs\" data-testid=\"statewire-approval-live\">\n              {laneDecided\n                ? 'Decision sent — it applies as soon as this step pauses.'\n                : 'Other work keeps running while you decide.'}\n            </p>\n          ) : null}\n          {hasDetails && editor == null ? (\n            <button\n              type=\"button\"\n              onClick={() => setDetailsOverride(!showDetails)}\n              aria-expanded={showDetails}\n              className=\"mt-2 flex items-center gap-1 rounded px-1 py-0.5 text-amber-800 text-xs transition-colors hover:text-amber-950\"\n            >\n              <ChevronDownIcon\n                className={cn('size-3 transition-transform', showDetails && 'rotate-180')}\n              />\n              {showDetails ? 'Hide details' : 'Review details'}\n            </button>\n          ) : null}\n          {/* EVERY pending gated call renders, in order — one decision\n              authorizes the whole batch, so nothing may hide behind a host's\n              richer cards. All read-only: this runtime resumes through\n              `hitl_response_to_decisions`, which has no `tool_args` channel —\n              an editable composer would let someone rewrite an email and then\n              watch the original go out — unless the host takes over the\n              decision too (`renderEditor`), which sends the edit per call. */}\n          {editor != null ? (\n            <div className={cn('mt-3 flex flex-col gap-2', classNames?.details)}>{editor}</div>\n          ) : showDetails ? (\n            <div className={cn('mt-2 flex flex-col gap-2', classNames?.details)}>\n              {renderDetails ? (\n                renderDetails(context)\n              ) : (\n                <DefaultApprovalDetails actionRequests={actionRequests} />\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {editor != null ? null : (\n        <div className={cn('flex flex-wrap items-center gap-2 pt-3', classNames?.actions)}>\n          {readOnly ? (\n            <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-read-only\">\n              {readOnlyNotice}\n            </p>\n          ) : hitl ? (\n            <>\n              <Button\n                size=\"sm\"\n                disabled={locked}\n                onClick={() => decide(hitlResumeApprove())}\n                className=\"bg-green-600 text-white hover:bg-green-700\"\n              >\n                <CheckIcon />\n                Approve\n              </Button>\n              {sessionApprovalOffered ? (\n                <Button\n                  size=\"sm\"\n                  variant=\"outline\"\n                  disabled={locked}\n                  onClick={() => decide(hitlResumeApproveForSession())}\n                  data-testid=\"statewire-approval-approve-session\"\n                >\n                  <CheckCheckIcon />\n                  Approve all for this session\n                </Button>\n              ) : null}\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={locked}\n                onClick={() => decide(hitlResumeReject())}\n              >\n                <XIcon />\n                Reject\n              </Button>\n            </>\n          ) : (\n            <>\n              <p className=\"text-amber-800 text-sm\" data-testid=\"statewire-approval-non-hitl\">\n                {nonHitlNotice}\n              </p>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={pending}\n                onClick={() => resume(interruptResumeDecline())}\n              >\n                <XIcon />\n                Decline\n              </Button>\n            </>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n\n/** One block per gated call: its name (when the batch has several) and its arguments as JSON. */\nconst DefaultApprovalDetails: FC<{ actionRequests: PendingActionRequest[] }> = ({\n  actionRequests,\n}) => (\n  <>\n    {actionRequests.map((action, index) => (\n      <div\n        key={`${action.name}-${index}`}\n        className=\"rounded-lg bg-amber-100 p-2 text-amber-900 text-xs leading-relaxed\"\n      >\n        {actionRequests.length > 1 ? (\n          <p className=\"font-mono font-semibold\">{action.name}</p>\n        ) : null}\n        {Object.keys(action.args).length > 0 ? (\n          <pre className=\"mt-1 max-h-32 overflow-auto whitespace-pre-wrap break-words rounded bg-white/60 p-1.5 font-mono text-[11px]\">\n            {JSON.stringify(action.args, null, 2)}\n          </pre>\n        ) : (\n          <p className=\"text-amber-800\">No arguments.</p>\n        )}\n      </div>\n    ))}\n  </>\n);\n"],"names":["request"],"mappings":"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"}

package/dist/chat-ui/index.d.ts

@@ -44,7 +44,7 @@ export { WakeMarkerCard, type WakeMarkerCardProps, WakeMarkerMessage, } from "./
 export { VoiceDelegationCard, type VoiceDelegationCardProps, VoiceDelegationMessage, } from "./messages/voice-delegation-card";
 export { ContinuePill } from "./messages/continue-pill";
 export { type ReadStatewireTailEnding, StatewireContinueRunAffordance, StatewireContinueRunButton, type StatewireContinueRunButtonProps, StatewireRunEndedFooter, type StatewireRunEndedFooterActionsContext, type StatewireRunEndedFooterProps, type StatewireTailEnding, } from "./messages/statewire-continue-run";
-export { StatewireApprovalCard, type StatewireApprovalCardProps, type StatewireApprovalRequestContext, } from "../chat/StatewireApprovalCard";
+export { StatewireApprovalCard, type StatewireApprovalCardProps, type StatewireApprovalEditorContext, type StatewireApprovalRequestContext, } from "../chat/StatewireApprovalCard";
 export { type StatewireApprovalRequest, type StatewireInterruptPredicate, type UseStatewireApprovalRequestOptions, useStatewireApprovalRequest, } from "../chat/use-statewire-approval-request";
 export { StatewireQueuedMessages, type StatewireQueueEditorContext, type StatewireQueueEvent, type StatewireQueueRowContentContext, type StatewireQueuedMessagesProps, } from "../chat/StatewireQueuedMessages";
 export { WaitingOnYouBanner, type WaitingOnYouBannerProps, WaitingOnYouBannerView, type WaitingOnYouBannerViewProps, } from "../chat/WaitingOnYouBanner";

package/dist/chat-ui/mentions/suggestions/data/api-client.cjs

@@ -18,17 +18,26 @@ function useMentionAuth() {
 async function fetchGraphQL(auth, query, variables = {}) {
   var _a;
   const url = `${auth.backendUrl.replace(/\/+$/, "")}/graphql`;
-  const requestAuth = auth.getAccessToken ? { ...auth, accessToken: await auth.getAccessToken() } : auth;
-  const { headers, credentials } = mentionRequestInit(requestAuth);
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...headers
-    },
-    ...credentials ? { credentials } : {},
-    body: JSON.stringify({ query, variables })
-  });
+  const send = (requestAuth2) => {
+    const { headers, credentials } = mentionRequestInit(requestAuth2);
+    return fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...headers
+      },
+      ...credentials ? { credentials } : {},
+      body: JSON.stringify({ query, variables })
+    });
+  };
+  const requestAuth = auth.getAccessToken ? { ...auth, accessToken: await auth.getAccessToken() ?? auth.accessToken } : auth;
+  let response = await send(requestAuth);
+  if (response.status === 401 && requestAuth.accessToken && auth.renewAccessToken) {
+    const renewed = await auth.renewAccessToken();
+    if (renewed && renewed !== requestAuth.accessToken) {
+      response = await send({ ...auth, accessToken: renewed });
+    }
+  }
   if (!response.ok) {
     throw new Error(`GraphQL HTTP ${response.status}: ${response.statusText}`);
   }

package/dist/chat-ui/mentions/suggestions/data/api-client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"api-client.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/data/api-client.ts"],"sourcesContent":["/**\n * API client for mention data fetching.\n *\n * Wraps raw fetch() with GraphQL support. Hosts authenticate with either a\n * bearer token or a workspace API key; agora's /graphql accepts both.\n */\n\nimport { createContext, useContext } from \"react\";\n\n// ── Auth context ──\n\nexport interface MentionAuthContext {\n  backendUrl: string;\n  appUrl?: string;\n  /** Bearer credential; hosts without one authenticate with `apiKey`. */\n  accessToken?: string;\n  /** Resolve a current bearer before each query (for rotating Office sessions). */\n  getAccessToken?: () => Promise<string>;\n  apiKey?: string;\n  /**\n   * With neither credential, ride the browser's same-origin session cookie\n   * instead of failing — the SDK's AthenaChat, whose REST helpers make the\n   * same choice for a host that configured no token and no API key. Hosts\n   * that always hold a credential leave this unset so an accidental anonymous\n   * query fails loudly.\n   */\n  credentials?: \"include\";\n  workspaceId?: string;\n  userId?: string;\n}\n\n/** Credential headers (or the cookie lane) for a mention fetch. */\nexport function mentionRequestInit(\n  auth: MentionAuthContext,\n): Pick<RequestInit, \"headers\" | \"credentials\"> {\n  if (auth.accessToken) {\n    return { headers: { Authorization: `Bearer ${auth.accessToken}` } };\n  }\n  if (auth.apiKey) return { headers: { \"X-API-KEY\": auth.apiKey } };\n  if (auth.credentials) return { headers: {}, credentials: auth.credentials };\n  throw new Error(\"MentionAuthCtx needs either an accessToken or an apiKey\");\n}\n\nexport const MentionAuthCtx = createContext<MentionAuthContext | null>(null);\n\nexport function useMentionAuth(): MentionAuthContext {\n  const ctx = useContext(MentionAuthCtx);\n  if (!ctx) throw new Error(\"MentionAuthCtx not provided\");\n  return ctx;\n}\n\n// ── GraphQL client ──\n\nexport async function fetchGraphQL<T = any>(\n  auth: MentionAuthContext,\n  query: string,\n  variables: Record<string, any> = {},\n): Promise<T> {\n  const url = `${auth.backendUrl.replace(/\\/+$/, \"\")}/graphql`;\n  const requestAuth = auth.getAccessToken\n    ? { ...auth, accessToken: await auth.getAccessToken() }\n    : auth;\n  const { headers, credentials } = mentionRequestInit(requestAuth);\n  const response = await fetch(url, {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n      ...headers,\n    },\n    ...(credentials ? { credentials } : {}),\n    body: JSON.stringify({ query, variables }),\n  });\n\n  if (!response.ok) {\n    throw new Error(`GraphQL HTTP ${response.status}: ${response.statusText}`);\n  }\n\n  const result = await response.json();\n  if (result.errors?.length) {\n    throw new Error(`GraphQL error: ${result.errors[0].message}`);\n  }\n\n  return result.data as T;\n}\n\n// ── GraphQL Queries ──\n\n/**\n * Lightweight asset fragment for mention menu items.\n * Only fetches fields needed for display + navigation.\n */\nconst MENTION_ASSET_FIELDS = `\n  id\n  title\n  athenaOriginalType\n  athenaConvertedType\n  parentFolderId\n  updatedAt\n  isFavorited\n  isArchived\n  isHidden\n`;\n\nexport const SIMPLE_SEARCH_QUERY = `\n  query SimpleSearch($input: SimpleSearchRequestInput!) {\n    simpleSearch(input: $input) {\n      assets {\n        ${MENTION_ASSET_FIELDS}\n      }\n      totalCount\n    }\n  }\n`;\n\nexport const PAGINATED_ASSETS_QUERY = `\n  query GetPaginatedAssetsForWorkspace(\n    $limit: Int!\n    $offset: Int!\n    $parentFolderId: String\n    $filterTypes: [String!]\n    $filterColumns: ColumnFilter\n  ) {\n    getPaginatedAssetsForWorkspace(\n      limit: $limit\n      offset: $offset\n      parentFolderId: $parentFolderId\n      filterTypes: $filterTypes\n      filterColumns: $filterColumns\n    ) {\n      ${MENTION_ASSET_FIELDS}\n    }\n  }\n`;\n\nexport const WORKSPACE_MEMBERS_QUERY = `\n  query GetUsersInWorkspace($workspaceId: String!) {\n    getUsersInWorkspace(workspaceId: $workspaceId) {\n      id\n      email\n      firstName\n      lastName\n      isAdmin\n      avatarUrl\n    }\n  }\n`;\n\nexport const TOOL_CATALOG_QUERY = `\n  query MentionToolCatalog {\n    getToolkitToToolsMapping {\n      tools {\n        id\n        name\n        description\n        icon\n        adminOnly\n        isMentionable\n      }\n      toolkits {\n        name\n        displayName\n        description\n        icon\n        onlyAdmin\n        hideFromMenu\n        isMentionable\n      }\n    }\n  }\n`;\n\n// ── Response types ──\n\nexport interface ToolCatalogTool {\n  id: string;\n  name: string;\n  description: string | null;\n  icon: string;\n  adminOnly: boolean;\n  isMentionable: boolean;\n}\n\nexport interface ToolCatalogToolkit {\n  name: string;\n  displayName: string;\n  description: string;\n  icon: string;\n  onlyAdmin: boolean;\n  hideFromMenu: boolean;\n  isMentionable: boolean;\n}\n\nexport interface ToolCatalogResult {\n  getToolkitToToolsMapping: {\n    tools: ToolCatalogTool[];\n    toolkits: ToolCatalogToolkit[];\n  };\n}\n\nexport interface AssetResult {\n  id: string;\n  title: string | null;\n  athenaOriginalType: string | null;\n  athenaConvertedType: string | null;\n  parentFolderId: string | null;\n  updatedAt: string | null;\n  isFavorited: boolean | null;\n  isArchived: boolean | null;\n  isHidden: boolean | null;\n}\n\nexport interface WorkspaceMember {\n  id: string;\n  email: string | null;\n  firstName: string | null;\n  lastName: string | null;\n  isAdmin: boolean;\n  avatarUrl: string | null;\n}\n"],"names":["createContext","useContext"],"mappings":";;;AAgCO,SAAS,mBACd,MAC8C;AAC9C,MAAI,KAAK,aAAa;AACpB,WAAO,EAAE,SAAS,EAAE,eAAe,UAAU,KAAK,WAAW,KAAG;AAAA,EAClE;AACA,MAAI,KAAK,OAAQ,QAAO,EAAE,SAAS,EAAE,aAAa,KAAK,SAAO;AAC9D,MAAI,KAAK,YAAa,QAAO,EAAE,SAAS,CAAA,GAAI,aAAa,KAAK,YAAA;AAC9D,QAAM,IAAI,MAAM,yDAAyD;AAC3E;AAEO,MAAM,iBAAiBA,MAAAA,cAAyC,IAAI;AAEpE,SAAS,iBAAqC;AACnD,QAAM,MAAMC,MAAAA,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6BAA6B;AACvD,SAAO;AACT;AAIA,eAAsB,aACpB,MACA,OACA,YAAiC,CAAA,GACrB;;AACZ,QAAM,MAAM,GAAG,KAAK,WAAW,QAAQ,QAAQ,EAAE,CAAC;AAClD,QAAM,cAAc,KAAK,iBACrB,EAAE,GAAG,MAAM,aAAa,MAAM,KAAK,eAAA,EAAe,IAClD;AACJ,QAAM,EAAE,SAAS,gBAAgB,mBAAmB,WAAW;AAC/D,QAAM,WAAW,MAAM,MAAM,KAAK;AAAA,IAChC,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,GAAG;AAAA,IAAA;AAAA,IAEL,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,IACpC,MAAM,KAAK,UAAU,EAAE,OAAO,WAAW;AAAA,EAAA,CAC1C;AAED,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,IAAI,MAAM,gBAAgB,SAAS,MAAM,KAAK,SAAS,UAAU,EAAE;AAAA,EAC3E;AAEA,QAAM,SAAS,MAAM,SAAS,KAAA;AAC9B,OAAI,YAAO,WAAP,mBAAe,QAAQ;AACzB,UAAM,IAAI,MAAM,kBAAkB,OAAO,OAAO,CAAC,EAAE,OAAO,EAAE;AAAA,EAC9D;AAEA,SAAO,OAAO;AAChB;AAQA,MAAM,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA,UAIzB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAe9B,oBAAoB;AAAA;AAAA;AAAA;AAKrB,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAahC,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"api-client.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/data/api-client.ts"],"sourcesContent":["/**\n * API client for mention data fetching.\n *\n * Wraps raw fetch() with GraphQL support. Hosts authenticate with either a\n * bearer token or a workspace API key; agora's /graphql accepts both.\n */\n\nimport { createContext, useContext } from \"react\";\n\n// ── Auth context ──\n\nexport interface MentionAuthContext {\n  backendUrl: string;\n  appUrl?: string;\n  /** Bearer credential; hosts without one authenticate with `apiKey`. */\n  accessToken?: string;\n  /**\n   * Resolve a current bearer before each query (for rotating Office sessions).\n   * Resolving nothing falls back to `accessToken`, then the API key.\n   */\n  getAccessToken?: () => Promise<string | null | undefined>;\n  /**\n   * Renew the bearer after the backend refused it (401), for one resend of\n   * the query. Without it, or when it resolves nothing, a refused query fails\n   * as before.\n   */\n  renewAccessToken?: () => Promise<string | null | undefined>;\n  apiKey?: string;\n  /**\n   * With neither credential, ride the browser's same-origin session cookie\n   * instead of failing — the SDK's AthenaChat, whose REST helpers make the\n   * same choice for a host that configured no token and no API key. Hosts\n   * that always hold a credential leave this unset so an accidental anonymous\n   * query fails loudly.\n   */\n  credentials?: \"include\";\n  workspaceId?: string;\n  userId?: string;\n}\n\n/** Credential headers (or the cookie lane) for a mention fetch. */\nexport function mentionRequestInit(\n  auth: MentionAuthContext,\n): Pick<RequestInit, \"headers\" | \"credentials\"> {\n  if (auth.accessToken) {\n    return { headers: { Authorization: `Bearer ${auth.accessToken}` } };\n  }\n  if (auth.apiKey) return { headers: { \"X-API-KEY\": auth.apiKey } };\n  if (auth.credentials) return { headers: {}, credentials: auth.credentials };\n  throw new Error(\"MentionAuthCtx needs either an accessToken or an apiKey\");\n}\n\nexport const MentionAuthCtx = createContext<MentionAuthContext | null>(null);\n\nexport function useMentionAuth(): MentionAuthContext {\n  const ctx = useContext(MentionAuthCtx);\n  if (!ctx) throw new Error(\"MentionAuthCtx not provided\");\n  return ctx;\n}\n\n// ── GraphQL client ──\n\nexport async function fetchGraphQL<T = any>(\n  auth: MentionAuthContext,\n  query: string,\n  variables: Record<string, any> = {},\n): Promise<T> {\n  const url = `${auth.backendUrl.replace(/\\/+$/, \"\")}/graphql`;\n  const send = (requestAuth: MentionAuthContext) => {\n    const { headers, credentials } = mentionRequestInit(requestAuth);\n    return fetch(url, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        ...headers,\n      },\n      ...(credentials ? { credentials } : {}),\n      body: JSON.stringify({ query, variables }),\n    });\n  };\n  const requestAuth = auth.getAccessToken\n    ? { ...auth, accessToken: (await auth.getAccessToken()) ?? auth.accessToken }\n    : auth;\n  let response = await send(requestAuth);\n  // A refused bearer gets one renewal and a resend (the statewire transport's\n  // `staleAuth` contract); an API-key or cookie request has nothing to renew.\n  if (response.status === 401 && requestAuth.accessToken && auth.renewAccessToken) {\n    const renewed = await auth.renewAccessToken();\n    // The same token again (a static one) would only be refused again.\n    if (renewed && renewed !== requestAuth.accessToken) {\n      response = await send({ ...auth, accessToken: renewed });\n    }\n  }\n\n  if (!response.ok) {\n    throw new Error(`GraphQL HTTP ${response.status}: ${response.statusText}`);\n  }\n\n  const result = await response.json();\n  if (result.errors?.length) {\n    throw new Error(`GraphQL error: ${result.errors[0].message}`);\n  }\n\n  return result.data as T;\n}\n\n// ── GraphQL Queries ──\n\n/**\n * Lightweight asset fragment for mention menu items.\n * Only fetches fields needed for display + navigation.\n */\nconst MENTION_ASSET_FIELDS = `\n  id\n  title\n  athenaOriginalType\n  athenaConvertedType\n  parentFolderId\n  updatedAt\n  isFavorited\n  isArchived\n  isHidden\n`;\n\nexport const SIMPLE_SEARCH_QUERY = `\n  query SimpleSearch($input: SimpleSearchRequestInput!) {\n    simpleSearch(input: $input) {\n      assets {\n        ${MENTION_ASSET_FIELDS}\n      }\n      totalCount\n    }\n  }\n`;\n\nexport const PAGINATED_ASSETS_QUERY = `\n  query GetPaginatedAssetsForWorkspace(\n    $limit: Int!\n    $offset: Int!\n    $parentFolderId: String\n    $filterTypes: [String!]\n    $filterColumns: ColumnFilter\n  ) {\n    getPaginatedAssetsForWorkspace(\n      limit: $limit\n      offset: $offset\n      parentFolderId: $parentFolderId\n      filterTypes: $filterTypes\n      filterColumns: $filterColumns\n    ) {\n      ${MENTION_ASSET_FIELDS}\n    }\n  }\n`;\n\nexport const WORKSPACE_MEMBERS_QUERY = `\n  query GetUsersInWorkspace($workspaceId: String!) {\n    getUsersInWorkspace(workspaceId: $workspaceId) {\n      id\n      email\n      firstName\n      lastName\n      isAdmin\n      avatarUrl\n    }\n  }\n`;\n\nexport const TOOL_CATALOG_QUERY = `\n  query MentionToolCatalog {\n    getToolkitToToolsMapping {\n      tools {\n        id\n        name\n        description\n        icon\n        adminOnly\n        isMentionable\n      }\n      toolkits {\n        name\n        displayName\n        description\n        icon\n        onlyAdmin\n        hideFromMenu\n        isMentionable\n      }\n    }\n  }\n`;\n\n// ── Response types ──\n\nexport interface ToolCatalogTool {\n  id: string;\n  name: string;\n  description: string | null;\n  icon: string;\n  adminOnly: boolean;\n  isMentionable: boolean;\n}\n\nexport interface ToolCatalogToolkit {\n  name: string;\n  displayName: string;\n  description: string;\n  icon: string;\n  onlyAdmin: boolean;\n  hideFromMenu: boolean;\n  isMentionable: boolean;\n}\n\nexport interface ToolCatalogResult {\n  getToolkitToToolsMapping: {\n    tools: ToolCatalogTool[];\n    toolkits: ToolCatalogToolkit[];\n  };\n}\n\nexport interface AssetResult {\n  id: string;\n  title: string | null;\n  athenaOriginalType: string | null;\n  athenaConvertedType: string | null;\n  parentFolderId: string | null;\n  updatedAt: string | null;\n  isFavorited: boolean | null;\n  isArchived: boolean | null;\n  isHidden: boolean | null;\n}\n\nexport interface WorkspaceMember {\n  id: string;\n  email: string | null;\n  firstName: string | null;\n  lastName: string | null;\n  isAdmin: boolean;\n  avatarUrl: string | null;\n}\n"],"names":["createContext","useContext","requestAuth"],"mappings":";;;AAyCO,SAAS,mBACd,MAC8C;AAC9C,MAAI,KAAK,aAAa;AACpB,WAAO,EAAE,SAAS,EAAE,eAAe,UAAU,KAAK,WAAW,KAAG;AAAA,EAClE;AACA,MAAI,KAAK,OAAQ,QAAO,EAAE,SAAS,EAAE,aAAa,KAAK,SAAO;AAC9D,MAAI,KAAK,YAAa,QAAO,EAAE,SAAS,CAAA,GAAI,aAAa,KAAK,YAAA;AAC9D,QAAM,IAAI,MAAM,yDAAyD;AAC3E;AAEO,MAAM,iBAAiBA,MAAAA,cAAyC,IAAI;AAEpE,SAAS,iBAAqC;AACnD,QAAM,MAAMC,MAAAA,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6BAA6B;AACvD,SAAO;AACT;AAIA,eAAsB,aACpB,MACA,OACA,YAAiC,CAAA,GACrB;;AACZ,QAAM,MAAM,GAAG,KAAK,WAAW,QAAQ,QAAQ,EAAE,CAAC;AAClD,QAAM,OAAO,CAACC,iBAAoC;AAChD,UAAM,EAAE,SAAS,gBAAgB,mBAAmBA,YAAW;AAC/D,WAAO,MAAM,KAAK;AAAA,MAChB,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,GAAG;AAAA,MAAA;AAAA,MAEL,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,MACpC,MAAM,KAAK,UAAU,EAAE,OAAO,WAAW;AAAA,IAAA,CAC1C;AAAA,EACH;AACA,QAAM,cAAc,KAAK,iBACrB,EAAE,GAAG,MAAM,aAAc,MAAM,KAAK,eAAA,KAAqB,KAAK,gBAC9D;AACJ,MAAI,WAAW,MAAM,KAAK,WAAW;AAGrC,MAAI,SAAS,WAAW,OAAO,YAAY,eAAe,KAAK,kBAAkB;AAC/E,UAAM,UAAU,MAAM,KAAK,iBAAA;AAE3B,QAAI,WAAW,YAAY,YAAY,aAAa;AAClD,iBAAW,MAAM,KAAK,EAAE,GAAG,MAAM,aAAa,SAAS;AAAA,IACzD;AAAA,EACF;AAEA,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,IAAI,MAAM,gBAAgB,SAAS,MAAM,KAAK,SAAS,UAAU,EAAE;AAAA,EAC3E;AAEA,QAAM,SAAS,MAAM,SAAS,KAAA;AAC9B,OAAI,YAAO,WAAP,mBAAe,QAAQ;AACzB,UAAM,IAAI,MAAM,kBAAkB,OAAO,OAAO,CAAC,EAAE,OAAO,EAAE;AAAA,EAC9D;AAEA,SAAO,OAAO;AAChB;AAQA,MAAM,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA,UAIzB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAe9B,oBAAoB;AAAA;AAAA;AAAA;AAKrB,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAahC,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;"}

package/dist/chat-ui/mentions/suggestions/data/api-client.d.ts

@@ -9,8 +9,17 @@ export interface MentionAuthContext {
     appUrl?: string;
     /** Bearer credential; hosts without one authenticate with `apiKey`. */
     accessToken?: string;
-    /** Resolve a current bearer before each query (for rotating Office sessions). */
-    getAccessToken?: () => Promise<string>;
+    /**
+     * Resolve a current bearer before each query (for rotating Office sessions).
+     * Resolving nothing falls back to `accessToken`, then the API key.
+     */
+    getAccessToken?: () => Promise<string | null | undefined>;
+    /**
+     * Renew the bearer after the backend refused it (401), for one resend of
+     * the query. Without it, or when it resolves nothing, a refused query fails
+     * as before.
+     */
+    renewAccessToken?: () => Promise<string | null | undefined>;
     apiKey?: string;
     /**
      * With neither credential, ride the browser's same-origin session cookie

package/dist/chat-ui/mentions/suggestions/data/api-client.js

@@ -16,17 +16,26 @@ function useMentionAuth() {
 async function fetchGraphQL(auth, query, variables = {}) {
   var _a;
   const url = `${auth.backendUrl.replace(/\/+$/, "")}/graphql`;
-  const requestAuth = auth.getAccessToken ? { ...auth, accessToken: await auth.getAccessToken() } : auth;
-  const { headers, credentials } = mentionRequestInit(requestAuth);
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...headers
-    },
-    ...credentials ? { credentials } : {},
-    body: JSON.stringify({ query, variables })
-  });
+  const send = (requestAuth2) => {
+    const { headers, credentials } = mentionRequestInit(requestAuth2);
+    return fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...headers
+      },
+      ...credentials ? { credentials } : {},
+      body: JSON.stringify({ query, variables })
+    });
+  };
+  const requestAuth = auth.getAccessToken ? { ...auth, accessToken: await auth.getAccessToken() ?? auth.accessToken } : auth;
+  let response = await send(requestAuth);
+  if (response.status === 401 && requestAuth.accessToken && auth.renewAccessToken) {
+    const renewed = await auth.renewAccessToken();
+    if (renewed && renewed !== requestAuth.accessToken) {
+      response = await send({ ...auth, accessToken: renewed });
+    }
+  }
   if (!response.ok) {
     throw new Error(`GraphQL HTTP ${response.status}: ${response.statusText}`);
   }