@webless/agent 0.12.1 → 0.13.1

package/dist/react.cjs

@@ -46,7 +46,7 @@ __export(react_exports, {
 module.exports = __toCommonJS(react_exports);
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 
 // src/react/page-shift.ts
 var import_react = require("react");
@@ -2614,7 +2614,12 @@ function parseAgentSearchReferences(value) {
     const url = safeSearchUrl(action.url);
     cta = { label: action.label.trim(), ...url ? { url } : {} };
   }
-  return { sources, ...cta ? { cta } : {} };
+  const suggestions = Array.isArray(data.suggestions) && data.suggestions.length <= 8 && data.suggestions.every((item) => text2(item)) ? [...new Set(data.suggestions.map((item) => item.trim()))] : void 0;
+  return {
+    sources,
+    ...cta ? { cta } : {},
+    ...suggestions ? { suggestions } : {}
+  };
 }
 function parseAgentSearchDiscoveryOutput(value) {
   let decoded = value;
@@ -3196,6 +3201,7 @@ function presentVisitorToolResult(result, registry = []) {
         status: "completed",
         kind: "search",
         sources: search.sources,
+        suggestions: search.suggestions,
         ...search.cta ? { cta: search.cta } : {}
       };
     }
@@ -4213,7 +4219,7 @@ function unregisterAgentPanelController(customerId) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 
 // src/react/types/conversation.ts
 var defaultAgentRailTheme = {
@@ -4495,25 +4501,260 @@ function AgentActivityBubble({
   ] });
 }
 
-// src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
+// src/react/components/LearnMore/LearnMore.tsx
+var import_react7 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function QuestionIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+function LearnMore({
+  results,
+  disabled,
+  onSelect
+}) {
+  const headingId = (0, import_react7.useId)();
+  const panelId = (0, import_react7.useId)();
+  const [open, setOpen] = (0, import_react7.useState)(true);
+  const questions = [
+    ...new Set(results.flatMap((result) => result.suggestions ?? []))
+  ].slice(0, 3);
+  if (!questions.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "learn-more", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { id: headingId, className: "learn-more__heading", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "learn-more__toggle",
+        "aria-expanded": open,
+        "aria-controls": panelId,
+        onClick: () => setOpen((current) => !current),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Learn more" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "svg",
+            {
+              className: "learn-more__chevron",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "path",
+                {
+                  d: "M4 6.5l4 4 4-4",
+                  stroke: "currentColor",
+                  strokeWidth: "1.6",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        id: panelId,
+        className: `learn-more__panel${open ? " learn-more__panel--open" : ""}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "learn-more__panel-inner", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "learn-more__questions", children: questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onSelect(question),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "learn-more__question-icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(QuestionIcon, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "learn-more__question-text", children: question }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "svg",
+                {
+                  className: "learn-more__question-arrow",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+                }
+              )
+            ]
+          }
+        ) }, question)) }) })
+      }
+    )
+  ] });
+}
+
+// src/react/components/SearchReferences/SearchReferences.tsx
 var import_react8 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SiteIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
+      ]
+    }
+  );
+}
+function SourceFavicon({ url }) {
+  const [failed, setFailed] = (0, import_react8.useState)(false);
+  let faviconUrl = null;
+  if (url) {
+    try {
+      faviconUrl = `${new URL(url).origin}/favicon.ico`;
+    } catch {
+      faviconUrl = null;
+    }
+  }
+  if (!faviconUrl || failed) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SiteIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "img",
+    {
+      src: faviconUrl,
+      alt: "",
+      loading: "lazy",
+      onError: () => setFailed(true)
+    }
+  );
+}
+function searchSources(results) {
+  const seenSources = /* @__PURE__ */ new Set();
+  return results.flatMap((result) => result.sources).flatMap((source) => {
+    const url = safeSearchUrl(source.url);
+    const key = url ?? source.id;
+    if (seenSources.has(key)) return [];
+    seenSources.add(key);
+    return [{ ...source, url, key }];
+  });
+}
+function SearchReferences({
+  results,
+  mode = "default"
+}) {
+  const sources = searchSources(results);
+  const seenActions = /* @__PURE__ */ new Set();
+  const actions = results.flatMap((result) => {
+    const url = safeSearchUrl(result.cta?.url);
+    if (!url || !result.cta || seenActions.has(url)) return [];
+    seenActions.add(url);
+    return [{ label: result.cta.label, url }];
+  });
+  if (!(mode !== "actions" && sources.length) && !(mode !== "sources" && actions.length))
+    return null;
+  const Container = mode === "default" ? "details" : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "search-references", children: [
+    mode !== "actions" && sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      Container,
+      {
+        className: "search-references__disclosure",
+        "aria-label": "Sources",
+        children: [
+          mode === "default" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { className: "search-references__heading", children: [
+            "Sources (",
+            sources.length,
+            ")"
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "search-references__list", children: sources.map((source) => {
+            const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "search-references__icon", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SourceFavicon, { url: source.url }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "span",
+                {
+                  className: "search-references__title",
+                  title: source.title,
+                  children: source.title
+                }
+              ),
+              source.url ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "svg",
+                {
+                  className: "search-references__row-arrow",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+                }
+              ) : null
+            ] });
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: source.url ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "a",
+              {
+                className: "search-references__source",
+                href: source.url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: content
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "search-references__source", children: content }) }, source.key);
+          }) })
+        ]
+      }
+    ) : null,
+    mode !== "sources" && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "a",
+      {
+        className: "search-references__cta",
+        href: action.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: action.label
+      },
+      action.url
+    )) }) : null
+  ] });
+}
+
+// src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
+var import_react10 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/react/components/AgentRail/AgentRailOverlayContext.tsx
-var import_react7 = require("react");
-var AgentRailOverlayContext = (0, import_react7.createContext)(null);
+var import_react9 = require("react");
+var AgentRailOverlayContext = (0, import_react9.createContext)(null);
 function useAgentRailPortalRoots() {
-  return (0, import_react7.useContext)(AgentRailOverlayContext);
+  return (0, import_react9.useContext)(AgentRailOverlayContext);
 }
 function useAgentRailMenuPortalRoot() {
-  return (0, import_react7.useContext)(AgentRailOverlayContext)?.railRef ?? null;
+  return (0, import_react9.useContext)(AgentRailOverlayContext)?.railRef ?? null;
 }
 
 // src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("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__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -4526,14 +4767,18 @@ function CloseIcon() {
 function AnswerReceiptDialog({
   brandLabel = "",
   onClose,
-  steps
+  steps = [],
+  title = "How this answer was made",
+  summary,
+  children
 }) {
+  const titleId = (0, import_react10.useId)();
   const portalRoots = useAgentRailPortalRoots();
   const overlayRoot = portalRoots?.overlayRef ?? null;
-  const cardRef = (0, import_react8.useRef)(null);
-  const closeButtonRef = (0, import_react8.useRef)(null);
-  const previouslyFocusedRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const cardRef = (0, import_react10.useRef)(null);
+  const closeButtonRef = (0, import_react10.useRef)(null);
+  const previouslyFocusedRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     previouslyFocusedRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
     closeButtonRef.current?.focus({ preventScroll: true });
     const handleKeyDown = (event) => {
@@ -4544,9 +4789,7 @@ function AnswerReceiptDialog({
         return;
       }
       if (event.key !== "Tab" || !cardRef.current) return;
-      const focusable = cardRef.current.querySelectorAll(
-        FOCUSABLE_SELECTOR
-      );
+      const focusable = cardRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
       if (focusable.length === 0) return;
       const first = focusable.item(0);
       const last = focusable.item(focusable.length - 1);
@@ -4564,8 +4807,8 @@ function AnswerReceiptDialog({
       previouslyFocusedRef.current?.focus({ preventScroll: true });
     };
   }, [onClose]);
-  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "agent-receipt-dialog", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "agent-receipt-dialog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -4575,25 +4818,18 @@ function AnswerReceiptDialog({
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         ref: cardRef,
         className: "agent-receipt-dialog__card",
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": "agent-receipt-dialog-title",
+        "aria-labelledby": titleId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "agent-receipt-dialog__header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              "p",
-              {
-                className: "agent-receipt-dialog__title",
-                id: "agent-receipt-dialog-title",
-                children: "How this answer was made"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "agent-receipt-dialog__header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "agent-receipt-dialog__title", id: titleId, children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "button",
               {
                 ref: closeButtonRef,
@@ -4601,12 +4837,12 @@ function AnswerReceiptDialog({
                 className: "agent-receipt-dialog__close",
                 "aria-label": "Close",
                 onClick: onClose,
-                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseIcon, {})
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "agent-receipt-dialog__summary", children: workSummary(steps, false, brandLabel) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "agent-receipt-dialog__body", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AgentWorkSteps, { brandLabel, steps }) })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "agent-receipt-dialog__summary", children: summary ?? workSummary(steps, false, brandLabel) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "agent-receipt-dialog__body", children: children ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AgentWorkSteps, { brandLabel, steps }) })
         ]
       }
     )
@@ -4618,11 +4854,11 @@ function AnswerReceiptDialog({
 }
 
 // src/react/components/Composer/Composer.tsx
-var import_react9 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var FORM_SUBMITTED_MESSAGE = "Shared my details";
 function SendIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "path",
     {
       d: "M8 12V4M8 4l-3 3M8 4l3 3",
@@ -4634,7 +4870,7 @@ function SendIcon() {
   ) });
 }
 function CheckIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "path",
     {
       d: "M2.5 6.2l2.3 2.3 4.7-5",
@@ -4646,7 +4882,7 @@ function CheckIcon() {
   ) });
 }
 function CollapseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "path",
     {
       d: "M4 10l4-4 4 4",
@@ -4680,21 +4916,35 @@ function Composer({
   allowFormResume = true,
   onSubmit
 }) {
-  const [value, setValue] = (0, import_react9.useState)("");
-  const [draft, setDraft] = (0, import_react9.useState)(() => createDraft(form));
-  const inputRef = (0, import_react9.useRef)(null);
-  const firstFieldRef = (0, import_react9.useRef)(null);
-  const formRef = (0, import_react9.useRef)(null);
-  const formId = (0, import_react9.useId)();
+  const [value, setValue] = (0, import_react11.useState)("");
+  const [draft, setDraft] = (0, import_react11.useState)(() => createDraft(form));
+  const [multiline, setMultiline] = (0, import_react11.useState)(false);
+  const inputRef = (0, import_react11.useRef)(null);
+  const firstFieldRef = (0, import_react11.useRef)(null);
+  const formRef = (0, import_react11.useRef)(null);
+  const formId = (0, import_react11.useId)();
   if (form && form.id !== draft.form?.id) setDraft(createDraft(form));
   const savedForm = allowFormResume && !draft.submitted ? draft.form : null;
   const activeForm = !disabled && draft.expanded ? savedForm : null;
   const canSend = !disabled && Boolean(value.trim() || activeForm);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (activeForm) firstFieldRef.current?.focus();
     else if ((savedForm || draft.submitted) && !disabled)
       inputRef.current?.focus();
   }, [activeForm?.id, disabled, savedForm?.id, draft.submitted]);
+  (0, import_react11.useEffect)(() => {
+    const input = inputRef.current;
+    if (!input) return;
+    const check = () => {
+      const style = window.getComputedStyle(input);
+      const singleLine = (parseFloat(style.lineHeight) || 20) + parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + 2;
+      setMultiline(input.offsetHeight > singleLine);
+    };
+    check();
+    const observer = new ResizeObserver(check);
+    observer.observe(input);
+    return () => observer.disconnect();
+  }, []);
   function collapseForm() {
     setDraft((current) => ({ ...current, expanded: false }));
   }
@@ -4764,8 +5014,8 @@ function Composer({
       submitForm();
     }
   }
-  const chatField = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const chatField = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "textarea",
       {
         ref: inputRef,
@@ -4780,18 +5030,18 @@ function Composer({
         onKeyDown: handleChatKeyDown
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "button",
       {
         type: "submit",
         className: "composer__send",
         disabled: !canSend,
         "aria-label": "Send message",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SendIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SendIcon, {})
       }
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "form",
     {
       ref: formRef,
@@ -4799,13 +5049,14 @@ function Composer({
       className: [
         "composer",
         variant === "dock" ? "composer--dock" : "",
-        activeForm ? "composer--form" : ""
+        activeForm ? "composer--form" : "",
+        multiline ? "composer--multiline" : ""
       ].filter(Boolean).join(" "),
       onSubmit: handleSubmit,
       children: [
-        savedForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__resume", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Share your details and we'll reach out shortly" }),
-          !activeForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        savedForm ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "composer__resume", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Share your details and we'll reach out shortly" }),
+          !activeForm ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
@@ -4815,17 +5066,17 @@ function Composer({
             }
           ) : null
         ] }) : null,
-        activeForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        activeForm ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "div",
           {
             className: "composer__sheet",
             role: "group",
             "aria-label": "Contact details",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__form-heading", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Share your details" }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Optional" }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "composer__form-heading", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Share your details" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Optional" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "button",
                   {
                     type: "button",
@@ -4833,11 +5084,11 @@ function Composer({
                     "aria-label": "Collapse form",
                     disabled,
                     onClick: collapseForm,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CollapseIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CollapseIcon, {})
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "composer__fields", children: activeForm.fields.map((field, index) => {
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "composer__fields", children: activeForm.fields.map((field, index) => {
                 const fieldId = `${formId}-${field.id}`;
                 const fieldValue = draft.values[field.id] ?? "";
                 const invalid = draft.attempted && !isValidComposerFieldValue(field, fieldValue);
@@ -4862,7 +5113,7 @@ function Composer({
                   },
                   onKeyDown: handleFormKeyDown
                 };
-                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "div",
                   {
                     className: [
@@ -4870,9 +5121,9 @@ function Composer({
                       field.kind === "textarea" ? "composer__row--area" : ""
                     ].filter(Boolean).join(" "),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__line", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "composer__label", htmlFor: fieldId, children: field.label }),
-                        field.kind === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "composer__line", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "composer__label", htmlFor: fieldId, children: field.label }),
+                        field.kind === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "textarea",
                           {
                             ...controlProps,
@@ -4882,7 +5133,7 @@ function Composer({
                             className: "composer__control composer__control--area",
                             rows: 2
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "input",
                           {
                             ...controlProps,
@@ -4894,25 +5145,25 @@ function Composer({
                             inputMode: field.kind === "tel" ? "tel" : void 0
                           }
                         ),
-                        complete && field.kind !== "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "composer__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {}) }) : null
+                        complete && field.kind !== "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "composer__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, {}) }) : null
                       ] }),
-                      invalid ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "composer__error", id: `${fieldId}-error`, children: field.kind === "email" ? "Enter a valid email to share your details." : `Add your ${field.label.toLowerCase()} to share your details.` }) : null
+                      invalid ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "composer__error", id: `${fieldId}-error`, children: field.kind === "email" ? "Enter a valid email to share your details." : `Add your ${field.label.toLowerCase()} to share your details.` }) : null
                     ]
                   },
                   field.id
                 );
               }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "composer__field composer__field--inset", children: chatField })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "composer__field composer__field--inset", children: chatField })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "composer__field", children: chatField })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "composer__field", children: chatField })
       ]
     }
   );
 }
 
 // src/react/components/FollowUpChips/FollowUpChips.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function FollowUpChips({
   suggestions,
   disabled = false,
@@ -4922,7 +5173,7 @@ function FollowUpChips({
 }) {
   if (suggestions.length === 0) return null;
   if (variant === "dock") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups followups--dock", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "followups followups--dock", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         type: "button",
@@ -4934,9 +5185,9 @@ function FollowUpChips({
       suggestion.id
     )) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "followups", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "followups__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "followups", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "followups__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         type: "button",
@@ -4951,99 +5202,11 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-var import_react11 = require("react");
-
-// src/react/components/SearchReferences/SearchReferences.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function SiteIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
-      ]
-    }
-  );
-}
-function SearchReferences({
-  results
-}) {
-  const seenSources = /* @__PURE__ */ new Set();
-  const sources = results.flatMap((result) => result.sources).flatMap((source) => {
-    const url = safeSearchUrl(source.url);
-    const key = url ?? source.id;
-    if (seenSources.has(key)) return [];
-    seenSources.add(key);
-    return [{ ...source, url, key }];
-  });
-  const seenActions = /* @__PURE__ */ new Set();
-  const actions = results.flatMap((result) => {
-    const url = safeSearchUrl(result.cta?.url);
-    if (!url || !result.cta || seenActions.has(url)) return [];
-    seenActions.add(url);
-    return [{ label: result.cta.label, url }];
-  });
-  if (!sources.length && !actions.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "search-references", children: [
-    sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "search-references__disclosure", "aria-label": "Sources", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { className: "search-references__heading", children: [
-        "Sources (",
-        sources.length,
-        ")"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "search-references__list", children: sources.map((source) => {
-        const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "search-references__icon", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SiteIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "search-references__copy", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              "span",
-              {
-                className: "search-references__title",
-                title: source.title,
-                children: source.title
-              }
-            ),
-            source.url ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "search-references__domain", children: new URL(source.url).hostname.replace(/^www\./u, "") }) : null
-          ] })
-        ] });
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: source.url ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "a",
-          {
-            className: "search-references__source",
-            href: source.url,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: content
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "search-references__source", children: content }) }, source.key);
-      }) })
-    ] }) : null,
-    actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "a",
-      {
-        className: "search-references__cta",
-        href: action.url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: action.label
-      },
-      action.url
-    )) }) : null
-  ] });
-}
+var import_react13 = require("react");
 
 // src/react/components/BookingCard/BookingCard.tsx
-var import_react10 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
   { id: "time", label: "Time" },
@@ -5074,22 +5237,22 @@ function calendarCells(year, month) {
   return cells;
 }
 function BookingCardLoader() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard(props) {
-  if (!props.readOnly) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InteractiveBookingCard, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "booking-card", "aria-label": "Recorded available times", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: "Available times offered" }),
-    props.offer.slots.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { children: props.offer.slots.map((slot, index) => {
+  if (!props.readOnly) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InteractiveBookingCard, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "booking-card", "aria-label": "Recorded available times", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__title", children: "Available times offered" }),
+    props.offer.slots.length ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { children: props.offer.slots.map((slot, index) => {
       const eventType = props.offer.eventTypes.find(
         (item) => item.uri === slot.eventTypeUri
       );
       const label = Number.isFinite(Date.parse(slot.startTime)) ? formatSlotLabel(slot.startTime) : "Time unavailable";
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { children: [
         eventType ? `${eventType.name} \xB7 ` : "",
         label
       ] }, `${slot.eventTypeUri ?? ""}:${slot.startTime}:${index}`);
-    }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "No available times were recorded." })
+    }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "No available times were recorded." })
   ] });
 }
 function InteractiveBookingCard({
@@ -5097,27 +5260,27 @@ function InteractiveBookingCard({
   offer,
   onBook
 }) {
-  const fieldId = (0, import_react10.useId)();
+  const fieldId = (0, import_react12.useId)();
   const defaultType = offer.eventTypes[0]?.uri ?? offer.slots[0]?.eventTypeUri ?? "";
-  const [step, setStep] = (0, import_react10.useState)("date");
-  const [eventTypeUri, setEventTypeUri] = (0, import_react10.useState)(defaultType);
-  const [selectedDate, setSelectedDate] = (0, import_react10.useState)("");
-  const [startTime, setStartTime] = (0, import_react10.useState)("");
-  const [name, setName] = (0, import_react10.useState)("");
-  const [email, setEmail] = (0, import_react10.useState)("");
-  const activeStepRef = (0, import_react10.useRef)(null);
-  const previousStepRef = (0, import_react10.useRef)(step);
+  const [step, setStep] = (0, import_react12.useState)("date");
+  const [eventTypeUri, setEventTypeUri] = (0, import_react12.useState)(defaultType);
+  const [selectedDate, setSelectedDate] = (0, import_react12.useState)("");
+  const [startTime, setStartTime] = (0, import_react12.useState)("");
+  const [name, setName] = (0, import_react12.useState)("");
+  const [email, setEmail] = (0, import_react12.useState)("");
+  const activeStepRef = (0, import_react12.useRef)(null);
+  const previousStepRef = (0, import_react12.useRef)(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (previousStepRef.current === step) return;
     previousStepRef.current = step;
     activeStepRef.current?.scrollIntoView({ block: "nearest" });
   }, [step]);
-  const slots = (0, import_react10.useMemo)(
+  const slots = (0, import_react12.useMemo)(
     () => bookingSlotsForEventType(offer.slots, eventTypeUri),
     [eventTypeUri, offer.slots]
   );
-  const availableByDate = (0, import_react10.useMemo)(() => {
+  const availableByDate = (0, import_react12.useMemo)(() => {
     const next = /* @__PURE__ */ new Map();
     for (const slot of slots) {
       const key = slotDateKey(slot.startTime);
@@ -5125,7 +5288,7 @@ function InteractiveBookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = (0, import_react10.useState)(
+  const [visibleMonth, setVisibleMonth] = (0, import_react12.useState)(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -5138,7 +5301,7 @@ function InteractiveBookingCard({
       )
     );
   }
-  const daySlots = (0, import_react10.useMemo)(
+  const daySlots = (0, import_react12.useMemo)(
     () => slots.filter((slot) => slotDateKey(slot.startTime) === selectedDate),
     [selectedDate, slots]
   );
@@ -5147,7 +5310,7 @@ function InteractiveBookingCard({
   );
   const selectedSample = availableByDate.get(selectedDate) ?? startTime;
   const timeZone = formatSlotTimeZone(slots[0]?.startTime ?? selectedSample);
-  const weekdays = (0, import_react10.useMemo)(() => weekdayLabels(), []);
+  const weekdays = (0, import_react12.useMemo)(() => weekdayLabels(), []);
   const cells = calendarCells(visibleMonth.year, visibleMonth.month);
   const canPrevMonth = [...availableByDate.keys()].some((key) => {
     const month = monthFromKey(key);
@@ -5189,14 +5352,14 @@ function InteractiveBookingCard({
       })
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "section",
     {
       className: "booking-card",
       "aria-busy": disabled || void 0,
       "aria-label": "Book a meeting",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "li",
           {
             className: [
@@ -5206,40 +5369,40 @@ function InteractiveBookingCard({
             ].filter(Boolean).join(" "),
             "aria-current": index === stepIndex ? "step" : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: item.label })
             ]
           },
           item.id
         )) }),
-        step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-          timeZone ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "booking-card__tz", children: [
+        step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "booking-card__tz", children: [
             "Times in ",
             timeZone
           ] }) : null,
-          offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "label",
             {
               className: "booking-card__field",
               htmlFor: `${fieldId}-type`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Meeting" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Meeting" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "select",
                   {
                     id: `${fieldId}-type`,
                     value: eventTypeUri,
                     disabled,
                     onChange: (event) => selectEventType(event.target.value),
-                    children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: item.uri, children: item.name }, item.uri))
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: item.uri, children: item.name }, item.uri))
                   }
                 )
               ]
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__month", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
                 type: "button",
@@ -5250,8 +5413,8 @@ function InteractiveBookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
                 type: "button",
@@ -5263,9 +5426,9 @@ function InteractiveBookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label }, label)) }),
-          offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "div",
             {
               className: "booking-card__calendar",
@@ -5273,7 +5436,7 @@ function InteractiveBookingCard({
               "aria-label": "Available dates",
               children: cells.map((cell, index) => {
                 if (!cell) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "span",
                     {
                       className: "booking-card__day"
@@ -5283,7 +5446,7 @@ function InteractiveBookingCard({
                 }
                 const available = availableByDate.has(cell.key);
                 const selected = cell.key === selectedDate;
-                return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "button",
                   {
                     type: "button",
@@ -5303,9 +5466,9 @@ function InteractiveBookingCard({
             }
           )
         ] }, "date") : null,
-        step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
                 type: "button",
@@ -5316,15 +5479,15 @@ function InteractiveBookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-              timeZone ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "booking-card__tz", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "booking-card__tz", children: [
                 "Times in ",
                 timeZone
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "button",
             {
               type: "button",
@@ -5336,9 +5499,9 @@ function InteractiveBookingCard({
             slot.startTime
           )) })
         ] }, "time") : null,
-        step === "details" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        step === "details" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
                 type: "button",
@@ -5349,21 +5512,21 @@ function InteractiveBookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: "Enter details" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-              selectedType?.location ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "booking-card__tz", children: selectedType.location }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__identity", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-name`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "input",
                     {
                       id: `${fieldId}-name`,
@@ -5377,14 +5540,14 @@ function InteractiveBookingCard({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-email`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Email" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Email" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "input",
                     {
                       id: `${fieldId}-email`,
@@ -5400,7 +5563,7 @@ function InteractiveBookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "button",
             {
               type: "submit",
@@ -5418,6 +5581,37 @@ function InteractiveBookingCard({
 // src/react/components/MessageBubble/MessageBubble.tsx
 var import_streamdown = require("streamdown");
 
+// src/react/lib/brand-logo-display.ts
+var BRAND_LOGO_LAYOUT = {
+  header: { maxHeight: 20, maxWidth: 96, square: 24 },
+  message: { maxHeight: 18, maxWidth: 80, square: 22 },
+  /** Bottom/mobile launcher pill orb — keep in sync with AssistEdgeTab chip CSS. */
+  launcher: { maxHeight: 24, maxWidth: 104, square: 38 }
+};
+function isWideBrandLogo(naturalWidth, naturalHeight) {
+  return naturalWidth > naturalHeight * 1.4;
+}
+function snapBrandLogoDisplaySize(input) {
+  const { maxHeight, maxWidth } = BRAND_LOGO_LAYOUT[input.surface];
+  const { naturalWidth, naturalHeight } = input;
+  if (naturalWidth <= 0 || naturalHeight <= 0) {
+    return { width: maxWidth, height: maxHeight, wide: false };
+  }
+  const wide = isWideBrandLogo(naturalWidth, naturalHeight);
+  if (!wide) {
+    const size = BRAND_LOGO_LAYOUT[input.surface].square;
+    return { width: size, height: size, wide: false };
+  }
+  const scale = Math.min(
+    maxHeight / naturalHeight,
+    maxWidth / naturalWidth,
+    1
+  );
+  const height = Math.max(1, Math.round(naturalHeight * scale));
+  const width = Math.max(1, Math.round(naturalWidth * scale));
+  return { width, height, wide: true };
+}
+
 // src/react/lib/resolve-message-url.ts
 function resolveMessageUrl(safeUrl, baseUrl) {
   if (!safeUrl || !baseUrl) return safeUrl;
@@ -5432,7 +5626,7 @@ function resolveMessageUrl(safeUrl, baseUrl) {
 
 // src/react/components/MessageBubble/MessageBubble.tsx
 var import_styles = require("streamdown/styles.css");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function normalizeDedupeText(text3) {
   return text3.trim().replace(/\s+/g, " ").toLowerCase();
 }
@@ -5473,13 +5667,21 @@ function MessageBubble({
   brandLogoUrl,
   bookingDisabled = false,
   showProvenance = false,
+  showSearchReferences = true,
   bookingReadOnly = false,
   linkBaseUrl,
   offer,
   onBook
 }) {
   const resolvedLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react11.useState)(null);
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react13.useState)(null);
+  const [logoDisplay, setLogoDisplay] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
+    setFailedLogoUrl(null);
+  }, [resolvedLogoUrl]);
+  const activeLogoDisplay = logoDisplay?.url === resolvedLogoUrl ? logoDisplay : null;
+  const wideLogo = activeLogoDisplay?.wide ?? false;
+  const logoDisplaySize = activeLogoDisplay ? { height: activeLogoDisplay.height, width: activeLogoDisplay.width } : null;
   const showBrandLogo = Boolean(resolvedLogoUrl) && failedLogoUrl !== resolvedLogoUrl;
   const cards = message.role === "agent" ? extractToolCards(message.text) : [];
   const extractedOffers = cards.filter(
@@ -5494,38 +5696,38 @@ function MessageBubble({
   if (message.role === "visitor") {
     const visitorText = visitorMessageDisplayText(message).trim();
     if (!visitorText) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "article",
       {
         className: "message-bubble message-bubble--visitor",
         "aria-label": "Message from visitor",
         children: [
-          showProvenance ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "message-bubble__speaker", children: "You \xB7 Visitor" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "message-bubble__text", children: visitorText })
+          showProvenance ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "message-bubble__speaker", children: "You" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "message-bubble__text", children: visitorText })
         ]
       }
     );
   }
   if (message.role === "human") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "article",
       {
         className: "message-bubble message-bubble--human",
         "aria-label": `Message from ${message.representative.name}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("strong", { className: "message-bubble__representative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("strong", { className: "message-bubble__representative", children: [
             message.representative.name,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Human representative" })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Human representative" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "message-bubble__text", children: message.text })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "message-bubble__text", children: message.text })
         ]
       }
     );
   }
   const citations = message.citations ?? [];
-  const agentText = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "message-bubble__text", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const agentText = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_streamdown.Streamdown,
       {
         animated: false,
@@ -5543,9 +5745,9 @@ function MessageBubble({
         children: displayText
       }
     ),
-    !isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SearchReferences, { results: message.searchResults ?? [] }) : null,
-    !isStreaming && citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    !isStreaming && showSearchReferences ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SearchReferences, { results: message.searchResults ?? [] }) : null,
+    !isStreaming && citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "span",
         {
           className: "message-bubble__source-icon",
@@ -5553,32 +5755,63 @@ function MessageBubble({
           children: "\u25A6"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: citation.label })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
   if (!displayText && !message.searchResults?.length && offers.length === 0)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "article",
     {
       className: "message-bubble message-bubble--agent",
       "aria-label": "Message from AI assistant",
       children: [
-        showProvenance ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "message-bubble__speaker", children: "AI assistant" }) : null,
-        displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "message-bubble__agent-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            "img",
-            {
-              src: resolvedLogoUrl,
-              alt: "",
-              onError: () => {
-                setFailedLogoUrl(resolvedLogoUrl ?? null);
+        displayText || message.searchResults?.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "message-bubble__agent-stack", children: [
+          showProvenance || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "message-bubble__agent-header", children: [
+            showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "span",
+              {
+                className: `message-bubble__agent-avatar${wideLogo ? " message-bubble__agent-avatar--wide" : ""}`,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "img",
+                  {
+                    className: "as-brand-logo-img",
+                    src: resolvedLogoUrl,
+                    alt: "",
+                    decoding: "async",
+                    ...logoDisplaySize ? {
+                      height: logoDisplaySize.height,
+                      width: logoDisplaySize.width
+                    } : {},
+                    onLoad: (event) => {
+                      const img = event.currentTarget;
+                      const display = snapBrandLogoDisplaySize({
+                        naturalHeight: img.naturalHeight,
+                        naturalWidth: img.naturalWidth,
+                        surface: "message"
+                      });
+                      if (!resolvedLogoUrl) return;
+                      setLogoDisplay({
+                        height: display.height,
+                        url: resolvedLogoUrl,
+                        wide: display.wide,
+                        width: display.width
+                      });
+                    },
+                    onError: () => {
+                      setFailedLogoUrl(resolvedLogoUrl ?? null);
+                    }
+                  },
+                  resolvedLogoUrl
+                )
               }
-            }
-          ) }),
+            ) : null,
+            showProvenance ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "message-bubble__speaker", children: "AI assistant" }) : null
+          ] }) : null,
           agentText
-        ] }) : agentText : null,
-        offers.map((nextOffer, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        ] }) : null,
+        offers.map((nextOffer, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           BookingCard,
           {
             disabled: bookingDisabled,
@@ -5594,7 +5827,7 @@ function MessageBubble({
 }
 
 // src/react/components/MessageActions/MessageActions.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/react/lib/speech.ts
@@ -5742,10 +5975,10 @@ function subscribeSpeechInterrupts(onInterrupt) {
 }
 
 // src/react/components/MessageActions/MessageActions.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function CopyIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "rect",
       {
         x: "5.75",
@@ -5757,7 +5990,7 @@ function CopyIcon() {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.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",
@@ -5768,7 +6001,7 @@ function CopyIcon() {
   ] });
 }
 function CheckIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "path",
     {
       d: "M3.5 8.5l3 3 6-7",
@@ -5780,8 +6013,8 @@ function CheckIcon2() {
   ) });
 }
 function ThumbUpIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M4.67 6.67v8",
@@ -5790,7 +6023,7 @@ function ThumbUpIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.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",
@@ -5803,8 +6036,8 @@ function ThumbUpIcon() {
   ] });
 }
 function ThumbDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { transform: "rotate(180 8 8)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { transform: "rotate(180 8 8)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M4.67 6.67v8",
@@ -5813,7 +6046,7 @@ function ThumbDownIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.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",
@@ -5826,8 +6059,8 @@ function ThumbDownIcon() {
   ] }) });
 }
 function RegenerateIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M2 8a6 6 0 0 1 6-6 6.5 6.5 0 0 1 4.5 1.83L14 5.33",
@@ -5836,7 +6069,7 @@ function RegenerateIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M14 2v3.33h-3.33",
@@ -5846,7 +6079,7 @@ function RegenerateIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M14 8a6 6 0 0 1-6 6 6.5 6.5 0 0 1-4.5-1.83L2 10.67",
@@ -5855,7 +6088,7 @@ function RegenerateIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M5.33 10.67H2V14",
@@ -5868,15 +6101,15 @@ function RegenerateIcon() {
   ] });
 }
 function MoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "3.5", cy: "8", r: "1.15", fill: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "8", cy: "8", r: "1.15", fill: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12.5", cy: "8", r: "1.15", fill: "currentColor" })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "3.5", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "8", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "12.5", cy: "8", r: "1.15", fill: "currentColor" })
   ] });
 }
 function SourcesIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.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",
@@ -5886,7 +6119,7 @@ function SourcesIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "path",
       {
         d: "M8 4.5v9",
@@ -5898,8 +6131,8 @@ function SourcesIcon() {
   ] });
 }
 function ReadAloudIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.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",
@@ -5909,7 +6142,7 @@ function ReadAloudIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.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",
@@ -5921,7 +6154,7 @@ function ReadAloudIcon() {
   ] });
 }
 function StopIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "rect",
     {
       x: "4",
@@ -5990,26 +6223,26 @@ function MessageActions({
   speechText
 }) {
   const menuPortalRoot = useAgentRailMenuPortalRoot();
-  const [copied, setCopied] = (0, import_react12.useState)(false);
-  const [rating, setRating] = (0, import_react12.useState)(null);
-  const [menuOpen, setMenuOpen] = (0, import_react12.useState)(false);
-  const [menuPosition, setMenuPosition] = (0, import_react12.useState)(null);
-  const [speaking, setSpeaking] = (0, import_react12.useState)(false);
-  const [speechSupported, setSpeechSupported] = (0, import_react12.useState)(null);
-  const copyTimerRef = (0, import_react12.useRef)(null);
-  const menuRef = (0, import_react12.useRef)(null);
-  const portaledMenuRef = (0, import_react12.useRef)(null);
-  const moreButtonRef = (0, import_react12.useRef)(null);
+  const [copied, setCopied] = (0, import_react14.useState)(false);
+  const [rating, setRating] = (0, import_react14.useState)(null);
+  const [menuOpen, setMenuOpen] = (0, import_react14.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, import_react14.useState)(null);
+  const [speaking, setSpeaking] = (0, import_react14.useState)(false);
+  const [speechSupported, setSpeechSupported] = (0, import_react14.useState)(null);
+  const copyTimerRef = (0, import_react14.useRef)(null);
+  const menuRef = (0, import_react14.useRef)(null);
+  const portaledMenuRef = (0, import_react14.useRef)(null);
+  const moreButtonRef = (0, import_react14.useRef)(null);
   const answeredLabel = formatAnsweredAt(answeredAt ?? 0);
   const resolvedSpeechText = speechText ?? toSpeechText(copyText);
   const canOpenReceipt = Boolean(receiptSteps) && Boolean(onOpenReceipt);
   const readAloudEligible = Boolean(readAloud && resolvedSpeechText);
   const canReadAloud = readAloudEligible && speechSupported === true;
   const showMenu = canOpenReceipt || (speechSupported === null ? readAloudEligible : canReadAloud);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react14.useLayoutEffect)(() => {
     setSpeechSupported(isSpeechSupported());
   }, []);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react14.useLayoutEffect)(() => {
     if (!menuOpen || !moreButtonRef.current || !portaledMenuRef.current) {
       setMenuPosition(null);
       return;
@@ -6026,7 +6259,7 @@ function MessageActions({
       })
     );
   }, [menuOpen, menuPortalRoot]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const unsubscribe = subscribeSpeechInterrupts(() => setSpeaking(false));
     return () => {
       unsubscribe();
@@ -6036,7 +6269,7 @@ function MessageActions({
       stopSpeech();
     };
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!menuOpen) return;
     const handlePointerDown = (event) => {
       const target = event.target;
@@ -6085,7 +6318,7 @@ function MessageActions({
     window.speechSynthesis.speak(utterance);
     setSpeaking(true);
   }
-  const menu = menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  const menu = menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: "agent-message-actions__menu agent-message-actions__menu--portal",
@@ -6096,11 +6329,11 @@ function MessageActions({
         top: `${menuPosition.top}px`
       } : { visibility: "hidden" },
       children: [
-        answeredLabel ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "agent-message-actions__menu-meta", children: [
+        answeredLabel ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "agent-message-actions__menu-meta", children: [
           "Answered ",
           answeredLabel
         ] }) : null,
-        canOpenReceipt ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        canOpenReceipt ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "button",
           {
             type: "button",
@@ -6111,12 +6344,12 @@ function MessageActions({
               onOpenReceipt?.();
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SourcesIcon, {}),
-              "View sources"
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SourcesIcon, {}),
+              "How this answer was made"
             ]
           }
         ) : null,
-        canReadAloud ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        canReadAloud ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "button",
           {
             type: "button",
@@ -6124,7 +6357,7 @@ function MessageActions({
             role: "menuitem",
             onClick: handleReadAloud,
             children: [
-              speaking ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StopIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ReadAloudIcon, {}),
+              speaking ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StopIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReadAloudIcon, {}),
               speaking ? "Stop reading" : "Read aloud"
             ]
           }
@@ -6132,8 +6365,8 @@ function MessageActions({
       ]
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "agent-message-actions", "aria-label": "Answer actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "agent-message-actions", "aria-label": "Answer actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         type: "button",
@@ -6142,10 +6375,10 @@ function MessageActions({
         title: copied ? "Copied" : "Copy answer",
         disabled,
         onClick: handleCopy,
-        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopyIcon, {})
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CopyIcon, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         type: "button",
@@ -6155,10 +6388,10 @@ function MessageActions({
         title: "Good answer",
         disabled,
         onClick: () => handleFeedback("positive"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ThumbUpIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ThumbUpIcon, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         type: "button",
@@ -6168,10 +6401,10 @@ function MessageActions({
         title: "Bad answer",
         disabled,
         onClick: () => handleFeedback("negative"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ThumbDownIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ThumbDownIcon, {})
       }
     ),
-    onRegenerate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    onRegenerate ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         type: "button",
@@ -6180,11 +6413,11 @@ function MessageActions({
         title: "Regenerate answer",
         disabled,
         onClick: onRegenerate,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RegenerateIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RegenerateIcon, {})
       }
     ) : null,
-    showMenu ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "agent-message-actions__more", ref: menuRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    showMenu ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "agent-message-actions__more", ref: menuRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "button",
         {
           ref: moreButtonRef,
@@ -6196,7 +6429,7 @@ function MessageActions({
           title: "More actions",
           disabled,
           onClick: () => setMenuOpen((open) => !open),
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MoreIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MoreIcon, {})
         }
       ),
       menuPortalRoot?.current && menu ? (0, import_react_dom2.createPortal)(menu, menuPortalRoot.current) : menu
@@ -6205,10 +6438,10 @@ function MessageActions({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function ConfirmationCard({
   disabled = false,
   request,
@@ -6217,17 +6450,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__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "section",
     {
       className: "confirmation-card",
       "aria-labelledby": `confirmation-${request.requestId}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "confirmation-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
-          prompt ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: prompt }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: prompt }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "button",
           {
             type: "button",
@@ -6247,8 +6480,8 @@ function ConfirmationCard({
 }
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
-var import_react13 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function isRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -6372,7 +6605,7 @@ function FieldDescription({
   field,
   id: id2
 }) {
-  return field.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: id2, className: "tool-input-card__description", children: field.description }) : null;
+  return field.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id: id2, className: "tool-input-card__description", children: field.description }) : null;
 }
 function ChoiceField({
   field,
@@ -6391,7 +6624,7 @@ function ChoiceField({
     const selectedIndex = options.findIndex(
       (option) => valuesMatch(option.value, value)
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "select",
       {
         id: id2,
@@ -6406,13 +6639,13 @@ function ChoiceField({
           if (option) onChange(option.value);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "", disabled: field.required, children: "Choose an option" }),
-          options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: index, children: option.label }, optionKey(option)))
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: "", disabled: field.required, children: "Choose an option" }),
+          options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: index, children: option.label }, optionKey(option)))
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       className: "tool-input-card__choices",
@@ -6423,8 +6656,8 @@ function ChoiceField({
       "aria-required": field.required,
       children: options.map((option, index) => {
         const checked = multiple ? selected.some((item) => valuesMatch(item, option.value)) : valuesMatch(value, option.value);
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "tool-input-card__choice", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "tool-input-card__choice", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "input",
             {
               type: multiple ? "checkbox" : "radio",
@@ -6446,7 +6679,7 @@ function ChoiceField({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: option.label })
         ] }, optionKey(option));
       })
     }
@@ -6466,9 +6699,9 @@ function ToolField({
     error ? `${id2}-error` : ""
   ].filter(Boolean).join(" ");
   if (field.kind === "checkbox" || field.kind === "confirmation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "tool-input-card__check", htmlFor: id2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-input-card__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "tool-input-card__check", htmlFor: id2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "input",
           {
             id: id2,
@@ -6481,17 +6714,17 @@ function ToolField({
             onChange: (event) => onChange(event.target.checked)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: field.label }),
-          field.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: `${id2}-description`, children: field.description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: field.label }),
+          field.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id: `${id2}-description`, children: field.description }) : null
         ] })
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
     ] });
   }
-  const label = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { id: `${id2}-label`, htmlFor: id2, children: [
+  const label = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { id: `${id2}-label`, htmlFor: id2, children: [
     field.label,
-    field.required ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+    field.required ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
   const common = {
     id: id2,
@@ -6503,7 +6736,7 @@ function ToolField({
   };
   let control;
   if (field.kind === "select" || field.kind === "radio" || field.kind === "multi-select") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       ChoiceField,
       {
         field,
@@ -6517,7 +6750,7 @@ function ToolField({
       }
     );
   } else if (field.kind === "textarea" || field.kind === "json") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "textarea",
       {
         ...common,
@@ -6531,8 +6764,8 @@ function ToolField({
     );
   } else if (field.kind === "range") {
     const numericValue = typeof value === "number" ? value : field.min ?? 0;
-    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__range", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-input-card__range", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
         {
           ...common,
@@ -6544,11 +6777,11 @@ function ToolField({
           onChange: (event) => onChange(Number(event.target.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("output", { htmlFor: id2, children: numericValue })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("output", { htmlFor: id2, children: numericValue })
     ] });
   } else {
     const type = field.kind === "date-time" ? "datetime-local" : field.kind === "calendar" ? "date" : field.kind;
-    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "input",
       {
         ...common,
@@ -6566,11 +6799,11 @@ function ToolField({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-input-card__field", children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldDescription, { field, id: `${id2}-description` }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FieldDescription, { field, id: `${id2}-description` }),
     control,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
   ] });
 }
 function ToolInputCard({
@@ -6578,11 +6811,11 @@ function ToolInputCard({
   surface,
   onSubmit
 }) {
-  const [values, setValues] = (0, import_react13.useState)(
+  const [values, setValues] = (0, import_react15.useState)(
     () => initialValues(surface)
   );
-  const [touched, setTouched] = (0, import_react13.useState)(() => /* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = (0, import_react13.useState)(false);
+  const [touched, setTouched] = (0, import_react15.useState)(() => /* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = (0, import_react15.useState)(false);
   const errors = Object.fromEntries(
     surface.fields.map((field) => [
       field.path,
@@ -6607,14 +6840,14 @@ function ToolInputCard({
     onSubmit?.(surface, result);
   }
   if (submitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "section",
       {
         className: "tool-input-card tool-input-card--submitted",
         role: "status",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("strong", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("strong", { children: [
             surface.title,
             " submitted"
           ] })
@@ -6622,18 +6855,18 @@ function ToolInputCard({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "section",
     {
       className: "tool-input-card",
       "aria-labelledby": `tool-input-${surface.id}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
-          surface.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: surface.description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-input-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
+          surface.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: surface.description }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { noValidate: true, onSubmit: submit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { noValidate: true, onSubmit: submit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             ToolField,
             {
               disabled,
@@ -6646,8 +6879,8 @@ function ToolInputCard({
             },
             field.path
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__actions", children: [
-            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-input-card__actions", children: [
+            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "button",
               {
                 type: "button",
@@ -6660,7 +6893,7 @@ function ToolInputCard({
                 children: surface.actions.find((action) => action.id === "reset")?.label ?? "Clear"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
           ] })
         ] })
       ]
@@ -6669,17 +6902,17 @@ function ToolInputCard({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function HumanInputCard({
   disabled = false,
   request,
   onRespond
 }) {
-  const [text3, setText] = (0, import_react14.useState)("");
+  const [text3, setText] = (0, import_react16.useState)("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       ToolInputCard,
       {
         disabled,
@@ -6689,7 +6922,7 @@ function HumanInputCard({
     );
   }
   if (options.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       ConfirmationCard,
       {
         disabled,
@@ -6704,17 +6937,17 @@ function HumanInputCard({
     if (!value || disabled) return;
     onRespond?.({ requestId: request.requestId, text: value });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "section",
     {
       className: "human-input-card",
       "aria-labelledby": `human-input-${request.requestId}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
-        showText ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit: submitText, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "input",
               {
                 id: `human-input-text-${request.requestId}`,
@@ -6723,17 +6956,17 @@ function HumanInputCard({
                 onChange: (event) => setText(event.target.value)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "submit", disabled: disabled || !text3.trim(), children: "Send" })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "submit", disabled: disabled || !text3.trim(), children: "Send" })
           ] })
         ] }) : null,
-        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
       ]
     }
   );
 }
 
 // src/react/components/LocationConsent/LocationConsent.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 
 // src/runtime/location-consent.ts
 function isLocationConsentRequest(request) {
@@ -6776,21 +7009,21 @@ function getPreciseLocation(geolocation) {
 }
 
 // src/react/components/LocationConsent/LocationConsent.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function LocationConsent({
   request,
   onRespond
 }) {
-  const [preference, setPreference] = (0, import_react15.useState)("unset");
-  const [locating, setLocating] = (0, import_react15.useState)(false);
-  const [error, setError] = (0, import_react15.useState)(null);
-  const respond = (0, import_react15.useRef)(onRespond);
-  const answered = (0, import_react15.useRef)(null);
+  const [preference, setPreference] = (0, import_react17.useState)("unset");
+  const [locating, setLocating] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const respond = (0, import_react17.useRef)(onRespond);
+  const answered = (0, import_react17.useRef)(null);
   const requestId = request?.requestId;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     respond.current = onRespond;
   }, [onRespond]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!requestId || preference === "unset" || answered.current === requestId || !respond.current)
       return;
     if (preference === "off") {
@@ -6833,13 +7066,13 @@ function LocationConsent({
   }, [requestId, preference]);
   const isLocating = Boolean(requestId) && preference === "on" && locating;
   if (!request && preference === "unset") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "location-consent", "aria-label": "Location sharing", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "location-consent__copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: isLocating ? "Getting your location\u2026" : request ? "Get better results" : "Precise location" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: isLocating ? "Allow location access in your browser." : request ? "Share your precise location" : preference === "on" ? "On for location-aware answers" : "Off for this chat" })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "location-consent", "aria-label": "Location sharing", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "location-consent__copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: isLocating ? "Getting your location\u2026" : request ? "Get better results" : "Precise location" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: isLocating ? "Allow location access in your browser." : request ? "Share your precise location" : preference === "on" ? "On for location-aware answers" : "Off for this chat" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "location-consent__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "location-consent__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           type: "button",
@@ -6853,10 +7086,10 @@ function LocationConsent({
             setError(null);
             setPreference(preference === "on" ? "off" : "on");
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", {})
         }
       ),
-      request && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      request && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           type: "button",
@@ -6870,35 +7103,35 @@ function LocationConsent({
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { role: "alert", className: "location-consent__error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { role: "alert", className: "location-consent__error", children: error })
   ] });
 }
 
 // src/react/components/CollectionResultCard/CollectionResultCard.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function CollectionResultCard({
   result
 }) {
   const empty = result.items.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "section",
     {
       className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       role: result.status === "completed" ? "status" : "alert",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: result.title })
         ] }),
-        empty ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
-          item.description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: item.description }) : null,
-          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: detail.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: detail.value })
+        empty ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { children: detail.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { children: detail.value })
           ] }, `${detail.label}:${detail.value}`)) }) : null,
-          item.href ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
         ] }, item.title)) })
       ]
     }
@@ -6906,23 +7139,23 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function EntityResultCard({
   result
 }) {
   const compact = !result.description && !result.details?.length && !result.links?.length;
   const collapsible = result.status === "completed" && Boolean(result.details?.length) && !result.links?.length;
-  const heading = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "tool-result-card__heading", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: result.title })
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "tool-result-card__heading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { children: result.title })
   ] });
-  const content = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    result.description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: result.description }) : null,
-    result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { children: detail.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { children: detail.value })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    result.description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: result.description }) : null,
+    result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dt", { children: detail.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dd", { children: detail.value })
     ] }, `${detail.label}:${detail.value}`)) }) : null,
-    result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "a",
       {
         href: link.href,
@@ -6934,12 +7167,12 @@ function EntityResultCard({
     )) }) : null
   ] });
   if (collapsible) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("details", { className: "entity-result-card tool-result-card entity-result-card--disclosure", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("summary", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { role: "status", children: heading }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("details", { className: "entity-result-card tool-result-card entity-result-card--disclosure", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("summary", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { role: "status", children: heading }) }),
       content
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "section",
     {
       className: `entity-result-card tool-result-card tool-result-card--${result.status}${compact ? " entity-result-card--compact" : ""}`,
@@ -6954,24 +7187,24 @@ function EntityResultCard({
 }
 
 // src/react/components/SignatureResultCard/SignatureResultCard.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function SignatureResultCard({
   result
 }) {
   const primaryLink = result.links?.[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "section",
     {
       className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: result.title })
         ] }),
-        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: result.description }) : null,
-        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "a",
           {
             className: "signature-result-card__cta",
@@ -6987,27 +7220,27 @@ function SignatureResultCard({
 }
 
 // src/react/components/ToolResultCard/ToolResultCard.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ToolResultCard({
   result
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "section",
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       role: result.status === "completed" ? "status" : "alert",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: detail.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "a",
           {
             href: link.href,
@@ -7023,14 +7256,14 @@ function ToolResultCard({
 }
 
 // src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function VisitorToolResultView({
   disabled = false,
   onToolInput,
   result
 }) {
   if (result.kind === "input") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ToolInputCard,
       {
         disabled,
@@ -7040,16 +7273,16 @@ function VisitorToolResultView({
     );
   }
   if (result.kind === "entity") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EntityResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EntityResultCard, { result });
   }
   if (result.kind === "collection") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollectionResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollectionResultCard, { result });
   }
   if (result.kind === "signature") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SignatureResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SignatureResultCard, { result });
   }
   if (result.kind === "summary") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolResultCard, { result });
   }
   return null;
 }
@@ -7058,9 +7291,9 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function MinimizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "path",
     {
       d: "M3.5 8h9",
@@ -7071,7 +7304,7 @@ function MinimizeIcon() {
   ) });
 }
 function CloseIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -7082,19 +7315,31 @@ function CloseIcon2() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "path",
-    {
-      d: "M9.5 3.5h3v3M12.25 3.75 8 8M7 4H4.5A1.5 1.5 0 0 0 3 5.5v6A1.5 1.5 0 0 0 4.5 13h6a1.5 1.5 0 0 0 1.5-1.5V9",
-      stroke: "currentColor",
-      strokeWidth: "1.4",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "path",
+      {
+        d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.86L21 8",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "path",
+      {
+        d: "M21 3v5h-5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -7106,7 +7351,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -7118,7 +7363,7 @@ function RestoreIcon() {
   ) });
 }
 function ChevronDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "path",
     {
       d: "M4 6.5l4 4 4-4",
@@ -7142,6 +7387,8 @@ function AgentRail({
   disclaimerLink,
   answerReceipt = false,
   readAloud = false,
+  showLearnMore = true,
+  showSources = true,
   composerPlaceholder = "Ask anything\u2026",
   mobileFullscreen = false,
   expanded = false,
@@ -7158,21 +7405,32 @@ function AgentRail({
   onInputResponse,
   onToolInput
 }) {
-  const railRef = (0, import_react16.useRef)(null);
-  const overlayRef = (0, import_react16.useRef)(null);
-  const transcriptRef = (0, import_react16.useRef)(null);
-  const responseRef = (0, import_react16.useRef)(null);
-  const threadRef = (0, import_react16.useRef)(null);
-  const lastScrolledVisitorIdRef = (0, import_react16.useRef)(void 0);
-  const pinnedToBottomRef = (0, import_react16.useRef)(true);
-  const smoothScrollToLatestRef = (0, import_react16.useRef)(false);
-  const lockedTranscriptScrollTopRef = (0, import_react16.useRef)(null);
-  const [showJumpToLatest, setShowJumpToLatest] = (0, import_react16.useState)(false);
-  const [receiptOpen, setReceiptOpen] = (0, import_react16.useState)(false);
+  const railRef = (0, import_react18.useRef)(null);
+  const overlayRef = (0, import_react18.useRef)(null);
+  const transcriptRef = (0, import_react18.useRef)(null);
+  const responseRef = (0, import_react18.useRef)(null);
+  const threadRef = (0, import_react18.useRef)(null);
+  const lastScrolledVisitorIdRef = (0, import_react18.useRef)(void 0);
+  const pinnedToBottomRef = (0, import_react18.useRef)(true);
+  const smoothScrollToLatestRef = (0, import_react18.useRef)(false);
+  const lockedTranscriptScrollTopRef = (0, import_react18.useRef)(null);
+  const [showJumpToLatest, setShowJumpToLatest] = (0, import_react18.useState)(false);
+  const [receiptOpen, setReceiptOpen] = (0, import_react18.useState)(false);
+  const [expandedSourcesMessageId, setExpandedSourcesMessageId] = (0, import_react18.useState)(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
   const resolvedDisclaimerLabel = disclaimerLabel === void 0 ? DEFAULT_DISCLAIMER_LABEL : disclaimerLabel;
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react16.useState)(null);
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react18.useState)(null);
+  const [brandLogoDisplay, setBrandLogoDisplay] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
+    setFailedLogoUrl(null);
+  }, [resolvedBrandLogoUrl]);
+  const activeBrandLogoDisplay = brandLogoDisplay?.url === resolvedBrandLogoUrl ? brandLogoDisplay : null;
+  const wideBrandLogo = activeBrandLogoDisplay?.wide ?? false;
+  const brandLogoDisplaySize = activeBrandLogoDisplay ? {
+    height: activeBrandLogoDisplay.height,
+    width: activeBrandLogoDisplay.width
+  } : null;
   const showBrandLogo = Boolean(resolvedBrandLogoUrl) && failedLogoUrl !== resolvedBrandLogoUrl;
   const resolvedColorScheme = useAgentColorScheme(colorScheme);
   const railStyle = agentThemeStyle(theme, resolvedColorScheme);
@@ -7273,29 +7531,39 @@ function AgentRail({
     ...visibleVisitorToolResults
   ].reverse().find((result) => result.kind !== "input")?.id;
   const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (state.phase !== "complete") {
       setReceiptOpen(false);
     }
   }, [state.phase]);
+  (0, import_react18.useEffect)(() => {
+    if (state.phase !== "complete" || !showSources) {
+      setExpandedSourcesMessageId(null);
+    }
+  }, [state.phase, showSources]);
   function handleSubmit(message, options) {
     setReceiptOpen(false);
+    setExpandedSourcesMessageId(null);
     onSubmit?.(message, options);
   }
   function handleRegenerate() {
     setReceiptOpen(false);
+    setExpandedSourcesMessageId(null);
     onRegenerate?.();
   }
   function handleReset() {
     setReceiptOpen(false);
+    setExpandedSourcesMessageId(null);
     onReset?.();
   }
   function handleFollowUpSelect(label) {
     setReceiptOpen(false);
-    onFollowUpSelect?.(label);
+    setExpandedSourcesMessageId(null);
+    if (onFollowUpSelect) onFollowUpSelect(label);
+    else onSubmit?.(label);
   }
   const latestVisitorId = visibleMessages[lastVisitorIndex]?.id;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const node = transcriptRef.current;
     if (!node) return;
     if (latestVisitorId !== lastScrolledVisitorIdRef.current) {
@@ -7325,7 +7593,7 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const node = transcriptRef.current;
     if (!node) return;
     const handleScroll = () => {
@@ -7339,7 +7607,7 @@ function AgentRail({
     handleScroll();
     return () => node.removeEventListener("scroll", handleScroll);
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!receiptOpen) {
       lockedTranscriptScrollTopRef.current = null;
       return;
@@ -7377,7 +7645,7 @@ function AgentRail({
     window.setTimeout(settle, 900);
     node.scrollTo({ top: node.scrollHeight, behavior: "smooth" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "aside",
     {
       ref: railRef,
@@ -7391,44 +7659,72 @@ function AgentRail({
       autoFocus: mobileFullscreen || expanded,
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AgentRailOverlayContext.Provider, { value: { railRef, overlayRef }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "agent-rail__brand-row", children: [
-            onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AgentRailOverlayContext.Provider, { value: { railRef, overlayRef }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__brand-row", children: [
+            onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
                 className: "agent-rail__collapse",
                 "aria-label": "Collapse assist",
                 onClick: onCollapse,
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MinimizeIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MinimizeIcon, {})
               }
-            ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
                 className: "agent-rail__close",
                 "aria-label": "Close agent",
                 onClick: onClose,
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseIcon2, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CloseIcon2, {})
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-            resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "agent-rail__identity", children: [
-              showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                "img",
+            ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+            resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "agent-rail__identity", children: [
+              showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                "span",
                 {
-                  className: "agent-rail__brand-logo",
-                  src: resolvedBrandLogoUrl,
-                  alt: "",
-                  onError: () => {
-                    setFailedLogoUrl(resolvedBrandLogoUrl ?? null);
-                  }
+                  className: `agent-rail__brand-mark${wideBrandLogo ? " agent-rail__brand-mark--wide" : ""}`,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    "img",
+                    {
+                      className: "agent-rail__brand-logo as-brand-logo-img",
+                      src: resolvedBrandLogoUrl,
+                      alt: "",
+                      decoding: "async",
+                      ...brandLogoDisplaySize ? {
+                        height: brandLogoDisplaySize.height,
+                        width: brandLogoDisplaySize.width
+                      } : {},
+                      onLoad: (event) => {
+                        const img = event.currentTarget;
+                        const display = snapBrandLogoDisplaySize({
+                          naturalHeight: img.naturalHeight,
+                          naturalWidth: img.naturalWidth,
+                          surface: "header"
+                        });
+                        if (!resolvedBrandLogoUrl) return;
+                        setBrandLogoDisplay({
+                          height: display.height,
+                          url: resolvedBrandLogoUrl,
+                          wide: display.wide,
+                          width: display.width
+                        });
+                      },
+                      onError: () => {
+                        setFailedLogoUrl(resolvedBrandLogoUrl ?? null);
+                      }
+                    },
+                    resolvedBrandLogoUrl
+                  )
                 }
-              ) }) : null,
-              resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+              ) : null,
+              resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "agent-rail__actions", children: [
-              onReset ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "agent-rail__actions", children: [
+              onReset ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7436,36 +7732,34 @@ function AgentRail({
                   "aria-label": "Start a new conversation",
                   disabled: !hasVisitorMessages2 || handoffActive && !handoff?.canReset,
                   onClick: handleReset,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(NewChatIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(NewChatIcon, {})
                 }
               ) : null,
-              onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   type: "button",
                   className: "agent-rail__expand",
                   "aria-label": expanded ? "Exit full screen" : "Open full screen",
                   onClick: onExpandToggle,
-                  children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ExpandIcon, {})
+                  children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ExpandIcon, {})
                 }
               ) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ref: threadRef, className: "agent-rail__thread", children: [
-            !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-              greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: threadRef, className: "agent-rail__thread", children: [
+            !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+              greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 MessageBubble,
                 {
-                  showProvenance: Boolean(
-                    handoff?.page?.enabled || handoffActive
-                  ),
+                  showProvenance: true,
                   message: greeting,
                   bookingDisabled: isBusy || handoffActive,
                   brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
                   onBook
                 }
               ) : null,
-              showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 FollowUpChips,
                 {
                   suggestions: state.followUps,
@@ -7474,7 +7768,7 @@ function AgentRail({
                   onSelect: (suggestion) => handleFollowUpSelect(suggestion.label)
                 }
               ) }) : null,
-              showActivity ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              showActivity ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 AgentActivityBubble,
                 {
                   brandLabel: resolvedBrandLabel,
@@ -7483,7 +7777,7 @@ function AgentRail({
                   steps: activitySteps
                 }
               ) : null,
-              visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 VisitorToolResultView,
                 {
                   result,
@@ -7492,7 +7786,7 @@ function AgentRail({
                 },
                 result.id
               )),
-              pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 HumanInputCard,
                 {
                   request,
@@ -7501,129 +7795,195 @@ function AgentRail({
                 request.requestId
               ))
             ] }) : null,
-            transcriptMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-              "div",
-              {
-                ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
-                className: "agent-rail__turn-block",
-                children: [
-                  message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    VisitorToolResultView,
-                    {
-                      result
-                    },
-                    result.id
-                  )) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    MessageBubble,
-                    {
-                      showProvenance: Boolean(
-                        handoff?.page?.enabled || handoffActive
-                      ),
-                      message,
-                      bookingDisabled: isBusy || handoffActive,
-                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                      offer: index === transcriptMessages.length - 1 ? state.pendingOffer : void 0,
-                      onBook
-                    }
-                  ),
-                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                    MessageActions,
-                    {
-                      answeredAt: message.createdAt,
-                      copyText: hideToolCardFences(message.text).trim() || message.text,
-                      readAloud,
-                      receiptSteps,
-                      onOpenReceipt: receiptSteps ? openReceipt : void 0,
-                      onRegenerate: onRegenerate ? handleRegenerate : void 0,
-                      onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
-                    }
-                  ) : null,
-                  index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                    showActivity ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                      AgentActivityBubble,
-                      {
-                        brandLabel: resolvedBrandLabel,
-                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                        failed: state.phase === "error",
-                        steps: activitySteps
-                      }
-                    ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            transcriptMessages.map((message, index) => {
+              const messageSourceCount = message.role === "agent" ? searchSources(message.searchResults ?? []).length : 0;
+              const showAnswerActions = message.role === "agent" && index === lastAgentIndex && showMessageActions;
+              const showSourcesToggle = message.role === "agent" && showSources && state.phase === "complete" && !message.streaming && messageSourceCount > 0;
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                "div",
+                {
+                  ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
+                  className: "agent-rail__turn-block",
+                  children: [
+                    message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       VisitorToolResultView,
                       {
-                        result,
-                        disabled: semanticSurfaceDisabled,
-                        onToolInput
+                        result
                       },
                       result.id
-                    )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                      HumanInputCard,
+                    )) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      MessageBubble,
                       {
-                        request,
-                        onRespond: onInputResponse
-                      },
-                      request.requestId
-                    ))
-                  ] }) : null
-                ]
-              },
-              message.role === "agent" && transcriptMessages[index - 1]?.role === "visitor" ? `answer-${transcriptMessages[index - 1]?.id}` : message.id
-            )),
-            waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BookingCardLoader, {}) : null,
-            state.error ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { children: "Something went wrong" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: state.error })
+                        showProvenance: true,
+                        message,
+                        showSearchReferences: false,
+                        bookingDisabled: isBusy || handoffActive,
+                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                        offer: index === transcriptMessages.length - 1 ? state.pendingOffer : void 0,
+                        onBook
+                      }
+                    ),
+                    showAnswerActions || showSourcesToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__answer-footer", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__answer-actions", children: [
+                        showAnswerActions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                          MessageActions,
+                          {
+                            answeredAt: message.createdAt,
+                            copyText: hideToolCardFences(message.text).trim() || message.text,
+                            readAloud,
+                            receiptSteps,
+                            onOpenReceipt: receiptSteps ? () => openReceipt() : void 0,
+                            onRegenerate: onRegenerate ? handleRegenerate : void 0,
+                            onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
+                          }
+                        ) : null,
+                        showSourcesToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                          "button",
+                          {
+                            className: "agent-rail__sources-button",
+                            type: "button",
+                            "aria-expanded": expandedSourcesMessageId === message.id,
+                            "aria-controls": `agent-rail-sources-${message.id}`,
+                            onClick: () => setExpandedSourcesMessageId(
+                              (current) => current === message.id ? null : message.id
+                            ),
+                            children: [
+                              "Explore More",
+                              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                                "span",
+                                {
+                                  className: "agent-rail__sources-button-chevron",
+                                  "aria-hidden": "true",
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronDownIcon, {})
+                                }
+                              )
+                            ]
+                          }
+                        ) : null
+                      ] }),
+                      showSourcesToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                        "div",
+                        {
+                          id: `agent-rail-sources-${message.id}`,
+                          className: `agent-rail__sources-panel${expandedSourcesMessageId === message.id ? " agent-rail__sources-panel--open" : ""}`,
+                          role: "region",
+                          "aria-label": "Explore More",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__sources-panel-inner", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            SearchReferences,
+                            {
+                              results: message.searchResults ?? [],
+                              mode: "sources"
+                            }
+                          ) })
+                        }
+                      ) : null
+                    ] }) : null,
+                    message.role === "agent" && !message.streaming ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      SearchReferences,
+                      {
+                        results: message.searchResults ?? [],
+                        mode: "actions"
+                      }
+                    ) : null,
+                    showAnswerActions && !handoffActive && showLearnMore ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      LearnMore,
+                      {
+                        results: message.searchResults ?? [],
+                        disabled: isBusy || !(onFollowUpSelect || onSubmit),
+                        onSelect: handleFollowUpSelect
+                      }
+                    ) : null,
+                    index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+                      showActivity ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                        AgentActivityBubble,
+                        {
+                          brandLabel: resolvedBrandLabel,
+                          brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                          failed: state.phase === "error",
+                          steps: activitySteps
+                        }
+                      ) : null,
+                      visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                        VisitorToolResultView,
+                        {
+                          result,
+                          disabled: semanticSurfaceDisabled,
+                          onToolInput
+                        },
+                        result.id
+                      )),
+                      pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                        HumanInputCard,
+                        {
+                          request,
+                          onRespond: onInputResponse
+                        },
+                        request.requestId
+                      ))
+                    ] }) : null
+                  ]
+                },
+                message.role === "agent" && transcriptMessages[index - 1]?.role === "visitor" ? `answer-${transcriptMessages[index - 1]?.id}` : message.id
+              );
+            }),
+            waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BookingCardLoader, {}) : null,
+            state.error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { children: "Something went wrong" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: state.error })
               ] }),
-              onRetry ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+              onRetry ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
             ] }) : null
           ] }) }),
-          showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            "a",
-            {
-              href: disclaimerLink,
-              rel: "noopener noreferrer",
-              target: "_blank",
-              children: resolvedDisclaimerLabel
-            }
-          ) : resolvedDisclaimerLabel }) }) : null,
-          handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "agent-rail__handoff", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { role: "status", "aria-live": "polite", children: !handoff.page ? "Checking conversation\u2026" : handoffStatus === "human" ? "Connected with support" : handoffStatus === "queued" ? "Waiting for a representative" : handoffStatus === "requesting" ? "Connecting you to support\u2026" : handoffStatus === "resolved" ? "Your conversation with support has ended" : handoffStatus === "failed" ? "We couldn\u2019t connect you to support" : "Need a person?" }),
-            handoffStatus === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__handoff", children: [
+            handoffStatus === "human" || handoffStatus === "queued" || handoffStatus === "requesting" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "agent-rail__handoff-dot", "aria-hidden": "true" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "p",
+              {
+                className: "agent-rail__handoff-status",
+                role: "status",
+                "aria-live": "polite",
+                children: !handoff.page ? "Checking conversation\u2026" : handoffStatus === "human" ? "Connected with support" : handoffStatus === "queued" ? "Waiting for a representative" : handoffStatus === "requesting" ? "Connecting you to support\u2026" : handoffStatus === "resolved" ? "Your conversation with support has ended" : handoffStatus === "failed" ? "We couldn\u2019t connect you to support" : "Need a person?"
+              }
+            ),
+            handoffStatus === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
+                className: "agent-rail__handoff-cta",
                 disabled: handoff.busy || handoff.hasPending || isBusy,
                 onClick: () => void handoff.start(),
                 children: "Talk to a person"
               }
             ) : null,
-            handoffStatus === "resolved" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            handoffStatus === "resolved" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
+                className: "agent-rail__handoff-action",
                 disabled: handoff.busy || handoff.hasPending,
                 onClick: () => void handoff.returnToAI(),
                 children: "Return to AI"
               }
             ) : null,
-            handoffStatus === "failed" && onReset ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            handoffStatus === "failed" && onReset ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
+                className: "agent-rail__handoff-action",
                 disabled: !handoff.canReset,
                 onClick: handleReset,
                 children: "Start a new conversation"
               }
             ) : null,
-            handoff.error ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { role: "alert", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: handoff.error }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            handoff.error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "agent-rail__handoff-error", role: "alert", children: [
+              handoff.error,
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   type: "button",
+                  className: "agent-rail__handoff-action",
                   disabled: handoff.busy,
                   onClick: () => void handoff.retry(),
                   children: "Retry"
@@ -7631,8 +7991,17 @@ function AgentRail({
               )
             ] }) : null
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "a",
+            {
+              href: disclaimerLink,
+              rel: "noopener noreferrer",
+              target: "_blank",
+              children: resolvedDisclaimerLabel
+            }
+          ) : resolvedDisclaimerLabel }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               LocationConsent,
               {
                 request: locationRequest,
@@ -7640,7 +8009,7 @@ function AgentRail({
               },
               state.messages.find((message) => message.role === "visitor")?.id ?? "empty"
             ),
-            showJumpToLatest ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            showJumpToLatest ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -7648,10 +8017,10 @@ function AgentRail({
                 "aria-label": "Jump to the latest message",
                 title: "Jump to the latest message",
                 onClick: scrollToLatest,
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDownIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronDownIcon, {})
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Composer,
               {
                 variant: expanded || mobileFullscreen ? "dock" : "default",
@@ -7668,11 +8037,11 @@ function AgentRail({
               },
               `${state.messages.find((message) => message.role === "visitor")?.id ?? "empty"}:${latestResultId ?? ""}`
             ),
-            poweredByLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: poweredByLabel }) }) }) : null
+            poweredByLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: poweredByLabel }) }) }) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: overlayRef, className: "agent-rail__overlay" }),
-        receiptOpen && receiptSteps ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: overlayRef, className: "agent-rail__overlay" }),
+        receiptOpen && receiptSteps ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           AnswerReceiptDialog,
           {
             brandLabel: resolvedBrandLabel,
@@ -7686,10 +8055,10 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-var import_react17 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ChatSparkIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "svg",
     {
       className: "assist-edge-tab__chat-spark",
@@ -7697,7 +8066,7 @@ function ChatSparkIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "path",
           {
             className: "assist-edge-tab__spark assist-edge-tab__spark--a",
@@ -7705,7 +8074,7 @@ function ChatSparkIcon() {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "path",
           {
             className: "assist-edge-tab__spark assist-edge-tab__spark--b",
@@ -7713,8 +8082,8 @@ function ChatSparkIcon() {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("g", { className: "assist-edge-tab__bot", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("g", { className: "assist-edge-tab__bot", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "path",
             {
               d: "M11.15 5.2V3.05",
@@ -7723,8 +8092,8 @@ function ChatSparkIcon() {
               strokeLinecap: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("circle", { cx: "11.15", cy: "2.45", r: "0.85", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { cx: "11.15", cy: "2.45", r: "0.85", fill: "currentColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "rect",
             {
               x: "3.55",
@@ -7736,7 +8105,7 @@ function ChatSparkIcon() {
               strokeWidth: "1.9"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "circle",
             {
               className: "assist-edge-tab__eye",
@@ -7746,7 +8115,7 @@ function ChatSparkIcon() {
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "circle",
             {
               className: "assist-edge-tab__eye assist-edge-tab__eye--r",
@@ -7763,40 +8132,72 @@ function ChatSparkIcon() {
 }
 function TabMarkIcon({
   customIconUrl,
-  logoUrl
+  logoUrl,
+  chip = false
 }) {
   const custom = customIconUrl?.trim();
   const logo = logoUrl?.trim();
-  const [customFailed, setCustomFailed] = (0, import_react17.useState)(false);
-  const [logoFailed, setLogoFailed] = (0, import_react17.useState)(false);
+  const [customFailed, setCustomFailed] = (0, import_react19.useState)(false);
+  const [logoFailed, setLogoFailed] = (0, import_react19.useState)(false);
+  const [markDisplay, setMarkDisplay] = (0, import_react19.useState)(null);
+  function applyLauncherLogoSize(img, sourceUrl) {
+    if (!chip) return;
+    const display = snapBrandLogoDisplaySize({
+      naturalHeight: img.naturalHeight,
+      naturalWidth: img.naturalWidth,
+      surface: "launcher"
+    });
+    setMarkDisplay({
+      url: sourceUrl,
+      width: display.width,
+      height: display.height,
+      wide: display.wide
+    });
+  }
+  const chipMarkStyle = chip && markDisplay ? {
+    width: `${markDisplay.width}px`,
+    height: `${markDisplay.height}px`
+  } : void 0;
   if (custom && !customFailed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "img",
       {
         alt: "",
         "aria-hidden": true,
-        className: "assist-edge-tab__custom-icon",
+        className: `assist-edge-tab__custom-icon as-brand-logo-img${chip ? " assist-edge-tab__custom-icon--chip" : ""}`,
         src: custom,
+        decoding: "async",
+        style: markDisplay?.url === custom ? chipMarkStyle : void 0,
+        onLoad: (event) => {
+          if (chip) {
+            applyLauncherLogoSize(event.currentTarget, custom);
+          }
+        },
         onError: () => setCustomFailed(true)
       }
     );
   }
   if (logo && !logoFailed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "img",
       {
         alt: "",
         "aria-hidden": true,
-        className: "assist-edge-tab__logo",
+        className: `assist-edge-tab__logo as-brand-logo-img${chip ? " assist-edge-tab__logo--chip" : ""}${chip && markDisplay?.url === logo && markDisplay.wide ? " assist-edge-tab__logo--wide" : ""}`,
         src: logo,
+        decoding: "async",
+        style: markDisplay?.url === logo ? chipMarkStyle : void 0,
+        onLoad: (event) => {
+          applyLauncherLogoSize(event.currentTarget, logo);
+        },
         onError: () => setLogoFailed(true)
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChatSparkIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChatSparkIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -7808,7 +8209,7 @@ function ChevronLeftIcon() {
   ) });
 }
 function ChevronDownIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -7820,7 +8221,7 @@ function ChevronDownIcon2() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", {}, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -7864,6 +8265,7 @@ function AssistEdgeTab({
     "--tab-along": `${along}%`,
     "--tab-inset": `${inset}px`,
     ...resolvedBrandColor ? { "--as-brand": resolvedBrandColor } : {},
+    ...pill && resolvedBrandColor ? { "--pill-logo-surface": resolvedBrandColor } : {},
     ...brandForeground ? { "--as-visitor-text": brandForeground } : {},
     ...resolvedBorderColor ? { "--as-border": resolvedBorderColor } : {},
     ...fontFamily ? { "--as-font-display": fontFamily } : {},
@@ -7875,7 +8277,7 @@ function AssistEdgeTab({
     ...!pill && resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: chromeScheme
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "button",
     {
       type: "button",
@@ -7887,15 +8289,16 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        pill ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        pill ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "span",
             {
               className: `assist-edge-tab__mark assist-edge-tab__mark--chip${mobile ? " assist-edge-tab__mark--mobile" : ""}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 TabMarkIcon,
                 {
+                  chip: true,
                   customIconUrl,
                   logoUrl
                 },
@@ -7903,38 +8306,40 @@ function AssistEdgeTab({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "assist-edge-tab__text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-            visibleSubLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__sublabel", children: visibleSubLabel }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "assist-edge-tab__text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+            visibleSubLabel ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__sublabel", children: visibleSubLabel }) : null
           ] })
-        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             TabMarkIcon,
             {
+              chip: true,
               customIconUrl,
               logoUrl
             },
             markSourceKey
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronDownIcon2, {})
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronDownIcon2, {})
         ] }) : null,
-        !pill && variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronLeftIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DragDots, {})
+        !pill && variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronLeftIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DragDots, {})
         ] }) : null,
-        !pill && variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        !pill && variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             TabMarkIcon,
             {
+              chip: true,
               customIconUrl,
               logoUrl
             },
             markSourceKey
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronLeftIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronLeftIcon, {})
         ] }) : null
       ]
     }
@@ -7998,7 +8403,7 @@ function sendAgentAnswerFeedback(eventUrl, event) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function AgentWidget({
   indexId,
   customerId,
@@ -8018,9 +8423,9 @@ function AgentWidget({
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = (0, import_react18.useRef)(null);
-  const [railCollapsed, setRailCollapsed] = (0, import_react18.useState)(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = (0, import_react18.useState)(false);
+  const railSlotRef = (0, import_react20.useRef)(null);
+  const [railCollapsed, setRailCollapsed] = (0, import_react20.useState)(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = (0, import_react20.useState)(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -8075,7 +8480,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -8110,7 +8515,7 @@ function AgentWidget({
       })
     );
   }
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -8144,19 +8549,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               AgentRail,
               {
                 theme,
@@ -8169,6 +8574,8 @@ function AgentWidget({
                 disclaimerLink: branding?.disclaimerLink,
                 answerReceipt: branding?.answerReceipt,
                 readAloud: branding?.readAloud,
+                showLearnMore: branding?.showLearnMore,
+                showSources: branding?.showSources,
                 state,
                 handoff,
                 mobileFullscreen: isMobile && !railCollapsed,
@@ -8194,7 +8601,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -8221,10 +8628,10 @@ function AgentWidget({
 }
 
 // src/react/components/AgentTranscript/AgentTranscript.tsx
-var import_react19 = require("react");
+var import_react21 = require("react");
 
 // src/react/components/AgentTranscript/TranscriptActivity.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var statusLabels = {
   started: "No result recorded",
   completed: "",
@@ -8234,33 +8641,33 @@ var statusLabels = {
 function RecordedResult({
   result
 }) {
-  if (result.kind === "search") return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SearchReferences, { results: [result] });
+  if (result.kind === "search") return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SearchReferences, { results: [result] });
   if (result.kind === "booking") {
     const card = result.card;
     if (card.type === "booking_offer")
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(BookingCard, { readOnly: true, offer: card });
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BookingCard, { readOnly: true, offer: card });
     if (card.type === "booking_confirmed")
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { children: [
         "Booking confirmed",
         card.startTime ? ` \xB7 ${card.startTime}` : ""
       ] });
-    if (card.type === "booking_canceled") return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: "Booking canceled" });
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: "Information requested" });
+    if (card.type === "booking_canceled") return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: "Booking canceled" });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: "Information requested" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(VisitorToolResultView, { disabled: true, result });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VisitorToolResultView, { disabled: true, result });
 }
 function TranscriptActivity({
   activity
 }) {
   const result = activity.result?.kind === "hidden" ? void 0 : activity.result;
-  const heading = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: activity.category === "specialist" ? `Specialist \xB7 ${activity.label}` : activity.label }),
-    activity.status !== "completed" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "agent-transcript__activity-status", children: statusLabels[activity.status] }) : null
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: activity.category === "specialist" ? `Specialist \xB7 ${activity.label}` : activity.label }),
+    activity.status !== "completed" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "agent-transcript__activity-status", children: statusLabels[activity.status] }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: "agent-transcript__activity", "data-status": activity.status, children: result ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("details", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("summary", { className: "agent-transcript__activity-heading", children: heading }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "agent-transcript__activity-result", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RecordedResult, { result }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "agent-transcript__activity-heading", children: heading }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { className: "agent-transcript__activity", "data-status": activity.status, children: result ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("details", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("summary", { className: "agent-transcript__activity-heading", children: heading }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "agent-transcript__activity-result", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RecordedResult, { result }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "agent-transcript__activity-heading", children: heading }) });
 }
 
 // src/react/components/AgentTranscript/group-activities.ts
@@ -8298,7 +8705,7 @@ function groupTranscriptActivities(activities) {
 }
 
 // src/react/components/AgentTranscript/AgentTranscript.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var timestampFormat = new Intl.DateTimeFormat("en-US", {
   month: "short",
   day: "numeric",
@@ -8329,7 +8736,7 @@ function AgentTranscript({
       ...activity
     }))
   ].sort((left, right) => left.createdAt - right.createdAt);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "ol",
     {
       className: "webless-agent-root agent-transcript not-typeset",
@@ -8342,15 +8749,15 @@ function AgentTranscript({
         const previous = entries[index - 1];
         const validTimestamp = Number.isFinite(date.getTime());
         const showTimestamp = validTimestamp && (previous ? entry.createdAt - previous.createdAt >= 5 * 60 * 1e3 || date.toISOString().slice(0, 10) !== new Date(previous.createdAt).toJSON()?.slice(0, 10) : showInitialTimestamp);
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react19.Fragment, { children: [
-          showTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { className: "agent-transcript__time-marker", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(entry.createdAt) }) }) : null,
-          entry.kind === "activity" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TranscriptActivity, { activity: entry }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react21.Fragment, { children: [
+          showTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { className: "agent-transcript__time-marker", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(entry.createdAt) }) }) : null,
+          entry.kind === "activity" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TranscriptActivity, { activity: entry }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "li",
             {
               className: `agent-transcript__message agent-transcript__message--${entry.role}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "agent-transcript__meta", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: entry.role === "visitor" ? visitorLabel : agentLabel }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "agent-transcript__meta", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: entry.role === "visitor" ? visitorLabel : agentLabel }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   MessageBubble,
                   {
                     message: entry.role === "agent" ? { ...entry, streaming: false } : entry,