@webless/agent 0.6.11 → 0.7.2

package/dist/embed.cjs

@@ -64,7 +64,7 @@ function submitAgentPanel(customerId, message, options) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_react12 = require("react");
+var import_react15 = require("react");
 
 // src/react/page-shift.ts
 var import_react = require("react");
@@ -920,6 +920,20 @@ function latestTurnEvents(events) {
   }
   return startIndex >= 0 ? events.slice(startIndex) : [];
 }
+function streamIndexBeforeLastTurn(input) {
+  let turnStart = -1;
+  for (let index = input.events.length - 1; index >= 0; index -= 1) {
+    if (input.events[index]?.type === "message.received") {
+      turnStart = index;
+      break;
+    }
+  }
+  if (turnStart < 0) return null;
+  return Math.max(
+    0,
+    input.currentStreamIndex - (input.events.length - turnStart)
+  );
+}
 function renderTurn(events) {
   let rendered = "";
   for (const event of events) {
@@ -1104,6 +1118,40 @@ var AgentSession = class {
       this.storeOptions
     );
   }
+  async rewindBeforeLastTurn(signal) {
+    const persisted = loadPersistedAgentSession(
+      this.visitorSessionId,
+      this.storeOptions
+    );
+    if (!persisted?.sessionId) return false;
+    const client = this.ensureClient();
+    const attached = client.sessions.attach(persisted.sessionId, {
+      streamIndex: persisted.streamIndex
+    });
+    const snapshot = await withCapabilityRefresh(
+      this.capability,
+      () => attached.snapshot({ signal })
+    );
+    const rewindStreamIndex = streamIndexBeforeLastTurn({
+      currentStreamIndex: snapshot.session.streamIndex,
+      events: snapshot.events
+    });
+    if (rewindStreamIndex === null) return false;
+    this.session = client.sessions.attach(persisted.sessionId, {
+      streamIndex: rewindStreamIndex
+    });
+    savePersistedAgentSession(
+      this.visitorSessionId,
+      persisted.sessionId,
+      rewindStreamIndex,
+      this.storeOptions
+    );
+    return true;
+  }
+  async regenerateTurn(message, signal, handlers) {
+    await this.rewindBeforeLastTurn(signal);
+    return this.sendTurn(message, signal, handlers);
+  }
   ensureClient() {
     const config = resolveAgentRuntimeConfig({
       indexId: this.indexId,
@@ -1439,6 +1487,11 @@ function createAgentClient(options) {
       respondOptions.signal ?? new AbortController().signal,
       respondOptions.handlers
     ),
+    regenerateTurn: (message, regenerateOptions) => session.regenerateTurn(
+      message,
+      regenerateOptions.signal ?? new AbortController().signal,
+      regenerateOptions.handlers
+    ),
     reset: () => session.reset(),
     cancelActive: () => session.cancelActive(),
     getActiveSessionId: () => session.getActiveSessionId()
@@ -2881,6 +2934,7 @@ function useAgentChat({
       const {
         controller,
         initialText = "",
+        regenerate: regenerate2 = false,
         responses,
         resume,
         visitorText
@@ -2992,6 +3046,9 @@ function useAgentChat({
           initialText,
           message: visitorText,
           signal
+        }) : regenerate2 ? await clientRef.current.regenerateTurn(visitorText, {
+          handlers,
+          signal
         }) : await clientRef.current.sendTurn(visitorText, {
           handlers,
           signal
@@ -3208,6 +3265,49 @@ ${outgoing}` : outgoing;
       visitorText: visitorTurnText(visitorMessage)
     });
   }, [runTurn, state.messages]);
+  const regenerate = (0, import_react2.useCallback)(async () => {
+    let lastVisitorIndex = -1;
+    for (let index = state.messages.length - 1; index >= 0; index -= 1) {
+      if (state.messages[index]?.role === "visitor") {
+        lastVisitorIndex = index;
+        break;
+      }
+    }
+    const visitorMessage = lastVisitorIndex >= 0 ? state.messages[lastVisitorIndex] : void 0;
+    if (!visitorMessage) return null;
+    if (runRef.current) {
+      runRef.current.abort();
+      clientRef.current.cancelActive();
+    }
+    const controller = new AbortController();
+    runRef.current = controller;
+    setState((prev) => ({
+      ...prev,
+      phase: "thinking",
+      messages: prev.messages.slice(0, lastVisitorIndex + 1),
+      toolSteps: [
+        {
+          id: "planning",
+          kind: "planning",
+          label: "Understanding your question",
+          state: "active"
+        }
+      ],
+      journey: null,
+      followUps: [],
+      streamingText: "",
+      pendingOffer: null,
+      pendingInputs: [],
+      toolResults: [],
+      error: null
+    }));
+    return await runTurn({
+      controller,
+      regenerate: true,
+      resume: false,
+      visitorText: visitorTurnText(visitorMessage)
+    });
+  }, [runTurn, state.messages]);
   const respondToToolInput = (0, import_react2.useCallback)(
     async (surface, values) => {
       await submit(`${surface.title} submitted`, {
@@ -3284,6 +3384,7 @@ ${outgoing}` : outgoing;
     state,
     reset,
     retry,
+    regenerate,
     respondToInput,
     respondToToolInput,
     submit,
@@ -3334,7 +3435,7 @@ function normalizeAgentPlacement(placement) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_react11 = require("react");
+var import_react14 = require("react");
 
 // src/react/types/conversation.ts
 var defaultAgentRailTheme = {
@@ -3456,6 +3557,60 @@ function stepDetail(step, steps) {
     return "Searched this site";
   return step.detail;
 }
+function AgentWorkSteps({
+  brandLabel = "",
+  onRetryStep,
+  steps
+}) {
+  const delegationCount = steps.filter(
+    (step) => step.kind === "specialist"
+  ).length;
+  const delegated = delegationCount > 0 && steps.some((step) => step.kind === "planning");
+  const visibleSteps = steps.filter(
+    (step) => step.kind !== "planning" || Boolean(brandLabel)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "agent-activity-bubble__steps", children: visibleSteps.map((step) => {
+    const detail = stepDetail(step, steps);
+    const child = delegated && step.kind === "specialist";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "li",
+      {
+        className: `agent-activity-bubble__step${child ? " agent-activity-bubble__step--child" : ""}`,
+        "data-kind": step.kind,
+        "data-state": step.state,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: "agent-activity-bubble__step-icon",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "agent-activity-bubble__step-copy", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-heading", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: stepLabel(step, brandLabel) }) }),
+            detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-detail", children: detail }) : null,
+            delegated && step.kind === "planning" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "agent-activity-bubble__delegation", children: [
+              "Delegated ",
+              delegationCount,
+              " ",
+              delegationCount === 1 ? "task" : "tasks"
+            ] }) : null,
+            step.state === "error" && onRetryStep ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "agent-activity-bubble__step-retry",
+                onClick: () => onRetryStep(step),
+                children: "Retry"
+              }
+            ) : null
+          ] })
+        ]
+      },
+      step.id
+    );
+  }) });
+}
 function AgentActivityBubble({
   brandLabel = "",
   failed = false,
@@ -3467,14 +3622,7 @@ function AgentActivityBubble({
   const [expandedReceiptId, setExpandedReceiptId] = (0, import_react5.useState)(
     null
   );
-  const detailsOpen = active || expandedReceiptId === receiptId;
-  const delegationCount = steps.filter(
-    (step) => step.kind === "specialist"
-  ).length;
-  const delegated = delegationCount > 0 && steps.some((step) => step.kind === "planning");
-  const visibleSteps = steps.filter(
-    (step) => step.kind !== "planning" || Boolean(brandLabel)
-  );
+  const detailsOpen = !active && expandedReceiptId === receiptId;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "agent-activity-bubble", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "agent-activity-bubble__status", "aria-live": "polite", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -3484,9 +3632,10 @@ function AgentActivityBubble({
           "aria-hidden": "true"
         }
       ),
-      workSummary(steps, failed, brandLabel)
+      workSummary(steps, failed, brandLabel),
+      active ? "\u2026" : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-activity-bubble__details", children: [
+    !active ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-activity-bubble__details", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
@@ -3494,7 +3643,6 @@ function AgentActivityBubble({
           className: "agent-activity-bubble__summary",
           "aria-expanded": detailsOpen,
           onClick: () => {
-            if (active) return;
             setExpandedReceiptId(
               (current) => current === receiptId ? null : receiptId
             );
@@ -3502,56 +3650,145 @@ function AgentActivityBubble({
           children: "How this answer was made"
         }
       ),
-      detailsOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "agent-activity-bubble__steps", children: visibleSteps.map((step) => {
-        const detail = stepDetail(step, steps);
-        const child = delegated && step.kind === "specialist";
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "li",
-          {
-            className: `agent-activity-bubble__step${child ? " agent-activity-bubble__step--child" : ""}`,
-            "data-kind": step.kind,
-            "data-state": step.state,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "span",
-                {
-                  className: "agent-activity-bubble__step-icon",
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "agent-activity-bubble__step-copy", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-heading", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: stepLabel(step, brandLabel) }) }),
-                detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-detail", children: detail }) : null,
-                delegated && step.kind === "planning" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "agent-activity-bubble__delegation", children: [
-                  "Delegated ",
-                  delegationCount,
-                  " ",
-                  delegationCount === 1 ? "task" : "tasks"
-                ] }) : null,
-                step.state === "error" && onRetryStep ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "agent-activity-bubble__step-retry",
-                    onClick: () => onRetryStep(step),
-                    children: "Retry"
-                  }
-                ) : null
-              ] })
-            ]
-          },
-          step.id
-        );
-      }) }) : null
-    ] })
+      detailsOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        AgentWorkSteps,
+        {
+          brandLabel,
+          onRetryStep,
+          steps
+        }
+      ) : null
+    ] }) : null
   ] });
 }
 
-// src/react/components/Composer/Composer.tsx
+// src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
+var import_react7 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/react/components/AgentRail/AgentRailOverlayContext.tsx
 var import_react6 = require("react");
+var AgentRailOverlayContext = (0, import_react6.createContext)(null);
+function useAgentRailPortalRoots() {
+  return (0, import_react6.useContext)(AgentRailOverlayContext);
+}
+function useAgentRailMenuPortalRoot() {
+  return (0, import_react6.useContext)(AgentRailOverlayContext)?.railRef ?? null;
+}
+
+// src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function SendIcon() {
+var FOCUSABLE_SELECTOR = 'button:not(:disabled), a[href], textarea:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex="-1"])';
+function CloseIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      d: "M4 4l8 8M12 4l-8 8",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function AnswerReceiptDialog({
+  brandLabel = "",
+  onClose,
+  steps
+}) {
+  const portalRoots = useAgentRailPortalRoots();
+  const overlayRoot = portalRoots?.overlayRef ?? null;
+  const cardRef = (0, import_react7.useRef)(null);
+  const closeButtonRef = (0, import_react7.useRef)(null);
+  const previouslyFocusedRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
+    previouslyFocusedRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    closeButtonRef.current?.focus({ preventScroll: true });
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        onClose();
+        return;
+      }
+      if (event.key !== "Tab" || !cardRef.current) return;
+      const focusable = cardRef.current.querySelectorAll(
+        FOCUSABLE_SELECTOR
+      );
+      if (focusable.length === 0) return;
+      const first = focusable.item(0);
+      const last = focusable.item(focusable.length - 1);
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus({ preventScroll: true });
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus({ preventScroll: true });
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      previouslyFocusedRef.current?.focus({ preventScroll: true });
+    };
+  }, [onClose]);
+  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "agent-receipt-dialog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "agent-receipt-dialog__backdrop",
+        "aria-label": "Close",
+        tabIndex: -1,
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        ref: cardRef,
+        className: "agent-receipt-dialog__card",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "agent-receipt-dialog-title",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "agent-receipt-dialog__header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "p",
+              {
+                className: "agent-receipt-dialog__title",
+                id: "agent-receipt-dialog-title",
+                children: "How this answer was made"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "button",
+              {
+                ref: closeButtonRef,
+                type: "button",
+                className: "agent-receipt-dialog__close",
+                "aria-label": "Close",
+                onClick: onClose,
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "agent-receipt-dialog__summary", children: workSummary(steps, false, brandLabel) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "agent-receipt-dialog__body", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AgentWorkSteps, { brandLabel, steps }) })
+        ]
+      }
+    )
+  ] });
+  if (overlayRoot?.current) {
+    return (0, import_react_dom.createPortal)(content, overlayRoot.current);
+  }
+  return content;
+}
+
+// src/react/components/Composer/Composer.tsx
+var import_react8 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SendIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "path",
     {
       d: "M8 12V4M8 4l-3 3M8 4l3 3",
@@ -3574,21 +3811,21 @@ function Composer({
   form = null,
   onSubmit
 }) {
-  const [value, setValue] = (0, import_react6.useState)("");
-  const [values, setValues] = (0, import_react6.useState)(
+  const [value, setValue] = (0, import_react8.useState)("");
+  const [values, setValues] = (0, import_react8.useState)(
     () => emptyValues(form)
   );
-  const [blurred, setBlurred] = (0, import_react6.useState)({});
-  const inputRef = (0, import_react6.useRef)(null);
-  const firstFieldRef = (0, import_react6.useRef)(null);
-  const formId = (0, import_react6.useId)();
+  const [blurred, setBlurred] = (0, import_react8.useState)({});
+  const inputRef = (0, import_react8.useRef)(null);
+  const firstFieldRef = (0, import_react8.useRef)(null);
+  const formId = (0, import_react8.useId)();
   const activeForm = form;
   const canSendForm = activeForm ? isComposerFormComplete(activeForm, values) : Boolean(value.trim());
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setValues(emptyValues(form));
     setBlurred({});
   }, [form?.id]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (activeForm) firstFieldRef.current?.focus();
   }, [activeForm?.id]);
   function submitChat() {
@@ -3623,7 +3860,7 @@ function Composer({
       submitForm();
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "form",
     {
       className: [
@@ -3632,7 +3869,7 @@ function Composer({
         activeForm ? "composer--form" : ""
       ].filter(Boolean).join(" "),
       onSubmit: handleSubmit,
-      children: activeForm ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "composer__sheet", role: "group", "aria-label": "Required details", children: [
+      children: activeForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__sheet", role: "group", "aria-label": "Required details", children: [
         activeForm.fields.map((field, index) => {
           const fieldId = `${formId}-${field.id}`;
           const invalid = Boolean(blurred[field.id]) && !isValidComposerFieldValue(field, values[field.id] ?? "");
@@ -3657,7 +3894,7 @@ function Composer({
             },
             onKeyDown: handleFormKeyDown
           };
-          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               className: [
@@ -3665,9 +3902,9 @@ function Composer({
                 field.kind === "textarea" ? "composer__row--grow" : ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "composer__label", htmlFor: fieldId, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "composer__sr-only", children: field.label }),
-                  field.kind === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "composer__label", htmlFor: fieldId, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "composer__sr-only", children: field.label }),
+                  field.kind === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "textarea",
                     {
                       ...controlProps,
@@ -3677,7 +3914,7 @@ function Composer({
                       className: "composer__control composer__control--area",
                       rows: 3
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "input",
                     {
                       ...controlProps,
@@ -3690,24 +3927,24 @@ function Composer({
                     }
                   )
                 ] }),
-                invalid ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "composer__error", id: `${fieldId}-error`, children: field.kind === "email" ? "Enter a valid email to continue." : `Add your ${field.label.toLowerCase()} to continue.` }) : null
+                invalid ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "composer__error", id: `${fieldId}-error`, children: field.kind === "email" ? "Enter a valid email to continue." : `Add your ${field.label.toLowerCase()} to continue.` }) : null
               ]
             },
             field.id
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "composer__toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "composer__toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             type: "submit",
             className: "composer__send",
             disabled: disabled || !canSendForm,
             "aria-label": "Send details",
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SendIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SendIcon, {})
           }
         ) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "composer__field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "textarea",
           {
             ref: inputRef,
@@ -3722,14 +3959,14 @@ function Composer({
             onKeyDown: handleChatKeyDown
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             type: "submit",
             className: "composer__send",
             disabled: disabled || !value.trim(),
             "aria-label": "Send message",
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SendIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SendIcon, {})
           }
         )
       ] })
@@ -3738,7 +3975,7 @@ function Composer({
 }
 
 // src/react/components/FollowUpChips/FollowUpChips.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function FollowUpChips({
   suggestions,
   disabled = false,
@@ -3748,7 +3985,7 @@ function FollowUpChips({
 }) {
   if (suggestions.length === 0) return null;
   if (variant === "dock") {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "followups followups--dock", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups followups--dock", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -3760,9 +3997,9 @@ function FollowUpChips({
       suggestion.id
     )) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "followups", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "followups__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "followups", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "followups__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -3777,11 +4014,11 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 
 // src/react/components/BookingCard/BookingCard.tsx
-var import_react7 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
   { id: "time", label: "Time" },
@@ -3812,34 +4049,34 @@ function calendarCells(year, month) {
   return cells;
 }
 function BookingCardLoader() {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard({
   disabled = false,
   offer,
   onBook
 }) {
-  const fieldId = (0, import_react7.useId)();
+  const fieldId = (0, import_react9.useId)();
   const defaultType = offer.eventTypes[0]?.uri ?? offer.slots[0]?.eventTypeUri ?? "";
-  const [step, setStep] = (0, import_react7.useState)("date");
-  const [eventTypeUri, setEventTypeUri] = (0, import_react7.useState)(defaultType);
-  const [selectedDate, setSelectedDate] = (0, import_react7.useState)("");
-  const [startTime, setStartTime] = (0, import_react7.useState)("");
-  const [name, setName] = (0, import_react7.useState)("");
-  const [email, setEmail] = (0, import_react7.useState)("");
-  const activeStepRef = (0, import_react7.useRef)(null);
-  const previousStepRef = (0, import_react7.useRef)(step);
+  const [step, setStep] = (0, import_react9.useState)("date");
+  const [eventTypeUri, setEventTypeUri] = (0, import_react9.useState)(defaultType);
+  const [selectedDate, setSelectedDate] = (0, import_react9.useState)("");
+  const [startTime, setStartTime] = (0, import_react9.useState)("");
+  const [name, setName] = (0, import_react9.useState)("");
+  const [email, setEmail] = (0, import_react9.useState)("");
+  const activeStepRef = (0, import_react9.useRef)(null);
+  const previousStepRef = (0, import_react9.useRef)(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (previousStepRef.current === step) return;
     previousStepRef.current = step;
     activeStepRef.current?.scrollIntoView({ block: "nearest" });
   }, [step]);
-  const slots = (0, import_react7.useMemo)(
+  const slots = (0, import_react9.useMemo)(
     () => bookingSlotsForEventType(offer.slots, eventTypeUri),
     [eventTypeUri, offer.slots]
   );
-  const availableByDate = (0, import_react7.useMemo)(() => {
+  const availableByDate = (0, import_react9.useMemo)(() => {
     const next = /* @__PURE__ */ new Map();
     for (const slot of slots) {
       const key = slotDateKey(slot.startTime);
@@ -3847,7 +4084,7 @@ function BookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = (0, import_react7.useState)(
+  const [visibleMonth, setVisibleMonth] = (0, import_react9.useState)(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -3860,7 +4097,7 @@ function BookingCard({
       )
     );
   }
-  const daySlots = (0, import_react7.useMemo)(
+  const daySlots = (0, import_react9.useMemo)(
     () => slots.filter((slot) => slotDateKey(slot.startTime) === selectedDate),
     [selectedDate, slots]
   );
@@ -3869,7 +4106,7 @@ function BookingCard({
   );
   const selectedSample = availableByDate.get(selectedDate) ?? startTime;
   const timeZone = formatSlotTimeZone(slots[0]?.startTime ?? selectedSample);
-  const weekdays = (0, import_react7.useMemo)(() => weekdayLabels(), []);
+  const weekdays = (0, import_react9.useMemo)(() => weekdayLabels(), []);
   const cells = calendarCells(visibleMonth.year, visibleMonth.month);
   const canPrevMonth = [...availableByDate.keys()].some((key) => {
     const month = monthFromKey(key);
@@ -3911,14 +4148,14 @@ function BookingCard({
       })
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "section",
     {
       className: "booking-card",
       "aria-busy": disabled || void 0,
       "aria-label": "Book a meeting",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "li",
           {
             className: [
@@ -3928,40 +4165,40 @@ function BookingCard({
             ].filter(Boolean).join(" "),
             "aria-current": index === stepIndex ? "step" : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: item.label })
             ]
           },
           item.id
         )) }),
-        step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-          timeZone ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "booking-card__tz", children: [
+        step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "booking-card__tz", children: [
             "Times in ",
             timeZone
           ] }) : null,
-          offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "label",
             {
               className: "booking-card__field",
               htmlFor: `${fieldId}-type`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Meeting" }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Meeting" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "select",
                   {
                     id: `${fieldId}-type`,
                     value: eventTypeUri,
                     disabled,
                     onChange: (event) => selectEventType(event.target.value),
-                    children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: item.uri, children: item.name }, item.uri))
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: item.uri, children: item.name }, item.uri))
                   }
                 )
               ]
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__month", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
                 type: "button",
@@ -3972,8 +4209,8 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
                 type: "button",
@@ -3985,9 +4222,9 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: label }, label)) }),
-          offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               className: "booking-card__calendar",
@@ -3995,7 +4232,7 @@ function BookingCard({
               "aria-label": "Available dates",
               children: cells.map((cell, index) => {
                 if (!cell) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "span",
                     {
                       className: "booking-card__day"
@@ -4005,7 +4242,7 @@ function BookingCard({
                 }
                 const available = availableByDate.has(cell.key);
                 const selected = cell.key === selectedDate;
-                return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "button",
                   {
                     type: "button",
@@ -4025,9 +4262,9 @@ function BookingCard({
             }
           )
         ] }, "date") : null,
-        step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
                 type: "button",
@@ -4038,15 +4275,15 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-              timeZone ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "booking-card__tz", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "booking-card__tz", children: [
                 "Times in ",
                 timeZone
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
@@ -4058,9 +4295,9 @@ function BookingCard({
             slot.startTime
           )) })
         ] }, "time") : null,
-        step === "details" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        step === "details" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
                 type: "button",
@@ -4071,21 +4308,21 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__title", children: "Enter details" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-              selectedType?.location ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__tz", children: selectedType.location }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__identity", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-name`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       id: `${fieldId}-name`,
@@ -4099,14 +4336,14 @@ function BookingCard({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-email`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Email" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Email" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       id: `${fieldId}-email`,
@@ -4122,7 +4359,7 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "submit",
@@ -4140,7 +4377,7 @@ function BookingCard({
 // src/react/components/MessageBubble/MessageBubble.tsx
 var import_streamdown = require("streamdown");
 var import_styles = require("streamdown/styles.css");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function normalizeDedupeText(text) {
   return text.trim().replace(/\s+/g, " ").toLowerCase();
 }
@@ -4184,7 +4421,7 @@ function MessageBubble({
   onBook
 }) {
   const resolvedLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react8.useState)(null);
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react10.useState)(null);
   const showBrandLogo = Boolean(resolvedLogoUrl) && failedLogoUrl !== resolvedLogoUrl;
   const cards = message.role === "agent" ? extractToolCards(message.text) : [];
   const extractedOffers = cards.filter(
@@ -4197,11 +4434,11 @@ function MessageBubble({
     offers.length > 0 ? sanitizeBookingOfferCopy(visibleText) : looksLikeBookingAvailabilityDump(visibleText) ? sanitizeBookingOfferCopy(visibleText) : visibleText || (isStreaming ? "" : message.text)
   );
   if (message.role === "visitor") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "message-bubble__text", children: message.text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "message-bubble__text", children: message.text }) });
   }
   const citations = message.citations ?? [];
-  const agentText = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "message-bubble__text", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const agentText = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_streamdown.Streamdown,
       {
         animated: isStreaming,
@@ -4215,8 +4452,8 @@ function MessageBubble({
         children: displayText
       }
     ),
-    citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "span",
         {
           className: "message-bubble__source-icon",
@@ -4224,12 +4461,12 @@ function MessageBubble({
           children: "\u25A6"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: citation.label })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "message-bubble message-bubble--agent", children: [
-    displayText ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "message-bubble__agent-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("article", { className: "message-bubble message-bubble--agent", children: [
+    displayText ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "message-bubble__agent-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "img",
         {
           src: resolvedLogoUrl,
@@ -4241,7 +4478,7 @@ function MessageBubble({
       ) }),
       agentText
     ] }) : agentText : null,
-    offers.map((nextOffer, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    offers.map((nextOffer, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       BookingCard,
       {
         disabled: bookingDisabled,
@@ -4253,84 +4490,695 @@ function MessageBubble({
   ] });
 }
 
-// src/react/components/HumanInputCard/HumanInputCard.tsx
-var import_react10 = require("react");
+// src/react/components/MessageActions/MessageActions.tsx
+var import_react11 = require("react");
+var import_react_dom2 = require("react-dom");
 
-// src/react/components/ConfirmationCard/ConfirmationCard.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function ConfirmationCard({
-  disabled = false,
-  request,
-  onRespond
-}) {
-  const options = request.options ?? [];
-  const heading = request.kind === "tool-approval" ? "Confirm this action" : request.prompt;
-  const prompt = request.kind === "tool-approval" ? request.prompt : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "section",
-    {
-      className: "confirmation-card",
-      "aria-labelledby": `confirmation-${request.requestId}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "confirmation-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
-          prompt ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: prompt }) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "button",
-          {
-            type: "button",
-            className: `confirmation-card__action confirmation-card__action--${option.style ?? "default"}`,
-            disabled,
-            onClick: () => onRespond?.({
-              requestId: request.requestId,
-              optionId: option.id
-            }),
-            children: option.label
-          },
-          option.id
-        )) })
-      ]
+// src/react/lib/speech.ts
+function toSpeechText(text) {
+  let out = hideToolCardFences(text);
+  out = out.replace(/```[\s\S]*?```/g, " ");
+  out = out.replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1");
+  out = out.replace(/\[([^\]]+)\]\([^)]*\)/g, "$1");
+  out = out.replace(/^\s{0,3}#{1,6}\s+/gm, "");
+  out = out.replace(/(\*\*|__)(.*?)\1/g, "$2");
+  out = out.replace(/(\*|_)(.*?)\1/g, "$2");
+  out = out.replace(/~~(.*?)~~/g, "$1");
+  out = out.replace(/`([^`]*)`/g, "$1");
+  out = out.replace(/^\s*>\s?/gm, "");
+  out = out.replace(/^\s*[-*+]\s+/gm, "");
+  out = out.replace(/^\s*\d+\.\s+/gm, "");
+  out = out.replace(/\|/g, " ");
+  out = out.replace(/^\s*[-:]{3,}\s*$/gm, " ");
+  out = out.replace(/\s*\n\s*/g, ". ");
+  out = out.replace(/(?:\.\s*){2,}/g, ". ");
+  return out.replace(/\s{2,}/g, " ").trim();
+}
+function isSpeechSupported() {
+  return typeof window !== "undefined" && "speechSynthesis" in window && typeof window.SpeechSynthesisUtterance === "function";
+}
+function stopSpeech() {
+  if (!isSpeechSupported()) return;
+  window.speechSynthesis.cancel();
+}
+var speechInterruptListeners = /* @__PURE__ */ new Set();
+var pageListenersAttached = false;
+var lastPathname = "";
+var originalPushState = null;
+var originalReplaceState = null;
+var patchedPushState = null;
+var patchedReplaceState = null;
+function currentPathname() {
+  return window.location.pathname;
+}
+function notifySpeechInterrupts() {
+  if (speechInterruptListeners.size === 0) return;
+  stopSpeech();
+  for (const listener of speechInterruptListeners) {
+    listener();
+  }
+}
+function interruptIfPathChanged(nextPath) {
+  if (nextPath === lastPathname) return;
+  lastPathname = nextPath;
+  notifySpeechInterrupts();
+}
+function patchHistoryMethod(original) {
+  return function patched(data, unused, url) {
+    const result = original.call(this, data, unused, url);
+    interruptIfPathChanged(currentPathname());
+    return result;
+  };
+}
+function historyMethodState(name) {
+  return name === "pushState" ? {
+    original: originalPushState,
+    patched: patchedPushState,
+    set(original, patched) {
+      originalPushState = original;
+      patchedPushState = patched;
     }
-  );
+  } : {
+    original: originalReplaceState,
+    patched: patchedReplaceState,
+    set(original, patched) {
+      originalReplaceState = original;
+      patchedReplaceState = patched;
+    }
+  };
 }
-
-// src/react/components/ToolInputCard/ToolInputCard.tsx
-var import_react9 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function isRecord5(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
+function patchHistoryNamed(name) {
+  const state = historyMethodState(name);
+  const current = history[name];
+  if (state.patched && current === state.patched) return;
+  const patched = patchHistoryMethod(current);
+  state.set(current, patched);
+  history[name] = patched;
+}
+function restoreHistoryMethod(name) {
+  const state = historyMethodState(name);
+  if (!state.patched || !state.original || typeof history === "undefined") {
+    return false;
+  }
+  if (history[name] !== state.patched) return false;
+  history[name] = state.original;
+  state.set(null, null);
+  return true;
 }
-function pathSegments(path) {
-  return path.replace(/\[(\d+)\]/gu, ".$1").split(".").filter(Boolean);
+function handlePageHide() {
+  notifySpeechInterrupts();
 }
-function valueAtPath(root, path) {
-  let current = root;
-  for (const segment of pathSegments(path)) {
-    if (Array.isArray(current)) {
-      const index = Number(segment);
-      current = Number.isInteger(index) ? current[index] : void 0;
-      continue;
-    }
-    current = isRecord5(current) ? current[segment] : void 0;
+function handlePopState() {
+  interruptIfPathChanged(currentPathname());
+}
+function handleVisibilityChange() {
+  if (document.visibilityState === "hidden") {
+    notifySpeechInterrupts();
   }
-  return current;
 }
-function initialFieldValue(field, surface) {
-  const supplied = valueAtPath(surface.values, field.path);
-  if (supplied !== void 0) return supplied;
-  if (field.defaultValue !== void 0) return field.defaultValue;
-  if (field.kind === "checkbox" || field.kind === "confirmation") return false;
-  if (field.kind === "multi-select") return [];
-  if (field.kind === "range") return field.min ?? 0;
-  return "";
+function attachPageListeners() {
+  if (pageListenersAttached || typeof window === "undefined") return;
+  pageListenersAttached = true;
+  window.addEventListener("pagehide", handlePageHide);
+  window.addEventListener("popstate", handlePopState);
+  document.addEventListener("visibilitychange", handleVisibilityChange);
 }
-function initialValues(surface) {
-  return Object.fromEntries(
-    surface.fields.map((field) => [
-      field.path,
-      initialFieldValue(field, surface)
-    ])
+function detachPageListeners() {
+  if (!pageListenersAttached || typeof window === "undefined") return;
+  window.removeEventListener("pagehide", handlePageHide);
+  window.removeEventListener("popstate", handlePopState);
+  document.removeEventListener("visibilitychange", handleVisibilityChange);
+  pageListenersAttached = false;
+}
+function ensureSpeechInterruptsPatched() {
+  if (typeof window === "undefined") return;
+  lastPathname = currentPathname();
+  patchHistoryNamed("pushState");
+  patchHistoryNamed("replaceState");
+  attachPageListeners();
+}
+function teardownSpeechInterrupts() {
+  detachPageListeners();
+  restoreHistoryMethod("pushState");
+  restoreHistoryMethod("replaceState");
+  if (!patchedPushState && !patchedReplaceState) {
+    lastPathname = "";
+  }
+}
+function subscribeSpeechInterrupts(onInterrupt) {
+  if (typeof window === "undefined") return () => {
+  };
+  ensureSpeechInterruptsPatched();
+  speechInterruptListeners.add(onInterrupt);
+  return () => {
+    speechInterruptListeners.delete(onInterrupt);
+    if (speechInterruptListeners.size === 0) {
+      teardownSpeechInterrupts();
+    }
+  };
+}
+
+// src/react/components/MessageActions/MessageActions.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function CopyIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "rect",
+      {
+        x: "5.75",
+        y: "5.75",
+        width: "7.5",
+        height: "7.5",
+        rx: "1.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M10.25 5.25V4.5a1.75 1.75 0 0 0-1.75-1.75h-4A1.75 1.75 0 0 0 2.75 4.5v4c0 .97.78 1.75 1.75 1.75h.75",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    )
+  ] });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "path",
+    {
+      d: "M3.5 8.5l3 3 6-7",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ThumbUpIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M4.67 6.67v8",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M10 3.92 9.33 6.67h3.89a1.33 1.33 0 0 1 1.28 1.7l-1.55 5.33a1.33 1.33 0 0 1-1.28.97H2.67a1.33 1.33 0 0 1-1.34-1.34V8a1.33 1.33 0 0 1 1.34-1.33h1.84a1.33 1.33 0 0 0 1.19-.74L8 1.33a2.09 2.09 0 0 1 2 2.59Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function ThumbDownIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { transform: "rotate(180 8 8)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M4.67 6.67v8",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M10 3.92 9.33 6.67h3.89a1.33 1.33 0 0 1 1.28 1.7l-1.55 5.33a1.33 1.33 0 0 1-1.28.97H2.67a1.33 1.33 0 0 1-1.34-1.34V8a1.33 1.33 0 0 1 1.34-1.33h1.84a1.33 1.33 0 0 0 1.19-.74L8 1.33a2.09 2.09 0 0 1 2 2.59Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }) });
+}
+function RegenerateIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M2 8a6 6 0 0 1 6-6 6.5 6.5 0 0 1 4.5 1.83L14 5.33",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M14 2v3.33h-3.33",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M14 8a6 6 0 0 1-6 6 6.5 6.5 0 0 1-4.5-1.83L2 10.67",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M5.33 10.67H2V14",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function MoreIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "3.5", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "8", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12.5", cy: "8", r: "1.15", fill: "currentColor" })
+  ] });
+}
+function SourcesIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M8 4.5C6.9 3.4 5.3 3 3.5 3c-.4 0-.8 0-1.2.1-.3 0-.5.3-.5.6v8.1c0 .4.4.7.8.6.3-.1.7-.1 1.1-.1 1.6 0 3.2.4 4.3 1.3 1.1-.9 2.7-1.3 4.3-1.3.4 0 .8 0 1.1.1.4.1.8-.2.8-.6V3.7c0-.3-.2-.6-.5-.6-.4-.1-.8-.1-1.2-.1-1.8 0-3.4.4-4.5 1.5Z",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M8 4.5v9",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function ReadAloudIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M8.5 3.8 5.8 6H3.5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h2.3l2.7 2.2c.4.3 1 0 1-.5V4.3c0-.5-.6-.8-1-.5Z",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M11 6.2c.5.5.8 1.1.8 1.8s-.3 1.3-.8 1.8M12.8 4.5c.9.8 1.4 2 1.4 3.5s-.5 2.7-1.4 3.5",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function StopIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "rect",
+    {
+      x: "4",
+      y: "4",
+      width: "8",
+      height: "8",
+      rx: "1.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5"
+    }
+  ) });
+}
+async function writeToClipboard(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+  } catch {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand("copy");
+    textarea.remove();
+  }
+}
+function formatAnsweredAt(answeredAt) {
+  if (!answeredAt) return null;
+  const date = new Date(answeredAt);
+  if (Number.isNaN(date.getTime())) return null;
+  return new Intl.DateTimeFormat(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+}
+function resolveMenuPosition(input) {
+  const padding = 8;
+  const { button, menuHeight, menuWidth, rail } = input;
+  if (!rail) {
+    return {
+      left: button.left,
+      top: button.top - menuHeight - 6
+    };
+  }
+  let left = button.left - rail.left;
+  let top = button.top - rail.top - menuHeight - 6;
+  left = Math.min(
+    Math.max(left, padding),
+    rail.width - menuWidth - padding
+  );
+  if (top < padding) {
+    top = button.bottom - rail.top + 6;
+  }
+  top = Math.min(top, rail.height - menuHeight - padding);
+  return { left, top };
+}
+function MessageActions({
+  answeredAt,
+  copyText,
+  disabled = false,
+  onOpenReceipt,
+  onRegenerate,
+  onFeedback,
+  readAloud = false,
+  receiptSteps,
+  speechText
+}) {
+  const menuPortalRoot = useAgentRailMenuPortalRoot();
+  const [copied, setCopied] = (0, import_react11.useState)(false);
+  const [rating, setRating] = (0, import_react11.useState)(null);
+  const [menuOpen, setMenuOpen] = (0, import_react11.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, import_react11.useState)(null);
+  const [speaking, setSpeaking] = (0, import_react11.useState)(false);
+  const [speechSupported, setSpeechSupported] = (0, import_react11.useState)(null);
+  const copyTimerRef = (0, import_react11.useRef)(null);
+  const menuRef = (0, import_react11.useRef)(null);
+  const portaledMenuRef = (0, import_react11.useRef)(null);
+  const moreButtonRef = (0, import_react11.useRef)(null);
+  const answeredLabel = formatAnsweredAt(answeredAt ?? 0);
+  const resolvedSpeechText = speechText ?? toSpeechText(copyText);
+  const canOpenReceipt = Boolean(receiptSteps) && Boolean(onOpenReceipt);
+  const readAloudEligible = Boolean(readAloud && resolvedSpeechText);
+  const canReadAloud = readAloudEligible && speechSupported === true;
+  const showMenu = canOpenReceipt || (speechSupported === null ? readAloudEligible : canReadAloud);
+  (0, import_react11.useLayoutEffect)(() => {
+    setSpeechSupported(isSpeechSupported());
+  }, []);
+  (0, import_react11.useLayoutEffect)(() => {
+    if (!menuOpen || !moreButtonRef.current || !portaledMenuRef.current) {
+      setMenuPosition(null);
+      return;
+    }
+    const button = moreButtonRef.current.getBoundingClientRect();
+    const menu2 = portaledMenuRef.current;
+    const rail = menuPortalRoot?.current?.getBoundingClientRect() ?? null;
+    setMenuPosition(
+      resolveMenuPosition({
+        button,
+        menuHeight: menu2.offsetHeight,
+        menuWidth: menu2.offsetWidth || 190,
+        rail
+      })
+    );
+  }, [menuOpen, menuPortalRoot]);
+  (0, import_react11.useEffect)(() => {
+    const unsubscribe = subscribeSpeechInterrupts(() => setSpeaking(false));
+    return () => {
+      unsubscribe();
+      if (copyTimerRef.current !== null) {
+        window.clearTimeout(copyTimerRef.current);
+      }
+      stopSpeech();
+    };
+  }, []);
+  (0, import_react11.useEffect)(() => {
+    if (!menuOpen) return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (!menuRef.current?.contains(target) && !portaledMenuRef.current?.contains(target)) {
+        setMenuOpen(false);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      setMenuOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [menuOpen]);
+  function handleCopy() {
+    void writeToClipboard(copyText);
+    setCopied(true);
+    if (copyTimerRef.current !== null) {
+      window.clearTimeout(copyTimerRef.current);
+    }
+    copyTimerRef.current = window.setTimeout(() => setCopied(false), 1600);
+  }
+  function handleFeedback(next) {
+    const resolved = rating === next ? null : next;
+    setRating(resolved);
+    if (resolved) onFeedback?.(resolved);
+  }
+  function handleReadAloud() {
+    if (!canReadAloud) return;
+    setMenuOpen(false);
+    if (speaking) {
+      stopSpeech();
+      setSpeaking(false);
+      return;
+    }
+    const utterance = new SpeechSynthesisUtterance(resolvedSpeechText);
+    utterance.onend = () => setSpeaking(false);
+    utterance.onerror = () => setSpeaking(false);
+    stopSpeech();
+    window.speechSynthesis.speak(utterance);
+    setSpeaking(true);
+  }
+  const menu = menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "div",
+    {
+      className: "agent-message-actions__menu agent-message-actions__menu--portal",
+      ref: portaledMenuRef,
+      role: "menu",
+      style: menuPosition ? {
+        left: `${menuPosition.left}px`,
+        top: `${menuPosition.top}px`
+      } : { visibility: "hidden" },
+      children: [
+        answeredLabel ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "agent-message-actions__menu-meta", children: [
+          "Answered ",
+          answeredLabel
+        ] }) : null,
+        canOpenReceipt ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "agent-message-actions__menu-item",
+            role: "menuitem",
+            onClick: () => {
+              setMenuOpen(false);
+              onOpenReceipt?.();
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SourcesIcon, {}),
+              "View sources"
+            ]
+          }
+        ) : null,
+        canReadAloud ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "agent-message-actions__menu-item",
+            role: "menuitem",
+            onClick: handleReadAloud,
+            children: [
+              speaking ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StopIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ReadAloudIcon, {}),
+              speaking ? "Stop reading" : "Read aloud"
+            ]
+          }
+        ) : null
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agent-message-actions", "aria-label": "Answer actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        type: "button",
+        className: `agent-message-actions__button${copied ? " is-copied" : ""}`,
+        "aria-label": copied ? "Copied" : "Copy answer",
+        title: copied ? "Copied" : "Copy answer",
+        disabled,
+        onClick: handleCopy,
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopyIcon, {})
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        type: "button",
+        className: `agent-message-actions__button${rating === "positive" ? " is-active" : ""}`,
+        "aria-label": "Good answer",
+        "aria-pressed": rating === "positive",
+        title: "Good answer",
+        disabled,
+        onClick: () => handleFeedback("positive"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThumbUpIcon, {})
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        type: "button",
+        className: `agent-message-actions__button${rating === "negative" ? " is-active" : ""}`,
+        "aria-label": "Bad answer",
+        "aria-pressed": rating === "negative",
+        title: "Bad answer",
+        disabled,
+        onClick: () => handleFeedback("negative"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThumbDownIcon, {})
+      }
+    ),
+    onRegenerate ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "agent-message-actions__button",
+        "aria-label": "Regenerate answer",
+        title: "Regenerate answer",
+        disabled,
+        onClick: onRegenerate,
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RegenerateIcon, {})
+      }
+    ) : null,
+    showMenu ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agent-message-actions__more", ref: menuRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          ref: moreButtonRef,
+          type: "button",
+          className: `agent-message-actions__button${menuOpen ? " is-menu-open" : ""}`,
+          "aria-label": "More actions",
+          "aria-haspopup": "menu",
+          "aria-expanded": menuOpen,
+          title: "More actions",
+          disabled,
+          onClick: () => setMenuOpen((open) => !open),
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoreIcon, {})
+        }
+      ),
+      menuPortalRoot?.current && menu ? (0, import_react_dom2.createPortal)(menu, menuPortalRoot.current) : menu
+    ] }) : null
+  ] });
+}
+
+// src/react/components/HumanInputCard/HumanInputCard.tsx
+var import_react13 = require("react");
+
+// src/react/components/ConfirmationCard/ConfirmationCard.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ConfirmationCard({
+  disabled = false,
+  request,
+  onRespond
+}) {
+  const options = request.options ?? [];
+  const heading = request.kind === "tool-approval" ? "Confirm this action" : request.prompt;
+  const prompt = request.kind === "tool-approval" ? request.prompt : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "section",
+    {
+      className: "confirmation-card",
+      "aria-labelledby": `confirmation-${request.requestId}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: prompt }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `confirmation-card__action confirmation-card__action--${option.style ?? "default"}`,
+            disabled,
+            onClick: () => onRespond?.({
+              requestId: request.requestId,
+              optionId: option.id
+            }),
+            children: option.label
+          },
+          option.id
+        )) })
+      ]
+    }
+  );
+}
+
+// src/react/components/ToolInputCard/ToolInputCard.tsx
+var import_react12 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function isRecord5(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function pathSegments(path) {
+  return path.replace(/\[(\d+)\]/gu, ".$1").split(".").filter(Boolean);
+}
+function valueAtPath(root, path) {
+  let current = root;
+  for (const segment of pathSegments(path)) {
+    if (Array.isArray(current)) {
+      const index = Number(segment);
+      current = Number.isInteger(index) ? current[index] : void 0;
+      continue;
+    }
+    current = isRecord5(current) ? current[segment] : void 0;
+  }
+  return current;
+}
+function initialFieldValue(field, surface) {
+  const supplied = valueAtPath(surface.values, field.path);
+  if (supplied !== void 0) return supplied;
+  if (field.defaultValue !== void 0) return field.defaultValue;
+  if (field.kind === "checkbox" || field.kind === "confirmation") return false;
+  if (field.kind === "multi-select") return [];
+  if (field.kind === "range") return field.min ?? 0;
+  return "";
+}
+function initialValues(surface) {
+  return Object.fromEntries(
+    surface.fields.map((field) => [
+      field.path,
+      initialFieldValue(field, surface)
+    ])
   );
 }
 function cloneJsonValue(value) {
@@ -4421,7 +5269,7 @@ function FieldDescription({
   field,
   id
 }) {
-  return field.description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id, className: "tool-input-card__description", children: field.description }) : null;
+  return field.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id, className: "tool-input-card__description", children: field.description }) : null;
 }
 function ChoiceField({
   field,
@@ -4440,7 +5288,7 @@ function ChoiceField({
     const selectedIndex = options.findIndex(
       (option) => valuesMatch(option.value, value)
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "select",
       {
         id,
@@ -4455,13 +5303,13 @@ function ChoiceField({
           if (option) onChange(option.value);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", disabled: field.required, children: "Choose an option" }),
-          options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: index, children: option.label }, optionKey(option)))
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", disabled: field.required, children: "Choose an option" }),
+          options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: index, children: option.label }, optionKey(option)))
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       className: "tool-input-card__choices",
@@ -4472,8 +5320,8 @@ function ChoiceField({
       "aria-required": field.required,
       children: options.map((option, index) => {
         const checked = multiple ? selected.some((item) => valuesMatch(item, option.value)) : valuesMatch(value, option.value);
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "tool-input-card__choice", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "tool-input-card__choice", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "input",
             {
               type: multiple ? "checkbox" : "radio",
@@ -4495,7 +5343,7 @@ function ChoiceField({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: option.label })
         ] }, optionKey(option));
       })
     }
@@ -4515,9 +5363,9 @@ function ToolField({
     error ? `${id}-error` : ""
   ].filter(Boolean).join(" ");
   if (field.kind === "checkbox" || field.kind === "confirmation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "tool-input-card__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "tool-input-card__check", htmlFor: id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "tool-input-card__check", htmlFor: id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "input",
           {
             id,
@@ -4530,17 +5378,17 @@ function ToolField({
             onChange: (event) => onChange(event.target.checked)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: field.label }),
-          field.description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: `${id}-description`, children: field.description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: field.label }),
+          field.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: `${id}-description`, children: field.description }) : null
         ] })
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
     ] });
   }
-  const label = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { id: `${id}-label`, htmlFor: id, children: [
+  const label = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { id: `${id}-label`, htmlFor: id, children: [
     field.label,
-    field.required ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+    field.required ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
   const common = {
     id,
@@ -4552,7 +5400,7 @@ function ToolField({
   };
   let control;
   if (field.kind === "select" || field.kind === "radio" || field.kind === "multi-select") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       ChoiceField,
       {
         field,
@@ -4566,7 +5414,7 @@ function ToolField({
       }
     );
   } else if (field.kind === "textarea" || field.kind === "json") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "textarea",
       {
         ...common,
@@ -4580,8 +5428,8 @@ function ToolField({
     );
   } else if (field.kind === "range") {
     const numericValue = typeof value === "number" ? value : field.min ?? 0;
-    control = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "tool-input-card__range", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__range", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "input",
         {
           ...common,
@@ -4593,11 +5441,11 @@ function ToolField({
           onChange: (event) => onChange(Number(event.target.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("output", { htmlFor: id, children: numericValue })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("output", { htmlFor: id, children: numericValue })
     ] });
   } else {
     const type = field.kind === "date-time" ? "datetime-local" : field.kind === "calendar" ? "date" : field.kind;
-    control = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "input",
       {
         ...common,
@@ -4615,11 +5463,11 @@ function ToolField({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "tool-input-card__field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__field", children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldDescription, { field, id: `${id}-description` }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldDescription, { field, id: `${id}-description` }),
     control,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
   ] });
 }
 function ToolInputCard({
@@ -4627,11 +5475,11 @@ function ToolInputCard({
   surface,
   onSubmit
 }) {
-  const [values, setValues] = (0, import_react9.useState)(
+  const [values, setValues] = (0, import_react12.useState)(
     () => initialValues(surface)
   );
-  const [touched, setTouched] = (0, import_react9.useState)(() => /* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = (0, import_react9.useState)(false);
+  const [touched, setTouched] = (0, import_react12.useState)(() => /* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = (0, import_react12.useState)(false);
   const errors = Object.fromEntries(
     surface.fields.map((field) => [
       field.path,
@@ -4656,14 +5504,14 @@ function ToolInputCard({
     onSubmit?.(surface, result);
   }
   if (submitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "section",
       {
         className: "tool-input-card tool-input-card--submitted",
         role: "status",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("strong", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("strong", { children: [
             surface.title,
             " submitted"
           ] })
@@ -4671,18 +5519,18 @@ function ToolInputCard({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "section",
     {
       className: "tool-input-card",
       "aria-labelledby": `tool-input-${surface.id}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "tool-input-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
-          surface.description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: surface.description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
+          surface.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: surface.description }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { noValidate: true, onSubmit: submit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("form", { noValidate: true, onSubmit: submit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             ToolField,
             {
               disabled,
@@ -4695,8 +5543,8 @@ function ToolInputCard({
             },
             field.path
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "tool-input-card__actions", children: [
-            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__actions", children: [
+            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "button",
               {
                 type: "button",
@@ -4709,7 +5557,7 @@ function ToolInputCard({
                 children: surface.actions.find((action) => action.id === "reset")?.label ?? "Clear"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
           ] })
         ] })
       ]
@@ -4718,17 +5566,17 @@ function ToolInputCard({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function HumanInputCard({
   disabled = false,
   request,
   onRespond
 }) {
-  const [text, setText] = (0, import_react10.useState)("");
+  const [text, setText] = (0, import_react13.useState)("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       ToolInputCard,
       {
         disabled,
@@ -4738,7 +5586,7 @@ function HumanInputCard({
     );
   }
   if (options.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       ConfirmationCard,
       {
         disabled,
@@ -4753,17 +5601,17 @@ function HumanInputCard({
     if (!value || disabled) return;
     onRespond?.({ requestId: request.requestId, text: value });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "section",
     {
       className: "human-input-card",
       "aria-labelledby": `human-input-${request.requestId}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
-        showText ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { onSubmit: submitText, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "input",
               {
                 id: `human-input-text-${request.requestId}`,
@@ -4772,39 +5620,39 @@ function HumanInputCard({
                 onChange: (event) => setText(event.target.value)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
           ] })
         ] }) : null,
-        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
       ]
     }
   );
 }
 
 // src/react/components/CollectionResultCard/CollectionResultCard.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function CollectionResultCard({
   result
 }) {
   const empty = result.items.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "section",
     {
       className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: result.title })
         ] }),
-        empty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
-          item.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: item.description }) : null,
-          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: detail.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: detail.value })
+        empty ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: detail.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: detail.value })
           ] }, `${detail.label}:${detail.value}`)) }) : null,
-          item.href ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
         ] }, item.title)) })
       ]
     }
@@ -4812,26 +5660,26 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function EntityResultCard({
   result
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "section",
     {
       className: `entity-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: detail.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "a",
           {
             href: link.href,
@@ -4847,24 +5695,24 @@ function EntityResultCard({
 }
 
 // src/react/components/SignatureResultCard/SignatureResultCard.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SignatureResultCard({
   result
 }) {
   const primaryLink = result.links?.[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "section",
     {
       className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: result.title })
         ] }),
-        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: result.description }) : null,
-        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "a",
           {
             className: "signature-result-card__cta",
@@ -4880,26 +5728,26 @@ function SignatureResultCard({
 }
 
 // src/react/components/ToolResultCard/ToolResultCard.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function ToolResultCard({
   result
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "section",
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: detail.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "a",
           {
             href: link.href,
@@ -4915,14 +5763,14 @@ function ToolResultCard({
 }
 
 // src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function VisitorToolResultView({
   disabled = false,
   onToolInput,
   result
 }) {
   if (result.kind === "input") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ToolInputCard,
       {
         disabled,
@@ -4932,16 +5780,16 @@ function VisitorToolResultView({
     );
   }
   if (result.kind === "entity") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EntityResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EntityResultCard, { result });
   }
   if (result.kind === "collection") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CollectionResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionResultCard, { result });
   }
   if (result.kind === "signature") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SignatureResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SignatureResultCard, { result });
   }
   if (result.kind === "summary") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToolResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolResultCard, { result });
   }
   return null;
 }
@@ -4950,9 +5798,9 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function MinimizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M3.5 8h9",
@@ -4962,8 +5810,8 @@ function MinimizeIcon() {
     }
   ) });
 }
-function CloseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+function CloseIcon2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -4974,7 +5822,7 @@ function CloseIcon() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M9.5 3.5h3v3M12.25 3.75 8 8M7 4H4.5A1.5 1.5 0 0 0 3 5.5v6A1.5 1.5 0 0 0 4.5 13h6a1.5 1.5 0 0 0 1.5-1.5V9",
@@ -4986,7 +5834,7 @@ function NewChatIcon() {
   ) });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -4998,7 +5846,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -5009,13 +5857,30 @@ function RestoreIcon() {
     }
   ) });
 }
+function ChevronDownIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M4 6.5l4 4 4-4",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+var DEFAULT_DISCLAIMER_LABEL = "Agent can make mistakes. Check important info.";
 function AgentRail({
   state,
   theme,
   colorScheme = "auto",
   brandLabel = "",
   brandLogoUrl,
-  poweredByLabel = "Powered by Webless",
+  poweredByLabel,
+  disclaimerLabel,
+  disclaimerLink,
+  answerReceipt = false,
+  readAloud = false,
   composerPlaceholder = "Ask anything\u2026",
   mobileFullscreen = false,
   expanded = false,
@@ -5024,16 +5889,26 @@ function AgentRail({
   onExpandToggle,
   onReset,
   onRetry,
+  onRegenerate,
+  onFeedback,
   onSubmit,
   onFollowUpSelect,
   onBook,
   onInputResponse,
   onToolInput
 }) {
-  const transcriptRef = (0, import_react11.useRef)(null);
+  const railRef = (0, import_react14.useRef)(null);
+  const overlayRef = (0, import_react14.useRef)(null);
+  const transcriptRef = (0, import_react14.useRef)(null);
+  const pinnedToBottomRef = (0, import_react14.useRef)(true);
+  const smoothScrollToLatestRef = (0, import_react14.useRef)(false);
+  const lockedTranscriptScrollTopRef = (0, import_react14.useRef)(null);
+  const [showJumpToLatest, setShowJumpToLatest] = (0, import_react14.useState)(false);
+  const [receiptOpen, setReceiptOpen] = (0, import_react14.useState)(false);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react11.useState)(null);
+  const resolvedDisclaimerLabel = disclaimerLabel === void 0 ? DEFAULT_DISCLAIMER_LABEL : disclaimerLabel;
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react14.useState)(null);
   const showBrandLogo = Boolean(resolvedBrandLogoUrl) && failedLogoUrl !== resolvedBrandLogoUrl;
   const resolvedColorScheme = useAgentColorScheme(colorScheme);
   const brandedTheme = { ...defaultAgentRailTheme, ...theme };
@@ -5084,10 +5959,15 @@ function AgentRail({
   );
   const activeVisitorToolInput = [...visitorToolResults].reverse().find((result) => result.kind === "input");
   const visibleVisitorToolResults = activeVisitorToolInput ? [activeVisitorToolInput] : visitorToolResults;
-  const showActivity = state.toolSteps.length > 0 && visibleVisitorToolResults.length === 0 && pendingInputRequests.length === 0 && !state.pendingOffer;
+  const activityActive = state.toolSteps.some((step) => step.state === "active");
+  const showActivity = state.toolSteps.length > 0 && visibleVisitorToolResults.length === 0 && pendingInputRequests.length === 0 && !state.pendingOffer && activityActive;
   const hasVisitorMessages2 = state.messages.some(
     (message) => message.role === "visitor"
   );
+  const hasAgentResponseAfterVisitor = state.messages.some(
+    (message) => message.role === "agent" && message.id !== "greeting"
+  );
+  const showDisclaimerLabel = Boolean(resolvedDisclaimerLabel) && hasVisitorMessages2 && (hasAgentResponseAfterVisitor || state.phase === "streaming" && Boolean(state.streamingText));
   const showIdleFollowUps = !hasVisitorMessages2 && state.followUps.length > 0;
   const greeting = state.messages.find(
     (message) => message.role === "agent" && message.id === "greeting"
@@ -5109,6 +5989,7 @@ function AgentRail({
     }
   }
   const lastIsAgent = lastMessage?.role === "agent";
+  const showMessageActions = state.phase === "complete" && lastIsAgent && hasVisitorMessages2;
   const streamingMessage = state.phase === "streaming" && state.streamingText && !lastIsAgent ? {
     createdAt: 0,
     id: "streaming-response",
@@ -5135,10 +6016,36 @@ function AgentRail({
     hasPendingConfirmation,
     enabled: lastIsAgent && !isBusy
   });
-  (0, import_react11.useEffect)(() => {
+  const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
+  (0, import_react14.useEffect)(() => {
+    if (state.phase !== "complete") {
+      setReceiptOpen(false);
+    }
+  }, [state.phase]);
+  function handleSubmit(message) {
+    setReceiptOpen(false);
+    onSubmit?.(message);
+  }
+  function handleRegenerate() {
+    setReceiptOpen(false);
+    onRegenerate?.();
+  }
+  function handleReset() {
+    setReceiptOpen(false);
+    onReset?.();
+  }
+  function handleFollowUpSelect(label) {
+    setReceiptOpen(false);
+    onFollowUpSelect?.(label);
+  }
+  (0, import_react14.useEffect)(() => {
     const node = transcriptRef.current;
     if (!node) return;
-    node.scrollTop = node.scrollHeight;
+    const lastMessage2 = state.messages.at(-1);
+    const visitorJustSent = lastMessage2?.role === "visitor";
+    if (pinnedToBottomRef.current || visitorJustSent) {
+      node.scrollTop = node.scrollHeight;
+    }
   }, [
     state.messages,
     state.toolSteps,
@@ -5146,10 +6053,75 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  (0, import_react14.useEffect)(() => {
+    const node = transcriptRef.current;
+    if (!node) return;
+    const handleScroll = () => {
+      if (node.clientHeight === 0) return;
+      const distanceFromBottom = node.scrollHeight - node.scrollTop - node.clientHeight;
+      const pinned = distanceFromBottom < 48 || smoothScrollToLatestRef.current;
+      pinnedToBottomRef.current = pinned;
+      setShowJumpToLatest(!pinned);
+    };
+    node.addEventListener("scroll", handleScroll, { passive: true });
+    handleScroll();
+    return () => node.removeEventListener("scroll", handleScroll);
+  }, []);
+  (0, import_react14.useEffect)(() => {
+    const node = transcriptRef.current;
+    if (!node) return;
+    const observer = new ResizeObserver(() => {
+      if (node.clientHeight === 0) return;
+      if (pinnedToBottomRef.current) {
+        node.scrollTo({ top: node.scrollHeight, behavior: "instant" });
+      }
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  (0, import_react14.useEffect)(() => {
+    if (!receiptOpen) {
+      lockedTranscriptScrollTopRef.current = null;
+      return;
+    }
+    const node = transcriptRef.current;
+    if (!node || lockedTranscriptScrollTopRef.current === null) return;
+    node.scrollTop = lockedTranscriptScrollTopRef.current;
+  }, [receiptOpen]);
+  function openReceipt() {
+    const node = transcriptRef.current;
+    lockedTranscriptScrollTopRef.current = node?.scrollTop ?? null;
+    setReceiptOpen(true);
+  }
+  function scrollToLatest() {
+    const node = transcriptRef.current;
+    if (!node) return;
+    pinnedToBottomRef.current = true;
+    setShowJumpToLatest(false);
+    const reduceMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    if (reduceMotion) {
+      node.scrollTo({ top: node.scrollHeight, behavior: "instant" });
+      return;
+    }
+    smoothScrollToLatestRef.current = true;
+    const settle = () => {
+      smoothScrollToLatestRef.current = false;
+      const distanceFromBottom = node.scrollHeight - node.scrollTop - node.clientHeight;
+      const pinned = distanceFromBottom < 48;
+      pinnedToBottomRef.current = pinned;
+      setShowJumpToLatest(!pinned);
+    };
+    node.addEventListener("scrollend", settle, { once: true });
+    window.setTimeout(settle, 900);
+    node.scrollTo({ top: node.scrollHeight, behavior: "smooth" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "aside",
     {
-      className: `agent-rail not-typeset${mobileFullscreen ? " agent-rail--mobile-fullscreen" : ""}${expanded ? " agent-rail--expanded" : ""}`,
+      ref: railRef,
+      className: `agent-rail not-typeset${mobileFullscreen ? " agent-rail--mobile-fullscreen" : ""}${expanded ? " agent-rail--expanded" : ""}${receiptOpen ? " agent-rail--receipt-open" : ""}`,
       "data-not-typeset": "",
       "data-color-scheme": resolvedColorScheme,
       spellCheck: false,
@@ -5159,196 +6131,242 @@ function AgentRail({
       autoFocus: mobileFullscreen || expanded,
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "agent-rail__brand-row", children: [
-          onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "agent-rail__collapse",
-              "aria-label": "Collapse assist",
-              onClick: onCollapse,
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MinimizeIcon, {})
-            }
-          ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "agent-rail__close",
-              "aria-label": "Close agent",
-              onClick: onClose,
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CloseIcon, {})
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-          resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "agent-rail__identity", children: [
-            showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "img",
-              {
-                className: "agent-rail__brand-logo",
-                src: resolvedBrandLogoUrl,
-                alt: "",
-                onError: () => {
-                  setFailedLogoUrl(resolvedBrandLogoUrl ?? null);
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        AgentRailOverlayContext.Provider,
+        {
+          value: { railRef, overlayRef },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__brand-row", children: [
+                onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "agent-rail__collapse",
+                    "aria-label": "Collapse assist",
+                    onClick: onCollapse,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MinimizeIcon, {})
+                  }
+                ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "agent-rail__close",
+                    "aria-label": "Close agent",
+                    onClick: onClose,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CloseIcon2, {})
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+                resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "agent-rail__identity", children: [
+                  showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    "img",
+                    {
+                      className: "agent-rail__brand-logo",
+                      src: resolvedBrandLogoUrl,
+                      alt: "",
+                      onError: () => {
+                        setFailedLogoUrl(resolvedBrandLogoUrl ?? null);
+                      }
+                    }
+                  ) }) : null,
+                  resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+                ] }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "agent-rail__actions", children: [
+                  onReset ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "agent-rail__new-chat",
+                      "aria-label": "Start a new conversation",
+                      disabled: !hasVisitorMessages2,
+                      onClick: handleReset,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(NewChatIcon, {})
+                    }
+                  ) : null,
+                  onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "agent-rail__expand",
+                      "aria-label": expanded ? "Exit full screen" : "Open full screen",
+                      onClick: onExpandToggle,
+                      children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ExpandIcon, {})
+                    }
+                  ) : null
+                ] })
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__thread", children: [
+                !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+                  greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    MessageBubble,
+                    {
+                      message: greeting,
+                      bookingDisabled: isBusy,
+                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                      onBook
+                    }
+                  ) : null,
+                  showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    FollowUpChips,
+                    {
+                      suggestions: state.followUps,
+                      disabled: isBusy,
+                      label: "Start here",
+                      onSelect: (suggestion) => handleFollowUpSelect(suggestion.label)
+                    }
+                  ) }) : null,
+                  showActivity ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    AgentActivityBubble,
+                    {
+                      brandLabel: resolvedBrandLabel,
+                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                      failed: state.phase === "error",
+                      steps: state.toolSteps
+                    }
+                  ) : null,
+                  visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    VisitorToolResultView,
+                    {
+                      result,
+                      disabled: semanticSurfaceDisabled,
+                      onToolInput
+                    },
+                    result.id
+                  )),
+                  pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    HumanInputCard,
+                    {
+                      request,
+                      onRespond: onInputResponse
+                    },
+                    request.requestId
+                  ))
+                ] }) : null,
+                visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__turn-block", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    MessageBubble,
+                    {
+                      message,
+                      bookingDisabled: isBusy,
+                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                      offer: index === lastAgentIndex ? state.pendingOffer : void 0,
+                      onBook
+                    }
+                  ),
+                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    MessageActions,
+                    {
+                      answeredAt: message.createdAt,
+                      copyText: hideToolCardFences(message.text).trim() || message.text,
+                      readAloud,
+                      receiptSteps,
+                      onOpenReceipt: receiptSteps ? openReceipt : void 0,
+                      onRegenerate: onRegenerate ? handleRegenerate : void 0,
+                      onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
+                    }
+                  ) : null,
+                  index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                    showActivity ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      AgentActivityBubble,
+                      {
+                        brandLabel: resolvedBrandLabel,
+                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                        failed: state.phase === "error",
+                        steps: state.toolSteps
+                      }
+                    ) : null,
+                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      VisitorToolResultView,
+                      {
+                        result,
+                        disabled: semanticSurfaceDisabled,
+                        onToolInput
+                      },
+                      result.id
+                    )),
+                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      HumanInputCard,
+                      {
+                        request,
+                        onRespond: onInputResponse
+                      },
+                      request.requestId
+                    ))
+                  ] }) : null
+                ] }, message.id)),
+                streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  MessageBubble,
+                  {
+                    message: streamingMessage,
+                    bookingDisabled: isBusy,
+                    brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                    offer: state.pendingOffer,
+                    onBook
+                  }
+                ) : null,
+                waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BookingCardLoader, {}) : null,
+                state.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Something went wrong" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: state.error })
+                  ] }),
+                  onRetry ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+                ] }) : null
+              ] }) }),
+              showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                "a",
+                {
+                  href: disclaimerLink,
+                  rel: "noopener noreferrer",
+                  target: "_blank",
+                  children: resolvedDisclaimerLabel
                 }
-              }
-            ) }) : null,
-            resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
-          ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "agent-rail__actions", children: [
-            onReset ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "button",
-              {
-                type: "button",
-                className: "agent-rail__new-chat",
-                "aria-label": "Start a new conversation",
-                disabled: !hasVisitorMessages2,
-                onClick: onReset,
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NewChatIcon, {})
-              }
-            ) : null,
-            onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "button",
-              {
-                type: "button",
-                className: "agent-rail__expand",
-                "aria-label": expanded ? "Exit full screen" : "Open full screen",
-                onClick: onExpandToggle,
-                children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ExpandIcon, {})
-              }
-            ) : null
-          ] })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "agent-rail__thread", children: [
-          !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-            greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              MessageBubble,
-              {
-                message: greeting,
-                bookingDisabled: isBusy,
-                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                onBook
-              }
-            ) : null,
-            showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              FollowUpChips,
-              {
-                suggestions: state.followUps,
-                disabled: isBusy,
-                label: "Start here",
-                onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
-              }
-            ) }) : null,
-            showActivity ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              AgentActivityBubble,
+              ) : resolvedDisclaimerLabel }) }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
+                showJumpToLatest ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "agent-rail__jump-to-latest",
+                    "aria-label": "Jump to the latest message",
+                    title: "Jump to the latest message",
+                    onClick: scrollToLatest,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronDownIcon, {})
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  Composer,
+                  {
+                    variant: expanded || mobileFullscreen ? "dock" : "default",
+                    disabled: isBusy,
+                    form: composerForm,
+                    placeholder: composerPlaceholder,
+                    onSubmit: handleSubmit
+                  }
+                ),
+                poweredByLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: poweredByLabel }) }) }) : null
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: overlayRef, className: "agent-rail__overlay" }),
+            receiptOpen && receiptSteps ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              AnswerReceiptDialog,
               {
                 brandLabel: resolvedBrandLabel,
-                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                failed: state.phase === "error",
-                steps: state.toolSteps
+                onClose: () => setReceiptOpen(false),
+                steps: receiptSteps
               }
-            ) : null,
-            visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              VisitorToolResultView,
-              {
-                result,
-                disabled: semanticSurfaceDisabled,
-                onToolInput
-              },
-              result.id
-            )),
-            pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              HumanInputCard,
-              {
-                request,
-                onRespond: onInputResponse
-              },
-              request.requestId
-            ))
-          ] }) : null,
-          visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "agent-rail__turn-block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              MessageBubble,
-              {
-                message,
-                bookingDisabled: isBusy,
-                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                offer: index === lastAgentIndex ? state.pendingOffer : void 0,
-                onBook
-              }
-            ),
-            index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-              showActivity ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                AgentActivityBubble,
-                {
-                  brandLabel: resolvedBrandLabel,
-                  brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                  failed: state.phase === "error",
-                  steps: state.toolSteps
-                }
-              ) : null,
-              visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                VisitorToolResultView,
-                {
-                  result,
-                  disabled: semanticSurfaceDisabled,
-                  onToolInput
-                },
-                result.id
-              )),
-              pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                HumanInputCard,
-                {
-                  request,
-                  onRespond: onInputResponse
-                },
-                request.requestId
-              ))
-            ] }) : null
-          ] }, message.id)),
-          streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            MessageBubble,
-            {
-              message: streamingMessage,
-              bookingDisabled: isBusy,
-              brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-              offer: state.pendingOffer,
-              onBook
-            }
-          ) : null,
-          waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BookingCardLoader, {}) : null,
-          state.error ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: "Something went wrong" }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: state.error })
-            ] }),
-            onRetry ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
-          ] }) : null
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            Composer,
-            {
-              variant: expanded || mobileFullscreen ? "dock" : "default",
-              disabled: isBusy,
-              form: composerForm,
-              placeholder: composerPlaceholder,
-              onSubmit
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "AI can make mistakes. Check important info." }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: poweredByLabel })
-          ] }) })
-        ] })
-      ]
+            ) : null
+          ]
+        }
+      )
     }
   );
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function SparklesIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "svg",
     {
       className: "assist-edge-tab__sparkles",
@@ -5356,21 +6374,21 @@ function SparklesIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "path",
           {
             d: "M8 1.2l.95 2.7 2.85.05-2.25 1.75.8 2.75L8 6.7 5.65 8.45l.8-2.75L4.2 3.95l2.85-.05L8 1.2z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "path",
           {
             d: "M14.2 6.4l.55 1.55 1.65.03-1.3 1 .46 1.58-1.36-1-1.36 1 .46-1.58-1.3-1 1.65-.03.55-1.55z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "path",
           {
             d: "M3.1 9.1l.4 1.15 1.22.02-.96.74.34 1.17-1-.74-1 .74.34-1.17-.96-.74 1.22-.02.4-1.15z",
@@ -5384,7 +6402,7 @@ function SparklesIcon() {
 function TabMarkIcon({ customIconUrl }) {
   const url = customIconUrl?.trim();
   if (url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "img",
       {
         alt: "",
@@ -5394,10 +6412,10 @@ function TabMarkIcon({ customIconUrl }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SparklesIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SparklesIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -5408,8 +6426,8 @@ function ChevronLeftIcon() {
     }
   ) });
 }
-function ChevronDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+function ChevronDownIcon2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -5421,7 +6439,7 @@ function ChevronDownIcon() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("i", {}, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -5467,7 +6485,7 @@ function AssistEdgeTab({
     ...resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: resolvedColorScheme
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "button",
     {
       type: "button",
@@ -5479,15 +6497,15 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        mobile ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        mobile ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "span",
             {
               className: "assist-edge-tab__mark assist-edge-tab__mark--mobile",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TabMarkIcon, { customIconUrl }),
-                showLogo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabMarkIcon, { customIconUrl }),
+                showLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "img",
                   {
                     className: "assist-edge-tab__logo",
@@ -5501,11 +6519,11 @@ function AssistEdgeTab({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel })
-        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel })
+        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -5517,18 +6535,18 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDownIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDownIcon2, {})
         ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronLeftIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DragDots, {})
+        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeftIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DragDots, {})
         ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -5540,16 +6558,72 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronLeftIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeftIcon, {})
         ] }) : null
       ]
     }
   );
 }
 
+// src/react/lib/agent-feedback.ts
+var AGENT_ANSWER_FEEDBACK_EVENT_TYPE = "agent_answer_feedback";
+function findPrecedingVisitorText(messages, agentMessageId) {
+  const agentIndex = messages.findIndex(
+    (message) => message.id === agentMessageId && message.role === "agent"
+  );
+  if (agentIndex < 0) return void 0;
+  for (let index = agentIndex - 1; index >= 0; index -= 1) {
+    const message = messages[index];
+    if (message?.role === "visitor") {
+      return message.text.trim() || void 0;
+    }
+  }
+  return void 0;
+}
+function normalizeAgentFeedbackAnswerText(text) {
+  const normalized = text.replace(/\s+/g, " ").trim();
+  if (!normalized) return void 0;
+  return normalized.length > 4e3 ? `${normalized.slice(0, 3997)}...` : normalized;
+}
+function buildAgentAnswerFeedbackEvent(input) {
+  const positive = input.rating === "positive";
+  const answer = input.answer ? normalizeAgentFeedbackAnswerText(input.answer) : void 0;
+  return {
+    event_type: AGENT_ANSWER_FEEDBACK_EVENT_TYPE,
+    company: input.analytics.companyIndex,
+    session_id: input.visitorSessionId,
+    page: input.page,
+    timestamp: Date.now(),
+    tracking_consent: input.analytics.trackingConsent,
+    feedback_value: positive ? 1 : -1,
+    // Aggregate-safe rating enum, kept even for anonymous (no-consent) events.
+    feedback_rating: positive ? "helpful" : "not_helpful",
+    surface: "agent_panel",
+    index_id: input.indexId,
+    index_version: input.version,
+    message_id: input.messageId,
+    ...input.agentSessionId ? { agent_session_id: input.agentSessionId } : {},
+    ...input.analytics.trackingConsent && input.query ? { query: input.query } : {},
+    ...input.analytics.trackingConsent && answer ? { answer } : {}
+  };
+}
+function sendAgentAnswerFeedback(eventUrl, event) {
+  try {
+    void fetch(eventUrl, {
+      body: JSON.stringify(event),
+      credentials: "omit",
+      headers: { "Content-Type": "application/json" },
+      keepalive: true,
+      method: "POST"
+    }).catch(() => {
+    });
+  } catch {
+  }
+}
+
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function AgentWidget({
   indexId,
   customerId,
@@ -5563,13 +6637,14 @@ function AgentWidget({
   registerPanelController = false,
   colorScheme = "auto",
   branding,
+  analytics,
   toolResultRegistry
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = (0, import_react12.useRef)(null);
-  const [railCollapsed, setRailCollapsed] = (0, import_react12.useState)(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = (0, import_react12.useState)(false);
+  const railSlotRef = (0, import_react15.useRef)(null);
+  const [railCollapsed, setRailCollapsed] = (0, import_react15.useState)(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = (0, import_react15.useState)(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -5580,7 +6655,17 @@ function AgentWidget({
     active: pageShiftActive,
     railSlotRef
   });
-  const { state, reset, retry, respondToInput, respondToToolInput, submit } = useAgentChat({
+  const {
+    state,
+    reset,
+    retry,
+    regenerate,
+    respondToInput,
+    respondToToolInput,
+    submit,
+    visitorSessionId,
+    sessionId
+  } = useAgentChat({
     customerId,
     getUnpublishedPreviewGrant,
     indexId,
@@ -5612,7 +6697,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -5629,7 +6714,25 @@ function AgentWidget({
     if (isMobile) setRailCollapsed(false);
     await submit(message);
   }
-  (0, import_react12.useEffect)(() => {
+  function handleFeedback(rating, message) {
+    if (!analytics) return;
+    sendAgentAnswerFeedback(
+      analytics.eventUrl,
+      buildAgentAnswerFeedbackEvent({
+        agentSessionId: sessionId,
+        analytics,
+        indexId,
+        messageId: message.id,
+        page: window.location.href,
+        query: findPrecedingVisitorText(state.messages, message.id),
+        answer: message.text,
+        rating,
+        version: version ?? "published",
+        visitorSessionId
+      })
+    );
+  }
+  (0, import_react15.useEffect)(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -5663,19 +6766,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               AgentRail,
               {
                 theme,
@@ -5683,7 +6786,11 @@ function AgentWidget({
                 brandLabel: agentName,
                 brandLogoUrl: branding?.logoUrl,
                 composerPlaceholder: branding?.composerPlaceholder ?? "Ask a question\u2026",
-                poweredByLabel: branding?.poweredByLabel ?? "Powered by Webless",
+                poweredByLabel: branding?.poweredByLabel,
+                disclaimerLabel: branding?.disclaimer,
+                disclaimerLink: branding?.disclaimerLink,
+                answerReceipt: branding?.answerReceipt,
+                readAloud: branding?.readAloud,
                 state,
                 mobileFullscreen: isMobile && !railCollapsed,
                 expanded: railExpanded,
@@ -5693,6 +6800,8 @@ function AgentWidget({
                 onSubmit: handleSubmit,
                 onReset: reset,
                 onRetry: () => void retry(),
+                onRegenerate: () => void regenerate(),
+                onFeedback: analytics ? handleFeedback : void 0,
                 onInputResponse: (response) => void respondToInput(response),
                 onToolInput: (surface, values) => void respondToToolInput(surface, values),
                 onFollowUpSelect: (label) => void handleSubmit(label),
@@ -5706,7 +6815,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -5745,12 +6854,12 @@ function readUnpublishedPreviewBuildId(href) {
 }
 
 // src/embed/AgentWidget.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function AgentWidget2({
   manifest
 }) {
   const defaultCollapsed = manifest.version !== "unpublished";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     AgentWidget,
     {
       indexId: manifest.indexId,
@@ -5762,6 +6871,7 @@ function AgentWidget2({
       pageShift: manifest.pageShift,
       colorScheme: manifest.colorScheme,
       branding: manifest.branding,
+      analytics: manifest.analytics,
       defaultCollapsed,
       registerPanelController: true
     }
@@ -5792,6 +6902,7 @@ function normalizeAgentTagManifest(manifest) {
     runtimeOrigin: manifest.runtimeOrigin?.trim() || DEFAULT_RUNTIME_ORIGIN
   });
   const branding = normalizeAgentBranding(manifest.branding);
+  const analytics = normalizeAgentAnalytics(manifest.analytics);
   return {
     customerId,
     indexId,
@@ -5804,13 +6915,47 @@ function normalizeAgentTagManifest(manifest) {
     placement: normalizeAgentPlacement(manifest.placement),
     pageShift: manifest.pageShift ?? true,
     colorScheme,
-    ...branding ? { branding } : {}
+    ...branding ? { branding } : {},
+    ...analytics ? { analytics } : {}
+  };
+}
+function normalizeAgentAnalytics(analytics) {
+  if (!analytics) return void 0;
+  const companyIndex = analytics.companyIndex?.trim() ?? "";
+  const eventUrl = analytics.eventUrl?.trim() ?? "";
+  if (!companyIndex || !eventUrl) return void 0;
+  try {
+    const parsed = new URL(eventUrl);
+    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") {
+      return void 0;
+    }
+  } catch {
+    return void 0;
+  }
+  return {
+    companyIndex,
+    eventUrl,
+    trackingConsent: analytics.trackingConsent === true
   };
 }
 function normalizeOptionalValue(value) {
   const normalized = value?.trim();
   return normalized || void 0;
 }
+function normalizeOptionalHttpUrl(value) {
+  if (value === null) return null;
+  const normalized = value?.trim();
+  if (!normalized) return void 0;
+  try {
+    const url = new URL(normalized);
+    if (url.protocol !== "http:" && url.protocol !== "https:") {
+      return void 0;
+    }
+    return normalized;
+  } catch {
+    return void 0;
+  }
+}
 function normalizeAgentBranding(branding) {
   if (!branding) return void 0;
   const colors = branding.colors ? Object.fromEntries(
@@ -5827,6 +6972,10 @@ function normalizeAgentBranding(branding) {
     greeting: normalizeOptionalValue(branding.greeting),
     composerPlaceholder: normalizeOptionalValue(branding.composerPlaceholder),
     poweredByLabel: normalizeOptionalValue(branding.poweredByLabel),
+    disclaimer: branding.disclaimer === null ? null : normalizeOptionalValue(branding.disclaimer),
+    disclaimerLink: normalizeOptionalHttpUrl(branding.disclaimerLink),
+    answerReceipt: branding.answerReceipt === true ? true : void 0,
+    readAloud: branding.readAloud === true ? true : void 0,
     fontFamily: normalizeOptionalValue(branding.fontFamily),
     colors: colors && Object.keys(colors).length > 0 ? colors : void 0
   };
@@ -5834,7 +6983,7 @@ function normalizeAgentBranding(branding) {
 }
 
 // src/embed/mount.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var mountedHandles = /* @__PURE__ */ new Map();
 var latestCustomerId = null;
 function resolveMountHost(manifest, script) {
@@ -5864,7 +7013,7 @@ function mountAgent(input) {
   const host = createHost(manifest.customerId);
   mountTarget.append(host);
   const root = (0, import_client5.createRoot)(host);
-  root.render(/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AgentWidget2, { manifest }));
+  root.render(/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AgentWidget2, { manifest }));
   const handle = {
     customerId: manifest.customerId,
     manifest,