@webless/agent 0.6.11 → 0.7.0

package/dist/{chunk-YNF2UPGJ.js → chunk-CYI3OSWG.js}

@@ -1617,6 +1617,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) {
@@ -1801,6 +1815,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,
@@ -2136,6 +2184,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()
@@ -2736,6 +2789,7 @@ function useAgentChat({
       const {
         controller,
         initialText = "",
+        regenerate: regenerate2 = false,
         responses,
         resume,
         visitorText
@@ -2847,6 +2901,9 @@ function useAgentChat({
           initialText,
           message: visitorText,
           signal
+        }) : regenerate2 ? await clientRef.current.regenerateTurn(visitorText, {
+          handlers,
+          signal
         }) : await clientRef.current.sendTurn(visitorText, {
           handlers,
           signal
@@ -3063,6 +3120,49 @@ ${outgoing}` : outgoing;
       visitorText: visitorTurnText(visitorMessage)
     });
   }, [runTurn, state.messages]);
+  const regenerate = 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 = useCallback(
     async (surface, values) => {
       await submit(`${surface.title} submitted`, {
@@ -3139,6 +3239,7 @@ ${outgoing}` : outgoing;
     state,
     reset,
     retry,
+    regenerate,
     respondToInput,
     respondToToolInput,
     submit,
@@ -3244,8 +3345,505 @@ var defaultDarkAgentRailTheme = {
   danger: "#ff8da1"
 };
 
+// src/react/components/MessageActions/MessageActions.tsx
+import { useEffect as useEffect2, useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+
+// 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";
+}
+
+// src/react/components/AgentRail/AgentRailOverlayContext.tsx
+import { createContext, useContext } from "react";
+var AgentRailOverlayContext = createContext(null);
+function useAgentRailPortalRoots() {
+  return useContext(AgentRailOverlayContext);
+}
+function useAgentRailMenuPortalRoot() {
+  return useContext(AgentRailOverlayContext)?.railRef ?? null;
+}
+
+// src/react/components/MessageActions/MessageActions.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CopyIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "5.75",
+        y: "5.75",
+        width: "7.5",
+        height: "7.5",
+        rx: "1.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.5 8.5l3 3 6-7",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ThumbUpIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.67 6.67v8",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("g", { transform: "rotate(180 8 8)", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.67 6.67v8",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ 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__ */ jsx(
+      "path",
+      {
+        d: "M14 2v3.33h-3.33",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx(
+      "path",
+      {
+        d: "M5.33 10.67H2V14",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function MoreIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "3.5", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12.5", cy: "8", r: "1.15", fill: "currentColor" })
+  ] });
+}
+function SourcesIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ 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__ */ jsx(
+      "path",
+      {
+        d: "M8 4.5v9",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function ReadAloudIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ 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] = useState2(false);
+  const [rating, setRating] = useState2(null);
+  const [menuOpen, setMenuOpen] = useState2(false);
+  const [menuPosition, setMenuPosition] = useState2(null);
+  const [speaking, setSpeaking] = useState2(false);
+  const copyTimerRef = useRef2(null);
+  const menuRef = useRef2(null);
+  const portaledMenuRef = useRef2(null);
+  const moreButtonRef = useRef2(null);
+  const answeredLabel = formatAnsweredAt(answeredAt ?? 0);
+  const resolvedSpeechText = speechText ?? toSpeechText(copyText);
+  const canReadAloud = readAloud && isSpeechSupported() && resolvedSpeechText;
+  const showMenu = Boolean(answeredLabel) || Boolean(receiptSteps) || canReadAloud;
+  const canOpenReceipt = Boolean(receiptSteps) && Boolean(onOpenReceipt);
+  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]);
+  useEffect2(
+    () => () => {
+      if (copyTimerRef.current !== null) {
+        window.clearTimeout(copyTimerRef.current);
+      }
+      if (speaking) window.speechSynthesis.cancel();
+    },
+    // Cancel speech only when this answer's actions unmount.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  useEffect2(() => {
+    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) {
+      window.speechSynthesis.cancel();
+      setSpeaking(false);
+      return;
+    }
+    const utterance = new SpeechSynthesisUtterance(resolvedSpeechText);
+    utterance.onend = () => setSpeaking(false);
+    utterance.onerror = () => setSpeaking(false);
+    window.speechSynthesis.cancel();
+    window.speechSynthesis.speak(utterance);
+    setSpeaking(true);
+  }
+  const menu = menuOpen ? /* @__PURE__ */ 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__ */ jsxs("p", { className: "agent-message-actions__menu-meta", children: [
+          "Answered ",
+          answeredLabel
+        ] }) : null,
+        canOpenReceipt ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "agent-message-actions__menu-item",
+            role: "menuitem",
+            onClick: () => {
+              setMenuOpen(false);
+              onOpenReceipt?.();
+            },
+            children: [
+              /* @__PURE__ */ jsx(SourcesIcon, {}),
+              "View sources"
+            ]
+          }
+        ) : null,
+        canReadAloud ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "agent-message-actions__menu-item",
+            role: "menuitem",
+            onClick: handleReadAloud,
+            children: [
+              speaking ? /* @__PURE__ */ jsx(StopIcon, {}) : /* @__PURE__ */ jsx(ReadAloudIcon, {}),
+              speaking ? "Stop reading" : "Read aloud"
+            ]
+          }
+        ) : null
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs("div", { className: "agent-message-actions", "aria-label": "Answer actions", children: [
+    /* @__PURE__ */ 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__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx(ThumbUpIcon, {})
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx(ThumbDownIcon, {})
+      }
+    ),
+    onRegenerate ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "agent-message-actions__button",
+        "aria-label": "Regenerate answer",
+        title: "Regenerate answer",
+        disabled,
+        onClick: onRegenerate,
+        children: /* @__PURE__ */ jsx(RegenerateIcon, {})
+      }
+    ) : null,
+    showMenu ? /* @__PURE__ */ jsxs("div", { className: "agent-message-actions__more", ref: menuRef, children: [
+      /* @__PURE__ */ 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__ */ jsx(MoreIcon, {})
+        }
+      ),
+      menuPortalRoot?.current && menu ? createPortal(menu, menuPortalRoot.current) : menu
+    ] }) : null
+  ] });
+}
+
 // src/react/components/AgentRail/AgentRail.tsx
-import { useEffect as useEffect4, useRef as useRef4, useState as useState8 } from "react";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState9 } from "react";
 
 // src/react/hooks/useAgentColorScheme.ts
 import { useSyncExternalStore } from "react";
@@ -3278,8 +3876,8 @@ function resolveAgentColorScheme(colorScheme = "auto", prefersDarkMode) {
 }
 
 // src/react/components/AgentActivityBubble/AgentActivityBubble.tsx
-import { useState as useState2 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function joinLabels(labels) {
   if (labels.length <= 1) return labels[0] ?? "";
   if (labels.length === 2) return `${labels[0]} and ${labels[1]}`;
@@ -3329,6 +3927,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__ */ jsx2("ol", { className: "agent-activity-bubble__steps", children: visibleSteps.map((step) => {
+    const detail = stepDetail(step, steps);
+    const child = delegated && step.kind === "specialist";
+    return /* @__PURE__ */ jsxs2(
+      "li",
+      {
+        className: `agent-activity-bubble__step${child ? " agent-activity-bubble__step--child" : ""}`,
+        "data-kind": step.kind,
+        "data-state": step.state,
+        children: [
+          /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "agent-activity-bubble__step-icon",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs2("span", { className: "agent-activity-bubble__step-copy", children: [
+            /* @__PURE__ */ jsx2("span", { className: "agent-activity-bubble__step-heading", children: /* @__PURE__ */ jsx2("strong", { children: stepLabel(step, brandLabel) }) }),
+            detail ? /* @__PURE__ */ jsx2("span", { className: "agent-activity-bubble__step-detail", children: detail }) : null,
+            delegated && step.kind === "planning" ? /* @__PURE__ */ jsxs2("span", { className: "agent-activity-bubble__delegation", children: [
+              "Delegated ",
+              delegationCount,
+              " ",
+              delegationCount === 1 ? "task" : "tasks"
+            ] }) : null,
+            step.state === "error" && onRetryStep ? /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                className: "agent-activity-bubble__step-retry",
+                onClick: () => onRetryStep(step),
+                children: "Retry"
+              }
+            ) : null
+          ] })
+        ]
+      },
+      step.id
+    );
+  }) });
+}
 function AgentActivityBubble({
   brandLabel = "",
   failed = false,
@@ -3337,37 +3989,30 @@ function AgentActivityBubble({
 }) {
   const active = steps.some((step) => step.state === "active");
   const receiptId = steps.map((step) => step.id).join(":");
-  const [expandedReceiptId, setExpandedReceiptId] = useState2(
+  const [expandedReceiptId, setExpandedReceiptId] = useState3(
     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)
-  );
-  return /* @__PURE__ */ jsxs("article", { className: "agent-activity-bubble", children: [
-    /* @__PURE__ */ jsxs("p", { className: "agent-activity-bubble__status", "aria-live": "polite", children: [
-      /* @__PURE__ */ jsx(
+  const detailsOpen = !active && expandedReceiptId === receiptId;
+  return /* @__PURE__ */ jsxs2("article", { className: "agent-activity-bubble", children: [
+    /* @__PURE__ */ jsxs2("p", { className: "agent-activity-bubble__status", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx2(
         "span",
         {
           className: `agent-activity-bubble__pulse${active ? " is-active" : failed ? " is-error" : ""}`,
           "aria-hidden": "true"
         }
       ),
-      workSummary(steps, failed, brandLabel)
+      workSummary(steps, failed, brandLabel),
+      active ? "\u2026" : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "agent-activity-bubble__details", children: [
-      /* @__PURE__ */ jsx(
+    !active ? /* @__PURE__ */ jsxs2("div", { className: "agent-activity-bubble__details", children: [
+      /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
           className: "agent-activity-bubble__summary",
           "aria-expanded": detailsOpen,
           onClick: () => {
-            if (active) return;
             setExpandedReceiptId(
               (current) => current === receiptId ? null : receiptId
             );
@@ -3375,61 +4020,138 @@ function AgentActivityBubble({
           children: "How this answer was made"
         }
       ),
-      detailsOpen ? /* @__PURE__ */ jsx("ol", { className: "agent-activity-bubble__steps", children: visibleSteps.map((step) => {
-        const detail = stepDetail(step, steps);
-        const child = delegated && step.kind === "specialist";
-        return /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: `agent-activity-bubble__step${child ? " agent-activity-bubble__step--child" : ""}`,
-            "data-kind": step.kind,
-            "data-state": step.state,
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "agent-activity-bubble__step-icon",
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { className: "agent-activity-bubble__step-copy", children: [
-                /* @__PURE__ */ jsx("span", { className: "agent-activity-bubble__step-heading", children: /* @__PURE__ */ jsx("strong", { children: stepLabel(step, brandLabel) }) }),
-                detail ? /* @__PURE__ */ jsx("span", { className: "agent-activity-bubble__step-detail", children: detail }) : null,
-                delegated && step.kind === "planning" ? /* @__PURE__ */ jsxs("span", { className: "agent-activity-bubble__delegation", children: [
-                  "Delegated ",
-                  delegationCount,
-                  " ",
-                  delegationCount === 1 ? "task" : "tasks"
-                ] }) : null,
-                step.state === "error" && onRetryStep ? /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "agent-activity-bubble__step-retry",
-                    onClick: () => onRetryStep(step),
-                    children: "Retry"
-                  }
-                ) : null
-              ] })
-            ]
-          },
-          step.id
-        );
-      }) }) : null
-    ] })
+      detailsOpen ? /* @__PURE__ */ jsx2(
+        AgentWorkSteps,
+        {
+          brandLabel,
+          onRetryStep,
+          steps
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+
+// src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var FOCUSABLE_SELECTOR = 'button:not(:disabled), a[href], textarea:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex="-1"])';
+function CloseIcon() {
+  return /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+    "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 = useRef3(null);
+  const closeButtonRef = useRef3(null);
+  const previouslyFocusedRef = useRef3(null);
+  useEffect3(() => {
+    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__ */ jsxs3("div", { className: "agent-receipt-dialog", children: [
+    /* @__PURE__ */ jsx3(
+      "button",
+      {
+        type: "button",
+        className: "agent-receipt-dialog__backdrop",
+        "aria-label": "Close",
+        tabIndex: -1,
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        ref: cardRef,
+        className: "agent-receipt-dialog__card",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "agent-receipt-dialog-title",
+        children: [
+          /* @__PURE__ */ jsxs3("div", { className: "agent-receipt-dialog__header", children: [
+            /* @__PURE__ */ jsx3(
+              "p",
+              {
+                className: "agent-receipt-dialog__title",
+                id: "agent-receipt-dialog-title",
+                children: "How this answer was made"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                ref: closeButtonRef,
+                type: "button",
+                className: "agent-receipt-dialog__close",
+                "aria-label": "Close",
+                onClick: onClose,
+                children: /* @__PURE__ */ jsx3(CloseIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx3("p", { className: "agent-receipt-dialog__summary", children: workSummary(steps, false, brandLabel) }),
+          /* @__PURE__ */ jsx3("div", { className: "agent-receipt-dialog__body", children: /* @__PURE__ */ jsx3(AgentWorkSteps, { brandLabel, steps }) })
+        ]
+      }
+    )
   ] });
+  if (overlayRoot?.current) {
+    return createPortal2(content, overlayRoot.current);
+  }
+  return content;
 }
 
 // src/react/components/Composer/Composer.tsx
 import {
-  useEffect as useEffect2,
+  useEffect as useEffect4,
   useId,
-  useRef as useRef2,
-  useState as useState3
+  useRef as useRef4,
+  useState as useState4
 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function SendIcon() {
-  return /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
     "path",
     {
       d: "M8 12V4M8 4l-3 3M8 4l3 3",
@@ -3452,21 +4174,21 @@ function Composer({
   form = null,
   onSubmit
 }) {
-  const [value, setValue] = useState3("");
-  const [values, setValues] = useState3(
+  const [value, setValue] = useState4("");
+  const [values, setValues] = useState4(
     () => emptyValues(form)
   );
-  const [blurred, setBlurred] = useState3({});
-  const inputRef = useRef2(null);
-  const firstFieldRef = useRef2(null);
+  const [blurred, setBlurred] = useState4({});
+  const inputRef = useRef4(null);
+  const firstFieldRef = useRef4(null);
   const formId = useId();
   const activeForm = form;
   const canSendForm = activeForm ? isComposerFormComplete(activeForm, values) : Boolean(value.trim());
-  useEffect2(() => {
+  useEffect4(() => {
     setValues(emptyValues(form));
     setBlurred({});
   }, [form?.id]);
-  useEffect2(() => {
+  useEffect4(() => {
     if (activeForm) firstFieldRef.current?.focus();
   }, [activeForm?.id]);
   function submitChat() {
@@ -3501,7 +4223,7 @@ function Composer({
       submitForm();
     }
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     "form",
     {
       className: [
@@ -3510,7 +4232,7 @@ function Composer({
         activeForm ? "composer--form" : ""
       ].filter(Boolean).join(" "),
       onSubmit: handleSubmit,
-      children: activeForm ? /* @__PURE__ */ jsxs2("div", { className: "composer__sheet", role: "group", "aria-label": "Required details", children: [
+      children: activeForm ? /* @__PURE__ */ jsxs4("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] ?? "");
@@ -3535,7 +4257,7 @@ function Composer({
             },
             onKeyDown: handleFormKeyDown
           };
-          return /* @__PURE__ */ jsxs2(
+          return /* @__PURE__ */ jsxs4(
             "div",
             {
               className: [
@@ -3543,9 +4265,9 @@ function Composer({
                 field.kind === "textarea" ? "composer__row--grow" : ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ jsxs2("label", { className: "composer__label", htmlFor: fieldId, children: [
-                  /* @__PURE__ */ jsx2("span", { className: "composer__sr-only", children: field.label }),
-                  field.kind === "textarea" ? /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsxs4("label", { className: "composer__label", htmlFor: fieldId, children: [
+                  /* @__PURE__ */ jsx4("span", { className: "composer__sr-only", children: field.label }),
+                  field.kind === "textarea" ? /* @__PURE__ */ jsx4(
                     "textarea",
                     {
                       ...controlProps,
@@ -3555,7 +4277,7 @@ function Composer({
                       className: "composer__control composer__control--area",
                       rows: 3
                     }
-                  ) : /* @__PURE__ */ jsx2(
+                  ) : /* @__PURE__ */ jsx4(
                     "input",
                     {
                       ...controlProps,
@@ -3568,24 +4290,24 @@ function Composer({
                     }
                   )
                 ] }),
-                invalid ? /* @__PURE__ */ jsx2("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__ */ jsx4("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__ */ jsx2("div", { className: "composer__toolbar", children: /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx4("div", { className: "composer__toolbar", children: /* @__PURE__ */ jsx4(
           "button",
           {
             type: "submit",
             className: "composer__send",
             disabled: disabled || !canSendForm,
             "aria-label": "Send details",
-            children: /* @__PURE__ */ jsx2(SendIcon, {})
+            children: /* @__PURE__ */ jsx4(SendIcon, {})
           }
         ) })
-      ] }) : /* @__PURE__ */ jsxs2("div", { className: "composer__field", children: [
-        /* @__PURE__ */ jsx2(
+      ] }) : /* @__PURE__ */ jsxs4("div", { className: "composer__field", children: [
+        /* @__PURE__ */ jsx4(
           "textarea",
           {
             ref: inputRef,
@@ -3600,14 +4322,14 @@ function Composer({
             onKeyDown: handleChatKeyDown
           }
         ),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx4(
           "button",
           {
             type: "submit",
             className: "composer__send",
             disabled: disabled || !value.trim(),
             "aria-label": "Send message",
-            children: /* @__PURE__ */ jsx2(SendIcon, {})
+            children: /* @__PURE__ */ jsx4(SendIcon, {})
           }
         )
       ] })
@@ -3616,7 +4338,7 @@ function Composer({
 }
 
 // src/react/components/FollowUpChips/FollowUpChips.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function FollowUpChips({
   suggestions,
   disabled = false,
@@ -3626,7 +4348,7 @@ function FollowUpChips({
 }) {
   if (suggestions.length === 0) return null;
   if (variant === "dock") {
-    return /* @__PURE__ */ jsx3("div", { className: "followups followups--dock", children: /* @__PURE__ */ jsx3("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx5("div", { className: "followups followups--dock", children: /* @__PURE__ */ jsx5("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -3638,9 +4360,9 @@ function FollowUpChips({
       suggestion.id
     )) }) });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "followups", children: [
-    /* @__PURE__ */ jsx3("span", { className: "followups__label", children: label }),
-    /* @__PURE__ */ jsx3("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs5("div", { className: "followups", children: [
+    /* @__PURE__ */ jsx5("span", { className: "followups__label", children: label }),
+    /* @__PURE__ */ jsx5("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -3655,17 +4377,17 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // src/react/components/BookingCard/BookingCard.tsx
 import {
-  useEffect as useEffect3,
+  useEffect as useEffect5,
   useId as useId2,
   useMemo as useMemo2,
-  useRef as useRef3,
-  useState as useState4
+  useRef as useRef5,
+  useState as useState5
 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
   { id: "time", label: "Time" },
@@ -3696,7 +4418,7 @@ function calendarCells(year, month) {
   return cells;
 }
 function BookingCardLoader() {
-  return /* @__PURE__ */ jsx4("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx4("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
+  return /* @__PURE__ */ jsx6("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx6("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard({
   disabled = false,
@@ -3705,16 +4427,16 @@ function BookingCard({
 }) {
   const fieldId = useId2();
   const defaultType = offer.eventTypes[0]?.uri ?? offer.slots[0]?.eventTypeUri ?? "";
-  const [step, setStep] = useState4("date");
-  const [eventTypeUri, setEventTypeUri] = useState4(defaultType);
-  const [selectedDate, setSelectedDate] = useState4("");
-  const [startTime, setStartTime] = useState4("");
-  const [name, setName] = useState4("");
-  const [email, setEmail] = useState4("");
-  const activeStepRef = useRef3(null);
-  const previousStepRef = useRef3(step);
+  const [step, setStep] = useState5("date");
+  const [eventTypeUri, setEventTypeUri] = useState5(defaultType);
+  const [selectedDate, setSelectedDate] = useState5("");
+  const [startTime, setStartTime] = useState5("");
+  const [name, setName] = useState5("");
+  const [email, setEmail] = useState5("");
+  const activeStepRef = useRef5(null);
+  const previousStepRef = useRef5(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
-  useEffect3(() => {
+  useEffect5(() => {
     if (previousStepRef.current === step) return;
     previousStepRef.current = step;
     activeStepRef.current?.scrollIntoView({ block: "nearest" });
@@ -3731,7 +4453,7 @@ function BookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = useState4(
+  const [visibleMonth, setVisibleMonth] = useState5(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -3795,14 +4517,14 @@ function BookingCard({
       })
     });
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6(
     "section",
     {
       className: "booking-card",
       "aria-busy": disabled || void 0,
       "aria-label": "Book a meeting",
-      children: /* @__PURE__ */ jsxs4("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ jsx4("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs4(
+      children: /* @__PURE__ */ jsxs6("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx6("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs6(
           "li",
           {
             className: [
@@ -3812,40 +4534,40 @@ function BookingCard({
             ].filter(Boolean).join(" "),
             "aria-current": index === stepIndex ? "step" : void 0,
             children: [
-              /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: index + 1 }),
-              /* @__PURE__ */ jsx4("span", { children: item.label })
+              /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ jsx6("span", { children: item.label })
             ]
           },
           item.id
         )) }),
-        step === "date" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-          timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
+        step === "date" ? /* @__PURE__ */ jsxs6("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsx6("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ jsxs6("p", { className: "booking-card__tz", children: [
             "Times in ",
             timeZone
           ] }) : null,
-          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs4(
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs6(
             "label",
             {
               className: "booking-card__field",
               htmlFor: `${fieldId}-type`,
               children: [
-                /* @__PURE__ */ jsx4("span", { children: "Meeting" }),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx6("span", { children: "Meeting" }),
+                /* @__PURE__ */ jsx6(
                   "select",
                   {
                     id: `${fieldId}-type`,
                     value: eventTypeUri,
                     disabled,
                     onChange: (event) => selectEventType(event.target.value),
-                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx4("option", { value: item.uri, children: item.name }, item.uri))
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx6("option", { value: item.uri, children: item.name }, item.uri))
                   }
                 )
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs4("div", { className: "booking-card__month", children: [
-            /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsxs6("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ jsx6(
               "button",
               {
                 type: "button",
@@ -3856,8 +4578,8 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsx4("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx6("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
+            /* @__PURE__ */ jsx6(
               "button",
               {
                 type: "button",
@@ -3869,9 +4591,9 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx4("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx4("span", { children: label }, label)) }),
-          offer.slots.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx6("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ jsx6(
             "div",
             {
               className: "booking-card__calendar",
@@ -3879,7 +4601,7 @@ function BookingCard({
               "aria-label": "Available dates",
               children: cells.map((cell, index) => {
                 if (!cell) {
-                  return /* @__PURE__ */ jsx4(
+                  return /* @__PURE__ */ jsx6(
                     "span",
                     {
                       className: "booking-card__day"
@@ -3889,7 +4611,7 @@ function BookingCard({
                 }
                 const available = availableByDate.has(cell.key);
                 const selected = cell.key === selectedDate;
-                return /* @__PURE__ */ jsx4(
+                return /* @__PURE__ */ jsx6(
                   "button",
                   {
                     type: "button",
@@ -3909,9 +4631,9 @@ function BookingCard({
             }
           )
         ] }, "date") : null,
-        step === "time" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ jsx4(
+        step === "time" ? /* @__PURE__ */ jsxs6("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs6("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx6(
               "button",
               {
                 type: "button",
@@ -3922,15 +4644,15 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsxs4("div", { children: [
-              /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-              timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
+            /* @__PURE__ */ jsxs6("div", { children: [
+              /* @__PURE__ */ jsx6("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ jsxs6("p", { className: "booking-card__tz", children: [
                 "Times in ",
                 timeZone
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx4("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -3942,9 +4664,9 @@ function BookingCard({
             slot.startTime
           )) })
         ] }, "time") : null,
-        step === "details" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ jsx4(
+        step === "details" ? /* @__PURE__ */ jsxs6("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs6("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx6(
               "button",
               {
                 type: "button",
@@ -3955,21 +4677,21 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsxs4("div", { children: [
-              /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: "Enter details" }),
-              /* @__PURE__ */ jsx4("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-              selectedType?.location ? /* @__PURE__ */ jsx4("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            /* @__PURE__ */ jsxs6("div", { children: [
+              /* @__PURE__ */ jsx6("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ jsx6("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ jsx6("p", { className: "booking-card__tz", children: selectedType.location }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "booking-card__identity", children: [
-            /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs6("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ jsxs6(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-name`,
                 children: [
-                  /* @__PURE__ */ jsx4("span", { children: "Name" }),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx6("span", { children: "Name" }),
+                  /* @__PURE__ */ jsx6(
                     "input",
                     {
                       id: `${fieldId}-name`,
@@ -3983,14 +4705,14 @@ function BookingCard({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsxs6(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-email`,
                 children: [
-                  /* @__PURE__ */ jsx4("span", { children: "Email" }),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx6("span", { children: "Email" }),
+                  /* @__PURE__ */ jsx6(
                     "input",
                     {
                       id: `${fieldId}-email`,
@@ -4006,7 +4728,7 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(
             "button",
             {
               type: "submit",
@@ -4024,7 +4746,7 @@ function BookingCard({
 // src/react/components/MessageBubble/MessageBubble.tsx
 import { Streamdown } from "streamdown";
 import "streamdown/styles.css";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function normalizeDedupeText(text) {
   return text.trim().replace(/\s+/g, " ").toLowerCase();
 }
@@ -4068,7 +4790,7 @@ function MessageBubble({
   onBook
 }) {
   const resolvedLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = useState5(null);
+  const [failedLogoUrl, setFailedLogoUrl] = useState6(null);
   const showBrandLogo = Boolean(resolvedLogoUrl) && failedLogoUrl !== resolvedLogoUrl;
   const cards = message.role === "agent" ? extractToolCards(message.text) : [];
   const extractedOffers = cards.filter(
@@ -4081,11 +4803,11 @@ function MessageBubble({
     offers.length > 0 ? sanitizeBookingOfferCopy(visibleText) : looksLikeBookingAvailabilityDump(visibleText) ? sanitizeBookingOfferCopy(visibleText) : visibleText || (isStreaming ? "" : message.text)
   );
   if (message.role === "visitor") {
-    return /* @__PURE__ */ jsx5("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ jsx5("p", { className: "message-bubble__text", children: message.text }) });
+    return /* @__PURE__ */ jsx7("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ jsx7("p", { className: "message-bubble__text", children: message.text }) });
   }
   const citations = message.citations ?? [];
-  const agentText = /* @__PURE__ */ jsxs5("div", { className: "message-bubble__text", children: [
-    /* @__PURE__ */ jsx5(
+  const agentText = /* @__PURE__ */ jsxs7("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ jsx7(
       Streamdown,
       {
         animated: isStreaming,
@@ -4099,8 +4821,8 @@ function MessageBubble({
         children: displayText
       }
     ),
-    citations.length > 0 ? /* @__PURE__ */ jsx5("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ jsx5(
+    citations.length > 0 ? /* @__PURE__ */ jsx7("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs7("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ jsx7(
         "span",
         {
           className: "message-bubble__source-icon",
@@ -4108,12 +4830,12 @@ function MessageBubble({
           children: "\u25A6"
         }
       ),
-      /* @__PURE__ */ jsx5("span", { children: citation.label })
+      /* @__PURE__ */ jsx7("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
-  return /* @__PURE__ */ jsxs5("article", { className: "message-bubble message-bubble--agent", children: [
-    displayText ? showBrandLogo ? /* @__PURE__ */ jsxs5("div", { className: "message-bubble__agent-row", children: [
-      /* @__PURE__ */ jsx5("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs7("article", { className: "message-bubble message-bubble--agent", children: [
+    displayText ? showBrandLogo ? /* @__PURE__ */ jsxs7("div", { className: "message-bubble__agent-row", children: [
+      /* @__PURE__ */ jsx7("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx7(
         "img",
         {
           src: resolvedLogoUrl,
@@ -4125,7 +4847,7 @@ function MessageBubble({
       ) }),
       agentText
     ] }) : agentText : null,
-    offers.map((nextOffer, index) => /* @__PURE__ */ jsx5(
+    offers.map((nextOffer, index) => /* @__PURE__ */ jsx7(
       BookingCard,
       {
         disabled: bookingDisabled,
@@ -4138,10 +4860,10 @@ function MessageBubble({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function ConfirmationCard({
   disabled = false,
   request,
@@ -4150,17 +4872,17 @@ function ConfirmationCard({
   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__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(
     "section",
     {
       className: "confirmation-card",
       "aria-labelledby": `confirmation-${request.requestId}`,
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "confirmation-card__heading", children: [
-          /* @__PURE__ */ jsx6("strong", { id: `confirmation-${request.requestId}`, children: heading }),
-          prompt ? /* @__PURE__ */ jsx6("p", { children: prompt }) : null
+        /* @__PURE__ */ jsxs8("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ jsx8("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ jsx8("p", { children: prompt }) : null
         ] }),
-        /* @__PURE__ */ jsx6("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx8("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
@@ -4180,8 +4902,8 @@ function ConfirmationCard({
 }
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
-import { useState as useState6 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function isRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -4305,7 +5027,7 @@ function FieldDescription({
   field,
   id
 }) {
-  return field.description ? /* @__PURE__ */ jsx7("span", { id, className: "tool-input-card__description", children: field.description }) : null;
+  return field.description ? /* @__PURE__ */ jsx9("span", { id, className: "tool-input-card__description", children: field.description }) : null;
 }
 function ChoiceField({
   field,
@@ -4324,7 +5046,7 @@ function ChoiceField({
     const selectedIndex = options.findIndex(
       (option) => valuesMatch(option.value, value)
     );
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs9(
       "select",
       {
         id,
@@ -4339,13 +5061,13 @@ function ChoiceField({
           if (option) onChange(option.value);
         },
         children: [
-          /* @__PURE__ */ jsx7("option", { value: "", disabled: field.required, children: "Choose an option" }),
-          options.map((option, index) => /* @__PURE__ */ jsx7("option", { value: index, children: option.label }, optionKey(option)))
+          /* @__PURE__ */ jsx9("option", { value: "", disabled: field.required, children: "Choose an option" }),
+          options.map((option, index) => /* @__PURE__ */ jsx9("option", { value: index, children: option.label }, optionKey(option)))
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       className: "tool-input-card__choices",
@@ -4356,8 +5078,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__ */ jsxs7("label", { className: "tool-input-card__choice", children: [
-          /* @__PURE__ */ jsx7(
+        return /* @__PURE__ */ jsxs9("label", { className: "tool-input-card__choice", children: [
+          /* @__PURE__ */ jsx9(
             "input",
             {
               type: multiple ? "checkbox" : "radio",
@@ -4379,7 +5101,7 @@ function ChoiceField({
               }
             }
           ),
-          /* @__PURE__ */ jsx7("span", { children: option.label })
+          /* @__PURE__ */ jsx9("span", { children: option.label })
         ] }, optionKey(option));
       })
     }
@@ -4399,9 +5121,9 @@ function ToolField({
     error ? `${id}-error` : ""
   ].filter(Boolean).join(" ");
   if (field.kind === "checkbox" || field.kind === "confirmation") {
-    return /* @__PURE__ */ jsxs7("div", { className: "tool-input-card__field", children: [
-      /* @__PURE__ */ jsxs7("label", { className: "tool-input-card__check", htmlFor: id, children: [
-        /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__field", children: [
+      /* @__PURE__ */ jsxs9("label", { className: "tool-input-card__check", htmlFor: id, children: [
+        /* @__PURE__ */ jsx9(
           "input",
           {
             id,
@@ -4414,17 +5136,17 @@ function ToolField({
             onChange: (event) => onChange(event.target.checked)
           }
         ),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7("strong", { children: field.label }),
-          field.description ? /* @__PURE__ */ jsx7("span", { id: `${id}-description`, children: field.description }) : null
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9("strong", { children: field.label }),
+          field.description ? /* @__PURE__ */ jsx9("span", { id: `${id}-description`, children: field.description }) : null
         ] })
       ] }),
-      error ? /* @__PURE__ */ jsx7("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+      error ? /* @__PURE__ */ jsx9("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
     ] });
   }
-  const label = /* @__PURE__ */ jsxs7("label", { id: `${id}-label`, htmlFor: id, children: [
+  const label = /* @__PURE__ */ jsxs9("label", { id: `${id}-label`, htmlFor: id, children: [
     field.label,
-    field.required ? /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: " *" }) : null
+    field.required ? /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
   const common = {
     id,
@@ -4436,7 +5158,7 @@ function ToolField({
   };
   let control;
   if (field.kind === "select" || field.kind === "radio" || field.kind === "multi-select") {
-    control = /* @__PURE__ */ jsx7(
+    control = /* @__PURE__ */ jsx9(
       ChoiceField,
       {
         field,
@@ -4450,7 +5172,7 @@ function ToolField({
       }
     );
   } else if (field.kind === "textarea" || field.kind === "json") {
-    control = /* @__PURE__ */ jsx7(
+    control = /* @__PURE__ */ jsx9(
       "textarea",
       {
         ...common,
@@ -4464,8 +5186,8 @@ function ToolField({
     );
   } else if (field.kind === "range") {
     const numericValue = typeof value === "number" ? value : field.min ?? 0;
-    control = /* @__PURE__ */ jsxs7("div", { className: "tool-input-card__range", children: [
-      /* @__PURE__ */ jsx7(
+    control = /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__range", children: [
+      /* @__PURE__ */ jsx9(
         "input",
         {
           ...common,
@@ -4477,11 +5199,11 @@ function ToolField({
           onChange: (event) => onChange(Number(event.target.value))
         }
       ),
-      /* @__PURE__ */ jsx7("output", { htmlFor: id, children: numericValue })
+      /* @__PURE__ */ jsx9("output", { htmlFor: id, children: numericValue })
     ] });
   } else {
     const type = field.kind === "date-time" ? "datetime-local" : field.kind === "calendar" ? "date" : field.kind;
-    control = /* @__PURE__ */ jsx7(
+    control = /* @__PURE__ */ jsx9(
       "input",
       {
         ...common,
@@ -4499,11 +5221,11 @@ function ToolField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs7("div", { className: "tool-input-card__field", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__field", children: [
     label,
-    /* @__PURE__ */ jsx7(FieldDescription, { field, id: `${id}-description` }),
+    /* @__PURE__ */ jsx9(FieldDescription, { field, id: `${id}-description` }),
     control,
-    error ? /* @__PURE__ */ jsx7("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+    error ? /* @__PURE__ */ jsx9("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
   ] });
 }
 function ToolInputCard({
@@ -4511,11 +5233,11 @@ function ToolInputCard({
   surface,
   onSubmit
 }) {
-  const [values, setValues] = useState6(
+  const [values, setValues] = useState7(
     () => initialValues(surface)
   );
-  const [touched, setTouched] = useState6(() => /* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState6(false);
+  const [touched, setTouched] = useState7(() => /* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState7(false);
   const errors = Object.fromEntries(
     surface.fields.map((field) => [
       field.path,
@@ -4540,14 +5262,14 @@ function ToolInputCard({
     onSubmit?.(surface, result);
   }
   if (submitted) {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs9(
       "section",
       {
         className: "tool-input-card tool-input-card--submitted",
         role: "status",
         children: [
-          /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ jsxs7("strong", { children: [
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ jsxs9("strong", { children: [
             surface.title,
             " submitted"
           ] })
@@ -4555,18 +5277,18 @@ function ToolInputCard({
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(
     "section",
     {
       className: "tool-input-card",
       "aria-labelledby": `tool-input-${surface.id}`,
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "tool-input-card__heading", children: [
-          /* @__PURE__ */ jsx7("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
-          surface.description ? /* @__PURE__ */ jsx7("p", { children: surface.description }) : null
+        /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__heading", children: [
+          /* @__PURE__ */ jsx9("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
+          surface.description ? /* @__PURE__ */ jsx9("p", { children: surface.description }) : null
         ] }),
-        /* @__PURE__ */ jsxs7("form", { noValidate: true, onSubmit: submit, children: [
-          /* @__PURE__ */ jsx7("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs9("form", { noValidate: true, onSubmit: submit, children: [
+          /* @__PURE__ */ jsx9("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ jsx9(
             ToolField,
             {
               disabled,
@@ -4579,8 +5301,8 @@ function ToolInputCard({
             },
             field.path
           )) }),
-          /* @__PURE__ */ jsxs7("div", { className: "tool-input-card__actions", children: [
-            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__actions", children: [
+            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
@@ -4593,7 +5315,7 @@ function ToolInputCard({
                 children: surface.actions.find((action) => action.id === "reset")?.label ?? "Clear"
               }
             ) : null,
-            /* @__PURE__ */ jsx7("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
+            /* @__PURE__ */ jsx9("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
           ] })
         ] })
       ]
@@ -4602,17 +5324,17 @@ function ToolInputCard({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function HumanInputCard({
   disabled = false,
   request,
   onRespond
 }) {
-  const [text, setText] = useState7("");
+  const [text, setText] = useState8("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx10(
       ToolInputCard,
       {
         disabled,
@@ -4622,7 +5344,7 @@ function HumanInputCard({
     );
   }
   if (options.length > 0) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx10(
       ConfirmationCard,
       {
         disabled,
@@ -4637,17 +5359,17 @@ function HumanInputCard({
     if (!value || disabled) return;
     onRespond?.({ requestId: request.requestId, text: value });
   }
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(
     "section",
     {
       className: "human-input-card",
       "aria-labelledby": `human-input-${request.requestId}`,
       children: [
-        /* @__PURE__ */ jsx8("div", { className: "human-input-card__heading", children: /* @__PURE__ */ jsx8("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
-        showText ? /* @__PURE__ */ jsxs8("form", { onSubmit: submitText, children: [
-          /* @__PURE__ */ jsx8("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx10("div", { className: "human-input-card__heading", children: /* @__PURE__ */ jsx10("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ jsxs10("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ jsx10("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ jsxs10("div", { children: [
+            /* @__PURE__ */ jsx10(
               "input",
               {
                 id: `human-input-text-${request.requestId}`,
@@ -4656,39 +5378,39 @@ function HumanInputCard({
                 onChange: (event) => setText(event.target.value)
               }
             ),
-            /* @__PURE__ */ jsx8("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
+            /* @__PURE__ */ jsx10("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
           ] })
         ] }) : null,
-        !showText && options.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+        !showText && options.length === 0 ? /* @__PURE__ */ jsx10("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
       ]
     }
   );
 }
 
 // src/react/components/CollectionResultCard/CollectionResultCard.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function CollectionResultCard({
   result
 }) {
   const empty = result.items.length === 0;
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     "section",
     {
       className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx9("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx9("strong", { children: result.title })
+        /* @__PURE__ */ jsxs11("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx11("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx11("strong", { children: result.title })
         ] }),
-        empty ? /* @__PURE__ */ jsx9("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ jsx9("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ jsxs9("li", { children: [
-          /* @__PURE__ */ jsx9("div", { className: "collection-result-card__item-title", children: item.title }),
-          item.description ? /* @__PURE__ */ jsx9("p", { children: item.description }) : null,
-          item.details?.length ? /* @__PURE__ */ jsx9("dl", { children: item.details.map((detail) => /* @__PURE__ */ jsxs9("div", { children: [
-            /* @__PURE__ */ jsx9("dt", { children: detail.label }),
-            /* @__PURE__ */ jsx9("dd", { children: detail.value })
+        empty ? /* @__PURE__ */ jsx11("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ jsx11("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ jsxs11("li", { children: [
+          /* @__PURE__ */ jsx11("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ jsx11("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ jsx11("dl", { children: item.details.map((detail) => /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx11("dt", { children: detail.label }),
+            /* @__PURE__ */ jsx11("dd", { children: detail.value })
           ] }, `${detail.label}:${detail.value}`)) }) : null,
-          item.href ? /* @__PURE__ */ jsx9("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+          item.href ? /* @__PURE__ */ jsx11("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
         ] }, item.title)) })
       ]
     }
@@ -4696,26 +5418,26 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function EntityResultCard({
   result
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       className: `entity-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx10("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx10("strong", { children: result.title })
+        /* @__PURE__ */ jsxs12("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx12("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx12("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ jsx10("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ jsx10("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx10("dt", { children: detail.label }),
-          /* @__PURE__ */ jsx10("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ jsx12("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ jsx12("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx12("dt", { children: detail.label }),
+          /* @__PURE__ */ jsx12("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ jsx10("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx10(
+        result.links?.length ? /* @__PURE__ */ jsx12("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx12(
           "a",
           {
             href: link.href,
@@ -4731,24 +5453,24 @@ function EntityResultCard({
 }
 
 // src/react/components/SignatureResultCard/SignatureResultCard.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function SignatureResultCard({
   result
 }) {
   const primaryLink = result.links?.[0];
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx11("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx11("strong", { children: result.title })
+        /* @__PURE__ */ jsxs13("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx13("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx13("strong", { children: result.title })
         ] }),
-        result.statusLabel ? /* @__PURE__ */ jsx11("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
-        result.description ? /* @__PURE__ */ jsx11("p", { children: result.description }) : null,
-        primaryLink ? /* @__PURE__ */ jsx11(
+        result.statusLabel ? /* @__PURE__ */ jsx13("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ jsx13("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ jsx13(
           "a",
           {
             className: "signature-result-card__cta",
@@ -4764,26 +5486,26 @@ function SignatureResultCard({
 }
 
 // src/react/components/ToolResultCard/ToolResultCard.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function ToolResultCard({
   result
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     "section",
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx12("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx12("strong", { children: result.title })
+        /* @__PURE__ */ jsxs14("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx14("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx14("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ jsx12("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ jsx12("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx12("dt", { children: detail.label }),
-          /* @__PURE__ */ jsx12("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ jsx14("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ jsx14("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx14("dt", { children: detail.label }),
+          /* @__PURE__ */ jsx14("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ jsx12("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx12(
+        result.links?.length ? /* @__PURE__ */ jsx14("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx14(
           "a",
           {
             href: link.href,
@@ -4799,14 +5521,14 @@ function ToolResultCard({
 }
 
 // src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function VisitorToolResultView({
   disabled = false,
   onToolInput,
   result
 }) {
   if (result.kind === "input") {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       ToolInputCard,
       {
         disabled,
@@ -4816,16 +5538,16 @@ function VisitorToolResultView({
     );
   }
   if (result.kind === "entity") {
-    return /* @__PURE__ */ jsx13(EntityResultCard, { result });
+    return /* @__PURE__ */ jsx15(EntityResultCard, { result });
   }
   if (result.kind === "collection") {
-    return /* @__PURE__ */ jsx13(CollectionResultCard, { result });
+    return /* @__PURE__ */ jsx15(CollectionResultCard, { result });
   }
   if (result.kind === "signature") {
-    return /* @__PURE__ */ jsx13(SignatureResultCard, { result });
+    return /* @__PURE__ */ jsx15(SignatureResultCard, { result });
   }
   if (result.kind === "summary") {
-    return /* @__PURE__ */ jsx13(ToolResultCard, { result });
+    return /* @__PURE__ */ jsx15(ToolResultCard, { result });
   }
   return null;
 }
@@ -4834,9 +5556,9 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { Fragment, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function MinimizeIcon() {
-  return /* @__PURE__ */ jsx14("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
     "path",
     {
       d: "M3.5 8h9",
@@ -4846,8 +5568,8 @@ function MinimizeIcon() {
     }
   ) });
 }
-function CloseIcon() {
-  return /* @__PURE__ */ jsx14("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx14(
+function CloseIcon2() {
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -4858,7 +5580,7 @@ function CloseIcon() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ jsx14("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
     "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",
@@ -4870,7 +5592,7 @@ function NewChatIcon() {
   ) });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ jsx14("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -4882,7 +5604,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ jsx14("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -4893,6 +5615,19 @@ function RestoreIcon() {
     }
   ) });
 }
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+    "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,
@@ -4900,6 +5635,9 @@ function AgentRail({
   brandLabel = "",
   brandLogoUrl,
   poweredByLabel = "Powered by Webless",
+  disclaimerLabel,
+  answerReceipt = false,
+  readAloud = false,
   composerPlaceholder = "Ask anything\u2026",
   mobileFullscreen = false,
   expanded = false,
@@ -4908,16 +5646,26 @@ function AgentRail({
   onExpandToggle,
   onReset,
   onRetry,
+  onRegenerate,
+  onFeedback,
   onSubmit,
   onFollowUpSelect,
   onBook,
   onInputResponse,
   onToolInput
 }) {
-  const transcriptRef = useRef4(null);
+  const railRef = useRef6(null);
+  const overlayRef = useRef6(null);
+  const transcriptRef = useRef6(null);
+  const pinnedToBottomRef = useRef6(true);
+  const smoothScrollToLatestRef = useRef6(false);
+  const lockedTranscriptScrollTopRef = useRef6(null);
+  const [showJumpToLatest, setShowJumpToLatest] = useState9(false);
+  const [receiptOpen, setReceiptOpen] = useState9(false);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = useState8(null);
+  const resolvedDisclaimerLabel = disclaimerLabel === void 0 ? DEFAULT_DISCLAIMER_LABEL : disclaimerLabel;
+  const [failedLogoUrl, setFailedLogoUrl] = useState9(null);
   const showBrandLogo = Boolean(resolvedBrandLogoUrl) && failedLogoUrl !== resolvedBrandLogoUrl;
   const resolvedColorScheme = useAgentColorScheme(colorScheme);
   const brandedTheme = { ...defaultAgentRailTheme, ...theme };
@@ -4968,10 +5716,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"
@@ -4993,6 +5746,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",
@@ -5019,10 +5773,36 @@ function AgentRail({
     hasPendingConfirmation,
     enabled: lastIsAgent && !isBusy
   });
-  useEffect4(() => {
+  const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
+  useEffect6(() => {
+    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);
+  }
+  useEffect6(() => {
     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,
@@ -5030,10 +5810,75 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  return /* @__PURE__ */ jsxs13(
+  useEffect6(() => {
+    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);
+  }, []);
+  useEffect6(() => {
+    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();
+  }, []);
+  useEffect6(() => {
+    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__ */ jsx16(
     "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,
@@ -5043,196 +5888,234 @@ function AgentRail({
       autoFocus: mobileFullscreen || expanded,
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
-      children: [
-        /* @__PURE__ */ jsx14("header", { className: "agent-rail__header", children: /* @__PURE__ */ jsxs13("div", { className: "agent-rail__brand-row", children: [
-          onCollapse ? /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              className: "agent-rail__collapse",
-              "aria-label": "Collapse assist",
-              onClick: onCollapse,
-              children: /* @__PURE__ */ jsx14(MinimizeIcon, {})
-            }
-          ) : onClose ? /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              className: "agent-rail__close",
-              "aria-label": "Close agent",
-              onClick: onClose,
-              children: /* @__PURE__ */ jsx14(CloseIcon, {})
-            }
-          ) : /* @__PURE__ */ jsx14("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-          resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ jsxs13("span", { className: "agent-rail__identity", children: [
-            showBrandLogo ? /* @__PURE__ */ jsx14("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx14(
-              "img",
-              {
-                className: "agent-rail__brand-logo",
-                src: resolvedBrandLogoUrl,
-                alt: "",
-                onError: () => {
-                  setFailedLogoUrl(resolvedBrandLogoUrl ?? null);
-                }
-              }
-            ) }) : null,
-            resolvedBrandLabel ? /* @__PURE__ */ jsx14("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
-          ] }) : null,
-          /* @__PURE__ */ jsxs13("span", { className: "agent-rail__actions", children: [
-            onReset ? /* @__PURE__ */ jsx14(
-              "button",
-              {
-                type: "button",
-                className: "agent-rail__new-chat",
-                "aria-label": "Start a new conversation",
-                disabled: !hasVisitorMessages2,
-                onClick: onReset,
-                children: /* @__PURE__ */ jsx14(NewChatIcon, {})
-              }
-            ) : null,
-            onExpandToggle ? /* @__PURE__ */ jsx14(
-              "button",
-              {
-                type: "button",
-                className: "agent-rail__expand",
-                "aria-label": expanded ? "Exit full screen" : "Open full screen",
-                onClick: onExpandToggle,
-                children: expanded ? /* @__PURE__ */ jsx14(RestoreIcon, {}) : /* @__PURE__ */ jsx14(ExpandIcon, {})
-              }
-            ) : null
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx14("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs13("div", { className: "agent-rail__thread", children: [
-          !hasVisitorMessages2 ? /* @__PURE__ */ jsxs13("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-            greeting?.role === "agent" ? /* @__PURE__ */ jsx14(
-              MessageBubble,
-              {
-                message: greeting,
-                bookingDisabled: isBusy,
-                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                onBook
-              }
-            ) : null,
-            showIdleFollowUps ? /* @__PURE__ */ jsx14("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ jsx14(
-              FollowUpChips,
-              {
-                suggestions: state.followUps,
-                disabled: isBusy,
-                label: "Start here",
-                onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
-              }
-            ) }) : null,
-            showActivity ? /* @__PURE__ */ jsx14(
-              AgentActivityBubble,
+      children: /* @__PURE__ */ jsxs15(
+        AgentRailOverlayContext.Provider,
+        {
+          value: { railRef, overlayRef },
+          children: [
+            /* @__PURE__ */ jsxs15("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
+              /* @__PURE__ */ jsx16("header", { className: "agent-rail__header", children: /* @__PURE__ */ jsxs15("div", { className: "agent-rail__brand-row", children: [
+                onCollapse ? /* @__PURE__ */ jsx16(
+                  "button",
+                  {
+                    type: "button",
+                    className: "agent-rail__collapse",
+                    "aria-label": "Collapse assist",
+                    onClick: onCollapse,
+                    children: /* @__PURE__ */ jsx16(MinimizeIcon, {})
+                  }
+                ) : onClose ? /* @__PURE__ */ jsx16(
+                  "button",
+                  {
+                    type: "button",
+                    className: "agent-rail__close",
+                    "aria-label": "Close agent",
+                    onClick: onClose,
+                    children: /* @__PURE__ */ jsx16(CloseIcon2, {})
+                  }
+                ) : /* @__PURE__ */ jsx16("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+                resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ jsxs15("span", { className: "agent-rail__identity", children: [
+                  showBrandLogo ? /* @__PURE__ */ jsx16("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+                    "img",
+                    {
+                      className: "agent-rail__brand-logo",
+                      src: resolvedBrandLogoUrl,
+                      alt: "",
+                      onError: () => {
+                        setFailedLogoUrl(resolvedBrandLogoUrl ?? null);
+                      }
+                    }
+                  ) }) : null,
+                  resolvedBrandLabel ? /* @__PURE__ */ jsx16("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+                ] }) : null,
+                /* @__PURE__ */ jsxs15("span", { className: "agent-rail__actions", children: [
+                  onReset ? /* @__PURE__ */ jsx16(
+                    "button",
+                    {
+                      type: "button",
+                      className: "agent-rail__new-chat",
+                      "aria-label": "Start a new conversation",
+                      disabled: !hasVisitorMessages2,
+                      onClick: handleReset,
+                      children: /* @__PURE__ */ jsx16(NewChatIcon, {})
+                    }
+                  ) : null,
+                  onExpandToggle ? /* @__PURE__ */ jsx16(
+                    "button",
+                    {
+                      type: "button",
+                      className: "agent-rail__expand",
+                      "aria-label": expanded ? "Exit full screen" : "Open full screen",
+                      onClick: onExpandToggle,
+                      children: expanded ? /* @__PURE__ */ jsx16(RestoreIcon, {}) : /* @__PURE__ */ jsx16(ExpandIcon, {})
+                    }
+                  ) : null
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsx16("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs15("div", { className: "agent-rail__thread", children: [
+                !hasVisitorMessages2 ? /* @__PURE__ */ jsxs15("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+                  greeting?.role === "agent" ? /* @__PURE__ */ jsx16(
+                    MessageBubble,
+                    {
+                      message: greeting,
+                      bookingDisabled: isBusy,
+                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                      onBook
+                    }
+                  ) : null,
+                  showIdleFollowUps ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ jsx16(
+                    FollowUpChips,
+                    {
+                      suggestions: state.followUps,
+                      disabled: isBusy,
+                      label: "Start here",
+                      onSelect: (suggestion) => handleFollowUpSelect(suggestion.label)
+                    }
+                  ) }) : null,
+                  showActivity ? /* @__PURE__ */ jsx16(
+                    AgentActivityBubble,
+                    {
+                      brandLabel: resolvedBrandLabel,
+                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                      failed: state.phase === "error",
+                      steps: state.toolSteps
+                    }
+                  ) : null,
+                  visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx16(
+                    VisitorToolResultView,
+                    {
+                      result,
+                      disabled: semanticSurfaceDisabled,
+                      onToolInput
+                    },
+                    result.id
+                  )),
+                  pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx16(
+                    HumanInputCard,
+                    {
+                      request,
+                      onRespond: onInputResponse
+                    },
+                    request.requestId
+                  ))
+                ] }) : null,
+                visibleMessages.map((message, index) => /* @__PURE__ */ jsxs15("div", { className: "agent-rail__turn-block", children: [
+                  /* @__PURE__ */ jsx16(
+                    MessageBubble,
+                    {
+                      message,
+                      bookingDisabled: isBusy,
+                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                      offer: index === lastAgentIndex ? state.pendingOffer : void 0,
+                      onBook
+                    }
+                  ),
+                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ jsx16(
+                    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__ */ jsxs15(Fragment, { children: [
+                    showActivity ? /* @__PURE__ */ jsx16(
+                      AgentActivityBubble,
+                      {
+                        brandLabel: resolvedBrandLabel,
+                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                        failed: state.phase === "error",
+                        steps: state.toolSteps
+                      }
+                    ) : null,
+                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx16(
+                      VisitorToolResultView,
+                      {
+                        result,
+                        disabled: semanticSurfaceDisabled,
+                        onToolInput
+                      },
+                      result.id
+                    )),
+                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx16(
+                      HumanInputCard,
+                      {
+                        request,
+                        onRespond: onInputResponse
+                      },
+                      request.requestId
+                    ))
+                  ] }) : null
+                ] }, message.id)),
+                streamingMessage ? /* @__PURE__ */ jsx16(
+                  MessageBubble,
+                  {
+                    message: streamingMessage,
+                    bookingDisabled: isBusy,
+                    brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                    offer: state.pendingOffer,
+                    onBook
+                  }
+                ) : null,
+                waitingForBooking ? /* @__PURE__ */ jsx16(BookingCardLoader, {}) : null,
+                state.error ? /* @__PURE__ */ jsxs15("section", { className: "agent-rail__error", role: "alert", children: [
+                  /* @__PURE__ */ jsxs15("div", { children: [
+                    /* @__PURE__ */ jsx16("strong", { children: "Something went wrong" }),
+                    /* @__PURE__ */ jsx16("p", { children: state.error })
+                  ] }),
+                  onRetry ? /* @__PURE__ */ jsx16("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+                ] }) : null
+              ] }) }),
+              showDisclaimerLabel ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx16("p", { children: resolvedDisclaimerLabel }) }) : null,
+              /* @__PURE__ */ jsxs15("div", { className: "agent-rail__composer-wrap", children: [
+                showJumpToLatest ? /* @__PURE__ */ jsx16(
+                  "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__ */ jsx16(ChevronDownIcon, {})
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx16(
+                  Composer,
+                  {
+                    variant: expanded || mobileFullscreen ? "dock" : "default",
+                    disabled: isBusy,
+                    form: composerForm,
+                    placeholder: composerPlaceholder,
+                    onSubmit: handleSubmit
+                  }
+                ),
+                poweredByLabel ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx16("p", { children: /* @__PURE__ */ jsx16("span", { children: poweredByLabel }) }) }) : null
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx16("div", { ref: overlayRef, className: "agent-rail__overlay" }),
+            receiptOpen && receiptSteps ? /* @__PURE__ */ jsx16(
+              AnswerReceiptDialog,
               {
                 brandLabel: resolvedBrandLabel,
-                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                failed: state.phase === "error",
-                steps: state.toolSteps
-              }
-            ) : null,
-            visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx14(
-              VisitorToolResultView,
-              {
-                result,
-                disabled: semanticSurfaceDisabled,
-                onToolInput
-              },
-              result.id
-            )),
-            pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx14(
-              HumanInputCard,
-              {
-                request,
-                onRespond: onInputResponse
-              },
-              request.requestId
-            ))
-          ] }) : null,
-          visibleMessages.map((message, index) => /* @__PURE__ */ jsxs13("div", { className: "agent-rail__turn-block", children: [
-            /* @__PURE__ */ jsx14(
-              MessageBubble,
-              {
-                message,
-                bookingDisabled: isBusy,
-                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                offer: index === lastAgentIndex ? state.pendingOffer : void 0,
-                onBook
+                onClose: () => setReceiptOpen(false),
+                steps: receiptSteps
               }
-            ),
-            index === lastVisitorIndex ? /* @__PURE__ */ jsxs13(Fragment, { children: [
-              showActivity ? /* @__PURE__ */ jsx14(
-                AgentActivityBubble,
-                {
-                  brandLabel: resolvedBrandLabel,
-                  brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                  failed: state.phase === "error",
-                  steps: state.toolSteps
-                }
-              ) : null,
-              visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx14(
-                VisitorToolResultView,
-                {
-                  result,
-                  disabled: semanticSurfaceDisabled,
-                  onToolInput
-                },
-                result.id
-              )),
-              pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx14(
-                HumanInputCard,
-                {
-                  request,
-                  onRespond: onInputResponse
-                },
-                request.requestId
-              ))
-            ] }) : null
-          ] }, message.id)),
-          streamingMessage ? /* @__PURE__ */ jsx14(
-            MessageBubble,
-            {
-              message: streamingMessage,
-              bookingDisabled: isBusy,
-              brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-              offer: state.pendingOffer,
-              onBook
-            }
-          ) : null,
-          waitingForBooking ? /* @__PURE__ */ jsx14(BookingCardLoader, {}) : null,
-          state.error ? /* @__PURE__ */ jsxs13("section", { className: "agent-rail__error", role: "alert", children: [
-            /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx14("strong", { children: "Something went wrong" }),
-              /* @__PURE__ */ jsx14("p", { children: state.error })
-            ] }),
-            onRetry ? /* @__PURE__ */ jsx14("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
-          ] }) : null
-        ] }) }),
-        /* @__PURE__ */ jsxs13("div", { className: "agent-rail__composer-wrap", children: [
-          /* @__PURE__ */ jsx14(
-            Composer,
-            {
-              variant: expanded || mobileFullscreen ? "dock" : "default",
-              disabled: isBusy,
-              form: composerForm,
-              placeholder: composerPlaceholder,
-              onSubmit
-            }
-          ),
-          /* @__PURE__ */ jsx14("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsxs13("p", { children: [
-            /* @__PURE__ */ jsx14("span", { children: "AI can make mistakes. Check important info." }),
-            /* @__PURE__ */ jsx14("span", { children: poweredByLabel })
-          ] }) })
-        ] })
-      ]
+            ) : null
+          ]
+        }
+      )
     }
   );
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function SparklesIcon() {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "svg",
     {
       className: "assist-edge-tab__sparkles",
@@ -5240,21 +6123,21 @@ function SparklesIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17(
           "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__ */ jsx15(
+        /* @__PURE__ */ jsx17(
           "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__ */ jsx15(
+        /* @__PURE__ */ jsx17(
           "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",
@@ -5268,7 +6151,7 @@ function SparklesIcon() {
 function TabMarkIcon({ customIconUrl }) {
   const url = customIconUrl?.trim();
   if (url) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx17(
       "img",
       {
         alt: "",
@@ -5278,10 +6161,10 @@ function TabMarkIcon({ customIconUrl }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx15(SparklesIcon, {});
+  return /* @__PURE__ */ jsx17(SparklesIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ jsx15("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -5292,8 +6175,8 @@ function ChevronLeftIcon() {
     }
   ) });
 }
-function ChevronDownIcon() {
-  return /* @__PURE__ */ jsx15("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(
+function ChevronDownIcon2() {
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -5305,7 +6188,7 @@ function ChevronDownIcon() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ jsx15("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ jsx15("i", {}, index)) });
+  return /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ jsx17("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -5351,7 +6234,7 @@ function AssistEdgeTab({
     ...resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: resolvedColorScheme
   };
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
@@ -5363,15 +6246,15 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        mobile ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsxs14(
+        mobile ? /* @__PURE__ */ jsxs16(Fragment2, { children: [
+          /* @__PURE__ */ jsxs16(
             "span",
             {
               className: "assist-edge-tab__mark assist-edge-tab__mark--mobile",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx15(TabMarkIcon, { customIconUrl }),
-                showLogo ? /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx17(TabMarkIcon, { customIconUrl }),
+                showLogo ? /* @__PURE__ */ jsx17(
                   "img",
                   {
                     className: "assist-edge-tab__logo",
@@ -5385,11 +6268,11 @@ function AssistEdgeTab({
               ]
             }
           ),
-          /* @__PURE__ */ jsx15("span", { className: "assist-edge-tab__label", children: visibleLabel })
-        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsxs14("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx15(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel })
+        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs16(Fragment2, { children: [
+          /* @__PURE__ */ jsxs16("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx17(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ jsx17(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -5401,18 +6284,18 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsx15("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx15(ChevronDownIcon, {})
+          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx17(ChevronDownIcon2, {})
         ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(ChevronLeftIcon, {}),
-          /* @__PURE__ */ jsx15("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx15(DragDots, {})
+        variant === "ask" ? /* @__PURE__ */ jsxs16(Fragment2, { children: [
+          /* @__PURE__ */ jsx17(ChevronLeftIcon, {}),
+          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx17(DragDots, {})
         ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsxs14("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx15(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ jsx15(
+        variant === "fill" ? /* @__PURE__ */ jsxs16(Fragment2, { children: [
+          /* @__PURE__ */ jsxs16("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx17(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ jsx17(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -5424,19 +6307,75 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsx15("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx15(ChevronLeftIcon, {})
+          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx17(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
-import { useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
+import { useEffect as useEffect9, useRef as useRef7, useState as useState11 } from "react";
 
 // src/react/page-shift.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect7 } from "react";
 var PAGE_SHIFT_CLASS = "webless-agent-page-shift";
 var DEFAULT_RAIL_WIDTH_PX = 450;
 function shouldApplyPageShift(input) {
@@ -5488,7 +6427,7 @@ function clearPageMargin() {
 }
 function usePageShift(input) {
   const { active, railSlotRef } = input;
-  useEffect5(() => {
+  useEffect7(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -5516,12 +6455,12 @@ function usePageShift(input) {
 }
 
 // src/react/hooks/useIsMobile.ts
-import { useEffect as useEffect6, useState as useState9 } from "react";
+import { useEffect as useEffect8, useState as useState10 } from "react";
 function useIsMobile(breakpoint = 767) {
-  const [isMobile, setIsMobile] = useState9(
+  const [isMobile, setIsMobile] = useState10(
     () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
-  useEffect6(() => {
+  useEffect8(() => {
     const media = window.matchMedia(`(max-width: ${breakpoint}px)`);
     const onChange = () => setIsMobile(media.matches);
     onChange();
@@ -5532,7 +6471,7 @@ function useIsMobile(breakpoint = 767) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function AgentWidget({
   indexId,
   customerId,
@@ -5546,13 +6485,14 @@ function AgentWidget({
   registerPanelController = false,
   colorScheme = "auto",
   branding,
+  analytics,
   toolResultRegistry
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = useRef5(null);
-  const [railCollapsed, setRailCollapsed] = useState10(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = useState10(false);
+  const railSlotRef = useRef7(null);
+  const [railCollapsed, setRailCollapsed] = useState11(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = useState11(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -5563,7 +6503,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,
@@ -5595,7 +6545,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  useEffect7(() => {
+  useEffect9(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -5612,7 +6562,25 @@ function AgentWidget({
     if (isMobile) setRailCollapsed(false);
     await submit(message);
   }
-  useEffect7(() => {
+  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
+      })
+    );
+  }
+  useEffect9(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -5646,19 +6614,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ jsxs15("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs17("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ jsx18(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ jsx16(
+        children: /* @__PURE__ */ jsx18(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx18(
               AgentRail,
               {
                 theme,
@@ -5667,6 +6635,9 @@ function AgentWidget({
                 brandLogoUrl: branding?.logoUrl,
                 composerPlaceholder: branding?.composerPlaceholder ?? "Ask a question\u2026",
                 poweredByLabel: branding?.poweredByLabel ?? "Powered by Webless",
+                disclaimerLabel: branding?.disclaimer,
+                answerReceipt: branding?.answerReceipt,
+                readAloud: branding?.readAloud,
                 state,
                 mobileFullscreen: isMobile && !railCollapsed,
                 expanded: railExpanded,
@@ -5676,6 +6647,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),
@@ -5689,7 +6662,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ jsx16(
+    railCollapsed ? /* @__PURE__ */ jsx18(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -5734,8 +6707,13 @@ export {
   submitAgentPanel,
   defaultAgentRailTheme,
   defaultDarkAgentRailTheme,
+  MessageActions,
   AgentRail,
   AssistEdgeTab,
+  AGENT_ANSWER_FEEDBACK_EVENT_TYPE,
+  findPrecedingVisitorText,
+  buildAgentAnswerFeedbackEvent,
+  sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-YNF2UPGJ.js.map
+//# sourceMappingURL=chunk-CYI3OSWG.js.map