@dudousxd/nestjs-agent-react 0.10.0 → 0.11.0

package/README.md

@@ -112,7 +112,7 @@ function Chat() {
 |---|---|
 | `items` | The mounted window, oldest first. Each item carries `blocks`, `text`, `usage`, `timestamp`, `isStreaming`, `isLastAssistant`, and its action machines. |
 | `items[i].blocks` | `{ kind: 'text' \| 'reasoning' \| 'tools' \| 'sources' \| 'elicitation' \| 'ui' }`. A `ui` block is a component the server pushed (`{ id, component, props, version }`) — look `component` up in your own registry. A `tools` block is a run of CONSECUTIVE tool parts — any other part between two calls (including a `step-start` marker) ends the run. A `reasoning` block carries `isOpen`/`toggle`, open while it streams. A `sources` block appears only under `sources: true`, an `elicitation` block only under `onAnswer` — see below. |
-| `items[i].blocks[n]` (`tools`) | Also carries `calls`: the same parts, each with `{ toolCallId, name, toolKind, parentId, children, approval, isAwaitingApproval, approve, reject, error }`, and `roots`: the same calls as a tree (a call nested under another by the stream's `parentId` sits in its parent's `children`). `approval` is `{ approver, expiresAt, reason }` when the runner said who has to decide, else `null`. |
+| `items[i].blocks[n]` (`tools`) | Also carries `calls`: the same parts, each with `{ toolCallId, name, toolKind, parentId, children, approval, isAwaitingApproval, approve, reject, error }`, and `roots`: the same calls as a tree (a call nested under another by the stream's `parentId` sits in its parent's `children`). `approval` is `{ approver, expiresAt, reason, status, remember, decidedBy, decidedVia, decisionReason }` when the runner said who has to decide, else `null` — `status` is `pending` / `approved` / `rejected` / `expired`. |
 | `items[i].copy` | `{ available, copied, copy() }` — `copied` flashes for `copyResetMs` (default 1500). |
 | `items[i].edit` | `{ available, isEditing, draft, canSave, start(), cancel(), setDraft(), save(), getTextareaProps() }`. The prop-getter focuses with the caret at the end, saves on Enter, cancels on Escape. |
 | `items[i].fork` / `.regenerate` | `{ available, run() }`. Regenerate is offered on the last assistant message only. |
@@ -223,7 +223,20 @@ An `action` tool's input lands and its output never follows on its own — the l
 between the two — so a call stuck at `input-available` IS the pending approval. A question set parks
 the same way and is deliberately excluded: approving one settles nothing.
 
-A refused settlement (403 "not your thread", a network failure) lands on `block.error` /
+`call.approve.run({ remember: true })` approves this tool for the rest of the thread (the server
+stops asking); `call.approval` says who has to decide and, once settled, who did and through what.
+For a request with an expiry, `useApprovalCountdown(call.approval?.expiresAt)` ticks the time left
+(`{ remainingMs, isExpired }`, headless — pair it with `formatElapsed`):
+
+```tsx
+function ApprovalDeadline({ expiresAt }: { expiresAt: string | null }) {
+  const { remainingMs, isExpired } = useApprovalCountdown(expiresAt);
+  if (remainingMs === null) return null;
+  return <span>{isExpired ? 'Expired' : `${formatElapsed(remainingMs)} left`}</span>;
+}
+```
+
+A refused settlement (403 "not your thread" or "not your approval", 410 "expired", a network failure) lands on `block.error` /
 `call.error` with the affordance still live, rather than escaping as an unhandled rejection. Render
 it — a button that silently does nothing is indistinguishable from a broken one.
 
@@ -420,6 +433,7 @@ data parts, which `useChat`'s `onData` (and `useAgentChat({ onData })`) sees as
 |---|---|
 | `ui` | a `data-ui` part keyed by the component id (a repeat id updates it in place) |
 | `approval-requested` | a `data-approval-requested` part keyed by the call id, plus the SDK's native approval request — the tool part moves to `state: 'approval-requested'` |
+| `approval-settled` | a `data-approval-settled` part keyed by the call id — who decided, through what, remembered or not; folded into `call.approval` |
 | `title` / `cancelled` | transient `data-title` / `data-cancelled` (never stored on the message); `useAgentChat({ onTitle })` |
 | a kind this version does not know | a `data-<kind>` part — forwarded, never dropped |
 

package/dist/index.cjs

@@ -41,6 +41,7 @@ __export(src_exports, {
   MessageList: () => MessageList,
   SPEECH_LANGUAGES: () => SPEECH_LANGUAGES,
   applyCompletion: () => applyCompletion,
+  approvalCountdown: () => approvalCountdown,
   backgroundRunsFromThread: () => backgroundRunsFromThread,
   buildTranscriptBlocks: () => buildTranscriptBlocks,
   correctedCallIds: () => correctedCallIds,
@@ -68,6 +69,7 @@ __export(src_exports, {
   toolCallState: () => toolCallState,
   toolCatalogFrom: () => toolCatalogFrom,
   useAgentChat: () => useAgentChat,
+  useApprovalCountdown: () => useApprovalCountdown,
   useChatTranscript: () => useChatTranscript,
   useComposerAutocomplete: () => useComposerAutocomplete,
   useElapsed: () => useElapsed,
@@ -521,6 +523,10 @@ var AgentChatTransport = class {
                 });
               }
               break;
+            case "approval-settled":
+              ensureStep();
+              forwardAsData(event, false);
+              break;
             case "ui":
               ensureStep();
               closeRuns();
@@ -820,6 +826,10 @@ var AgentClient = class {
   cancelStream(runId) {
     return this.request("POST", `/agent/chat/${encodeURIComponent(runId)}/cancel`);
   }
+  /**
+  * `remember` approves later calls of the same tool in the same thread; `via` names the surface
+  * the decision came through (the server records `'web'` when omitted).
+  */
   approveToolCall(input) {
     return this.request("POST", "/agent/tool-call/approve", input);
   }
@@ -1337,7 +1347,7 @@ function buildTranscriptBlocks(message, options) {
     if (toolBuffer.length === 0) {
       return;
     }
-    const calls = toolBuffer.map((part) => buildToolCall(part, options.approval, approvals.get(part.toolCallId) ?? null, options.toolCatalog));
+    const calls = toolBuffer.map((part) => buildToolCall(part, options.approval, approvalOf(approvals.get(part.toolCallId), part), options.toolCatalog));
     const roots = nestToolCalls(calls);
     blocks.push({
       kind: "tools",
@@ -1412,7 +1422,7 @@ function buildTranscriptBlocks(message, options) {
       fileBuffer.push(part);
       continue;
     }
-    if (part.type === APPROVAL_PART) {
+    if (part.type === APPROVAL_PART || part.type === SETTLED_PART) {
       continue;
     }
     flushAll();
@@ -1563,7 +1573,11 @@ function buildToolCall(part, options, approval, catalog) {
     approve: {
       available: awaiting && options?.canApprove === true,
       isSubmitting: sending === "approve",
-      run: /* @__PURE__ */ __name(() => options?.approve(toolCallId), "run")
+      // Read by field, not passed through: `onClick={call.approve.run}` hands this a click event,
+      // and a host's handler must not receive that as its options.
+      run: /* @__PURE__ */ __name((approveOptions) => approveOptions?.remember === true ? options?.approve(toolCallId, {
+        remember: true
+      }) : options?.approve(toolCallId), "run")
     },
     reject: {
       available: awaiting && options?.canReject === true,
@@ -1691,25 +1705,90 @@ function buildElicitationBlock(key, part, request, options) {
 __name(buildElicitationBlock, "buildElicitationBlock");
 var UI_PART = "data-ui";
 var APPROVAL_PART = "data-approval-requested";
+var SETTLED_PART = "data-approval-settled";
+var SETTLED_STATUSES = [
+  "approved",
+  "rejected",
+  "expired"
+];
 function readApprovals(parts) {
   const out = /* @__PURE__ */ new Map();
+  const entry = /* @__PURE__ */ __name((id) => {
+    let found = out.get(id);
+    if (found === void 0) {
+      found = {
+        approver: null,
+        expiresAt: null,
+        reason: null,
+        status: null,
+        remember: false,
+        decidedBy: null,
+        decidedVia: null,
+        decisionReason: null
+      };
+      out.set(id, found);
+    }
+    return found;
+  }, "entry");
   for (const part of parts) {
-    if (part.type !== APPROVAL_PART) {
+    if (part.type !== APPROVAL_PART && part.type !== SETTLED_PART) {
       continue;
     }
     const data = part.data;
-    if (!isRecord2(data) || typeof data.id !== "string" || typeof data.approver !== "string") {
+    if (!isRecord2(data) || typeof data.id !== "string") {
       continue;
     }
-    out.set(data.id, {
-      approver: data.approver,
-      expiresAt: typeof data.expiresAt === "string" ? data.expiresAt : null,
-      reason: typeof data.reason === "string" ? data.reason : null
-    });
+    const approval = entry(data.id);
+    if (part.type === APPROVAL_PART) {
+      if (typeof data.approver !== "string") {
+        continue;
+      }
+      approval.approver = data.approver;
+      approval.expiresAt = typeof data.expiresAt === "string" ? data.expiresAt : null;
+      approval.reason = typeof data.reason === "string" ? data.reason : null;
+      continue;
+    }
+    if (typeof data.status !== "string" || !SETTLED_STATUSES.includes(data.status)) {
+      continue;
+    }
+    approval.status = data.status;
+    if (approval.approver === null && typeof data.approver === "string") {
+      approval.approver = data.approver;
+    }
+    approval.remember = data.remember === true;
+    approval.decidedBy = typeof data.decidedBy === "string" ? data.decidedBy : null;
+    approval.decidedVia = typeof data.decidedVia === "string" ? data.decidedVia : null;
+    approval.decisionReason = typeof data.reason === "string" ? data.reason : null;
   }
   return out;
 }
 __name(readApprovals, "readApprovals");
+function approvalOf(parts, call) {
+  if (parts === void 0 || parts.approver === null) {
+    return null;
+  }
+  return {
+    approver: parts.approver,
+    expiresAt: parts.expiresAt,
+    reason: parts.reason,
+    status: parts.status ?? statusFromPart(call),
+    remember: parts.remember,
+    decidedBy: parts.decidedBy,
+    decidedVia: parts.decidedVia,
+    decisionReason: parts.decisionReason
+  };
+}
+__name(approvalOf, "approvalOf");
+function statusFromPart(call) {
+  if (call.state === "output-denied") {
+    return "rejected";
+  }
+  if (call.state === "output-available" || call.state === "output-error") {
+    return "approved";
+  }
+  return "pending";
+}
+__name(statusFromPart, "statusFromPart");
 function readUiComponent(part) {
   const data = part.data;
   if (!isRecord2(data) || typeof data.component !== "string") {
@@ -2095,10 +2174,10 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const approve = (0, import_react5.useCallback)((toolCallId) => {
+  const approve = (0, import_react5.useCallback)((toolCallId, options2) => {
     const onApprove = latest.current.options.onApprove;
     if (onApprove) {
-      settle(toolCallId, "approve", () => onApprove(toolCallId));
+      settle(toolCallId, "approve", () => options2 === void 0 ? onApprove(toolCallId) : onApprove(toolCallId, options2));
     }
   }, [
     settle
@@ -3073,6 +3152,49 @@ function useToolCatalog(options) {
 }
 __name(useToolCatalog, "useToolCatalog");
 
+// src/approvals/countdown.ts
+var import_react9 = require("react");
+function approvalCountdown(expiresAt, now = Date.now()) {
+  const deadline = expiresAt == null ? Number.NaN : Date.parse(expiresAt);
+  if (!Number.isFinite(deadline)) {
+    return {
+      remainingMs: null,
+      isExpired: false
+    };
+  }
+  const remainingMs = Math.max(0, deadline - now);
+  return {
+    remainingMs,
+    isExpired: remainingMs === 0
+  };
+}
+__name(approvalCountdown, "approvalCountdown");
+function useApprovalCountdown(expiresAt, options = {}) {
+  const { intervalMs = 1e3 } = options;
+  const nowRef = (0, import_react9.useRef)(options.now ?? Date.now);
+  nowRef.current = options.now ?? Date.now;
+  const [state, setState] = (0, import_react9.useState)(() => approvalCountdown(expiresAt, nowRef.current()));
+  (0, import_react9.useEffect)(() => {
+    const read = /* @__PURE__ */ __name(() => approvalCountdown(expiresAt, nowRef.current()), "read");
+    const first = read();
+    setState(first);
+    if (first.remainingMs === null || first.isExpired) {
+      return;
+    }
+    const timer = setInterval(() => {
+      const next = read();
+      setState(next);
+      if (next.isExpired) clearInterval(timer);
+    }, intervalMs);
+    return () => clearInterval(timer);
+  }, [
+    expiresAt,
+    intervalMs
+  ]);
+  return state;
+}
+__name(useApprovalCountdown, "useApprovalCountdown");
+
 // src/stored-message-to-ui-message.ts
 var import_nestjs_agent_core = require("@dudousxd/nestjs-agent-core");
 function isRefusal(result) {
@@ -3132,6 +3254,41 @@ function storedMessageToUiMessage(message) {
       }
     });
   }
+  for (const approval of message.approvals ?? []) {
+    parts.push({
+      type: "data-approval-requested",
+      id: approval.toolCallId,
+      data: {
+        id: approval.toolCallId,
+        approver: approval.approver,
+        ...approval.expiresAt !== void 0 ? {
+          expiresAt: approval.expiresAt
+        } : {}
+      }
+    });
+    if (approval.status !== "pending") {
+      parts.push({
+        type: "data-approval-settled",
+        id: approval.toolCallId,
+        data: {
+          id: approval.toolCallId,
+          status: approval.status,
+          ...approval.decidedBy !== void 0 ? {
+            decidedBy: approval.decidedBy
+          } : {},
+          ...approval.decidedVia !== void 0 ? {
+            decidedVia: approval.decidedVia
+          } : {},
+          ...approval.remember === true ? {
+            remember: true
+          } : {},
+          ...approval.reason !== void 0 ? {
+            reason: approval.reason
+          } : {}
+        }
+      });
+    }
+  }
   for (const call of message.toolCalls ?? []) {
     const result = message.toolResults?.find((candidate) => candidate.id === call.id);
     const toolKind2 = call.kind;
@@ -3233,21 +3390,21 @@ function sumUsage(rows) {
 __name(sumUsage, "sumUsage");
 
 // src/use-agent-chat.ts
-var import_react9 = require("@ai-sdk/react");
-var import_react10 = require("react");
+var import_react10 = require("@ai-sdk/react");
+var import_react11 = require("react");
 function useAgentChat(options) {
-  const latest = (0, import_react10.useRef)(options);
+  const latest = (0, import_react11.useRef)(options);
   latest.current = options;
-  const [runId, setRunId] = (0, import_react10.useState)(options.resumeRunId);
-  const runIdRef = (0, import_react10.useRef)(runId);
+  const [runId, setRunId] = (0, import_react11.useState)(options.resumeRunId);
+  const runIdRef = (0, import_react11.useRef)(runId);
   runIdRef.current = runId;
-  const settlingRunIdRef = (0, import_react10.useRef)(void 0);
-  const autoResumeRunIdRef = (0, import_react10.useRef)(void 0);
-  const [autoResume, setAutoResume] = (0, import_react10.useState)(false);
-  const [activeRunId, setActiveRunId] = (0, import_react10.useState)(null);
-  const regenerateNext = (0, import_react10.useRef)(false);
-  const createdThreadId = (0, import_react10.useRef)(void 0);
-  const client = (0, import_react10.useMemo)(() => {
+  const settlingRunIdRef = (0, import_react11.useRef)(void 0);
+  const autoResumeRunIdRef = (0, import_react11.useRef)(void 0);
+  const [autoResume, setAutoResume] = (0, import_react11.useState)(false);
+  const [activeRunId, setActiveRunId] = (0, import_react11.useState)(null);
+  const regenerateNext = (0, import_react11.useRef)(false);
+  const createdThreadId = (0, import_react11.useRef)(void 0);
+  const client = (0, import_react11.useMemo)(() => {
     if (options.client) return options.client;
     return new AgentClient({
       ...options.baseUrl !== void 0 ? {
@@ -3262,7 +3419,7 @@ function useAgentChat(options) {
       getHeaders: /* @__PURE__ */ __name(async () => mergeHeaders(latest.current), "getHeaders")
     });
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!options.resume || options.threadId === void 0) return;
     let cancelled = false;
     const threadId = options.threadId;
@@ -3282,7 +3439,7 @@ function useAgentChat(options) {
     options.resume,
     options.threadId
   ]);
-  const transport = (0, import_react10.useMemo)(() => {
+  const transport = (0, import_react11.useMemo)(() => {
     function onMeta(meta) {
       settlingRunIdRef.current = meta.runId;
       setRunId(meta.runId);
@@ -3331,8 +3488,8 @@ function useAgentChat(options) {
       }, "onAttemptStart")
     });
   }, []);
-  const backgroundRef = (0, import_react10.useRef)(() => Promise.resolve());
-  const chat = (0, import_react9.useChat)({
+  const backgroundRef = (0, import_react11.useRef)(() => Promise.resolve());
+  const chat = (0, import_react10.useChat)({
     transport,
     resume: options.resumeRunId !== void 0 || autoResume,
     ...options.threadId !== void 0 ? {
@@ -3362,13 +3519,13 @@ function useAgentChat(options) {
       }
     }, "onFinish")
   });
-  const chatRef = (0, import_react10.useRef)(chat);
+  const chatRef = (0, import_react11.useRef)(chat);
   chatRef.current = chat;
-  const turnInFlight = (0, import_react10.useRef)(false);
-  const isTurnInFlight = (0, import_react10.useCallback)(() => turnInFlight.current || transport.isAttemptLive, [
+  const turnInFlight = (0, import_react11.useRef)(false);
+  const isTurnInFlight = (0, import_react11.useCallback)(() => turnInFlight.current || transport.isAttemptLive, [
     transport
   ]);
-  const sendMessage = (0, import_react10.useCallback)(async (...args) => {
+  const sendMessage = (0, import_react11.useCallback)(async (...args) => {
     if (isTurnInFlight()) return;
     turnInFlight.current = true;
     try {
@@ -3379,15 +3536,15 @@ function useAgentChat(options) {
   }, [
     isTurnInFlight
   ]);
-  const addToolResult = (0, import_react10.useCallback)(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
+  const addToolResult = (0, import_react11.useCallback)(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
     tool,
     toolCallId,
     output
   }), []);
-  const [threads, setThreads] = (0, import_react10.useState)([]);
-  const [quota, setQuota] = (0, import_react10.useState)(null);
-  const [backgroundRuns, setBackgroundRuns] = (0, import_react10.useState)([]);
-  const refreshBackground = (0, import_react10.useCallback)(async () => {
+  const [threads, setThreads] = (0, import_react11.useState)([]);
+  const [quota, setQuota] = (0, import_react11.useState)(null);
+  const [backgroundRuns, setBackgroundRuns] = (0, import_react11.useState)([]);
+  const refreshBackground = (0, import_react11.useCallback)(async () => {
     const threadId = latest.current.threadId ?? createdThreadId.current;
     if (threadId === void 0) {
       return;
@@ -3412,7 +3569,7 @@ function useAgentChat(options) {
   ]);
   backgroundRef.current = refreshBackground;
   const isWorking = backgroundRuns.some((run) => run.status === "running");
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (options.background !== true || options.threadId === void 0) {
       return;
     }
@@ -3422,7 +3579,7 @@ function useAgentChat(options) {
     options.threadId,
     refreshBackground
   ]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const every = latest.current.backgroundPollMs ?? 5e3;
     if (latest.current.background !== true || !isWorking || every <= 0) {
       return;
@@ -3433,26 +3590,26 @@ function useAgentChat(options) {
     isWorking,
     refreshBackground
   ]);
-  const loadThreads = (0, import_react10.useCallback)(async () => {
+  const loadThreads = (0, import_react11.useCallback)(async () => {
     const list = await client.listThreads();
     setThreads(list);
     return list;
   }, [
     client
   ]);
-  const loadThread = (0, import_react10.useCallback)((id) => client.getThread(id), [
+  const loadThread = (0, import_react11.useCallback)((id) => client.getThread(id), [
     client
   ]);
-  const deleteThread = (0, import_react10.useCallback)(async (id) => {
+  const deleteThread = (0, import_react11.useCallback)(async (id) => {
     await client.deleteThread(id);
     setThreads((current) => current.filter((thread) => thread.id !== id));
   }, [
     client
   ]);
-  const forkThread = (0, import_react10.useCallback)((threadId, messageId) => client.forkFromMessage(threadId, messageId), [
+  const forkThread = (0, import_react11.useCallback)((threadId, messageId) => client.forkFromMessage(threadId, messageId), [
     client
   ]);
-  const renameThread = (0, import_react10.useCallback)(async (id, title) => {
+  const renameThread = (0, import_react11.useCallback)(async (id, title) => {
     await client.renameThread(id, title);
     setThreads((current) => current.map((thread) => thread.id === id ? {
       ...thread,
@@ -3461,24 +3618,24 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const promoteThread = (0, import_react10.useCallback)(async (id) => {
+  const promoteThread = (0, import_react11.useCallback)(async (id) => {
     await client.promoteThread(id);
     await loadThreads();
   }, [
     client,
     loadThreads
   ]);
-  const truncateFromMessage = (0, import_react10.useCallback)((threadId, messageId) => client.truncateFromMessage(threadId, messageId).then(() => void 0), [
+  const truncateFromMessage = (0, import_react11.useCallback)((threadId, messageId) => client.truncateFromMessage(threadId, messageId).then(() => void 0), [
     client
   ]);
-  const loadQuota = (0, import_react10.useCallback)(async () => {
+  const loadQuota = (0, import_react11.useCallback)(async () => {
     const today = await client.getQuotaToday();
     setQuota(today);
     return today;
   }, [
     client
   ]);
-  const cancel = (0, import_react10.useCallback)(async () => {
+  const cancel = (0, import_react11.useCallback)(async () => {
     chatRef.current.stop();
     const activeRunId2 = runIdRef.current;
     if (activeRunId2) {
@@ -3490,24 +3647,33 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const approve = (0, import_react10.useCallback)(async ({ toolCallId }) => {
+  const approve = (0, import_react11.useCallback)(async ({ toolCallId, remember, via }) => {
     await client.approveToolCall({
-      toolCallId
+      toolCallId,
+      ...remember === true ? {
+        remember: true
+      } : {},
+      ...via !== void 0 ? {
+        via
+      } : {}
     });
   }, [
     client
   ]);
-  const reject = (0, import_react10.useCallback)(async ({ toolCallId, reason }) => {
+  const reject = (0, import_react11.useCallback)(async ({ toolCallId, reason, via }) => {
     await client.rejectToolCall({
       toolCallId,
       ...reason !== void 0 ? {
         reason
+      } : {},
+      ...via !== void 0 ? {
+        via
       } : {}
     });
   }, [
     client
   ]);
-  const answer = (0, import_react10.useCallback)(async ({ toolCallId, answers }) => {
+  const answer = (0, import_react11.useCallback)(async ({ toolCallId, answers }) => {
     await client.answerToolCall({
       toolCallId,
       ...answers !== void 0 ? {
@@ -3517,14 +3683,14 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const skip = (0, import_react10.useCallback)(async ({ toolCallId }) => {
+  const skip = (0, import_react11.useCallback)(async ({ toolCallId }) => {
     await client.skipToolCall({
       toolCallId
     });
   }, [
     client
   ]);
-  const regenerate = (0, import_react10.useCallback)(() => {
+  const regenerate = (0, import_react11.useCallback)(() => {
     if (isTurnInFlight()) return;
     regenerateNext.current = true;
     turnInFlight.current = true;
@@ -3588,6 +3754,7 @@ __name(mergeHeaders, "mergeHeaders");
   MessageList,
   SPEECH_LANGUAGES,
   applyCompletion,
+  approvalCountdown,
   backgroundRunsFromThread,
   buildTranscriptBlocks,
   correctedCallIds,
@@ -3615,6 +3782,7 @@ __name(mergeHeaders, "mergeHeaders");
   toolCallState,
   toolCatalogFrom,
   useAgentChat,
+  useApprovalCountdown,
   useChatTranscript,
   useComposerAutocomplete,
   useElapsed,