@webless/agent 0.12.1 → 0.13.1

package/dist/{chunk-HKQFEO6R.js → chunk-P6ZM4BIU.js}

@@ -363,7 +363,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) => text(item)) ? [...new Set(data.suggestions.map((item) => item.trim()))] : void 0;
+  return {
+    sources,
+    ...cta ? { cta } : {},
+    ...suggestions ? { suggestions } : {}
+  };
 }
 function parseAgentSearchDiscoveryOutput(value) {
   let decoded = value;
@@ -1117,6 +1122,7 @@ function presentVisitorToolResult(result, registry = []) {
         status: "completed",
         kind: "search",
         sources: search.sources,
+        suggestions: search.suggestions,
         ...search.cta ? { cta: search.cta } : {}
       };
     }
@@ -4654,7 +4660,7 @@ function MessageActions({
             },
             children: [
               /* @__PURE__ */ jsx(SourcesIcon, {}),
-              "View sources"
+              "How this answer was made"
             ]
           }
         ) : null,
@@ -4747,7 +4753,7 @@ function MessageActions({
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { useEffect as useEffect8, useRef as useRef8, useState as useState11 } from "react";
+import { useEffect as useEffect9, useRef as useRef8, useState as useState13 } from "react";
 
 // src/react/lib/agent-theme.ts
 function agentThemeStyle(theme, resolvedColorScheme) {
@@ -4991,13 +4997,248 @@ function AgentActivityBubble({
   ] });
 }
 
+// src/react/components/LearnMore/LearnMore.tsx
+import { useId, useState as useState5 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function QuestionIcon() {
+  return /* @__PURE__ */ jsxs3(
+    "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__ */ jsx3("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
+        /* @__PURE__ */ jsx3("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ jsx3("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+function LearnMore({
+  results,
+  disabled,
+  onSelect
+}) {
+  const headingId = useId();
+  const panelId = useId();
+  const [open, setOpen] = useState5(true);
+  const questions = [
+    ...new Set(results.flatMap((result) => result.suggestions ?? []))
+  ].slice(0, 3);
+  if (!questions.length) return null;
+  return /* @__PURE__ */ jsxs3("section", { className: "learn-more", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx3("h3", { id: headingId, className: "learn-more__heading", children: /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        type: "button",
+        className: "learn-more__toggle",
+        "aria-expanded": open,
+        "aria-controls": panelId,
+        onClick: () => setOpen((current) => !current),
+        children: [
+          /* @__PURE__ */ jsx3("span", { children: "Learn more" }),
+          /* @__PURE__ */ jsx3(
+            "svg",
+            {
+              className: "learn-more__chevron",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx3(
+                "path",
+                {
+                  d: "M4 6.5l4 4 4-4",
+                  stroke: "currentColor",
+                  strokeWidth: "1.6",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        id: panelId,
+        className: `learn-more__panel${open ? " learn-more__panel--open" : ""}`,
+        children: /* @__PURE__ */ jsx3("div", { className: "learn-more__panel-inner", children: /* @__PURE__ */ jsx3("ul", { className: "learn-more__questions", children: questions.map((question) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onSelect(question),
+            children: [
+              /* @__PURE__ */ jsx3("span", { className: "learn-more__question-icon", children: /* @__PURE__ */ jsx3(QuestionIcon, {}) }),
+              /* @__PURE__ */ jsx3("span", { className: "learn-more__question-text", children: question }),
+              /* @__PURE__ */ jsx3(
+                "svg",
+                {
+                  className: "learn-more__question-arrow",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx3("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+                }
+              )
+            ]
+          }
+        ) }, question)) }) })
+      }
+    )
+  ] });
+}
+
+// src/react/components/SearchReferences/SearchReferences.tsx
+import { useState as useState6 } from "react";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function SiteIcon() {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx4("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
+        /* @__PURE__ */ jsx4("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
+      ]
+    }
+  );
+}
+function SourceFavicon({ url }) {
+  const [failed, setFailed] = useState6(false);
+  let faviconUrl = null;
+  if (url) {
+    try {
+      faviconUrl = `${new URL(url).origin}/favicon.ico`;
+    } catch {
+      faviconUrl = null;
+    }
+  }
+  if (!faviconUrl || failed) return /* @__PURE__ */ jsx4(SiteIcon, {});
+  return /* @__PURE__ */ jsx4(
+    "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__ */ jsxs4("div", { className: "search-references", children: [
+    mode !== "actions" && sources.length > 0 ? /* @__PURE__ */ jsxs4(
+      Container,
+      {
+        className: "search-references__disclosure",
+        "aria-label": "Sources",
+        children: [
+          mode === "default" ? /* @__PURE__ */ jsxs4("summary", { className: "search-references__heading", children: [
+            "Sources (",
+            sources.length,
+            ")"
+          ] }) : null,
+          /* @__PURE__ */ jsx4("ul", { className: "search-references__list", children: sources.map((source) => {
+            const content = /* @__PURE__ */ jsxs4(Fragment, { children: [
+              /* @__PURE__ */ jsx4("span", { className: "search-references__icon", children: /* @__PURE__ */ jsx4(SourceFavicon, { url: source.url }) }),
+              /* @__PURE__ */ jsx4(
+                "span",
+                {
+                  className: "search-references__title",
+                  title: source.title,
+                  children: source.title
+                }
+              ),
+              source.url ? /* @__PURE__ */ jsx4(
+                "svg",
+                {
+                  className: "search-references__row-arrow",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx4("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+                }
+              ) : null
+            ] });
+            return /* @__PURE__ */ jsx4("li", { children: source.url ? /* @__PURE__ */ jsx4(
+              "a",
+              {
+                className: "search-references__source",
+                href: source.url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: content
+              }
+            ) : /* @__PURE__ */ jsx4("div", { className: "search-references__source", children: content }) }, source.key);
+          }) })
+        ]
+      }
+    ) : null,
+    mode !== "sources" && actions.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ jsx4(
+      "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
-import { useEffect as useEffect4, useRef as useRef4 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useId as useId2 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var FOCUSABLE_SELECTOR = 'button:not(:disabled), a[href], textarea:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex="-1"])';
 function CloseIcon() {
-  return /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -5010,8 +5251,12 @@ function CloseIcon() {
 function AnswerReceiptDialog({
   brandLabel = "",
   onClose,
-  steps
+  steps = [],
+  title = "How this answer was made",
+  summary,
+  children
 }) {
+  const titleId = useId2();
   const portalRoots = useAgentRailPortalRoots();
   const overlayRoot = portalRoots?.overlayRef ?? null;
   const cardRef = useRef4(null);
@@ -5028,9 +5273,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);
@@ -5048,8 +5291,8 @@ function AnswerReceiptDialog({
       previouslyFocusedRef.current?.focus({ preventScroll: true });
     };
   }, [onClose]);
-  const content = /* @__PURE__ */ jsxs3("div", { className: "agent-receipt-dialog", children: [
-    /* @__PURE__ */ jsx3(
+  const content = /* @__PURE__ */ jsxs5("div", { className: "agent-receipt-dialog", children: [
+    /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -5059,25 +5302,18 @@ function AnswerReceiptDialog({
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs5(
       "div",
       {
         ref: cardRef,
         className: "agent-receipt-dialog__card",
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": "agent-receipt-dialog-title",
+        "aria-labelledby": titleId,
         children: [
-          /* @__PURE__ */ jsxs3("div", { className: "agent-receipt-dialog__header", children: [
-            /* @__PURE__ */ jsx3(
-              "p",
-              {
-                className: "agent-receipt-dialog__title",
-                id: "agent-receipt-dialog-title",
-                children: "How this answer was made"
-              }
-            ),
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs5("div", { className: "agent-receipt-dialog__header", children: [
+            /* @__PURE__ */ jsx5("p", { className: "agent-receipt-dialog__title", id: titleId, children: title }),
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 ref: closeButtonRef,
@@ -5085,12 +5321,12 @@ function AnswerReceiptDialog({
                 className: "agent-receipt-dialog__close",
                 "aria-label": "Close",
                 onClick: onClose,
-                children: /* @__PURE__ */ jsx3(CloseIcon, {})
+                children: /* @__PURE__ */ jsx5(CloseIcon, {})
               }
             )
           ] }),
-          /* @__PURE__ */ jsx3("p", { className: "agent-receipt-dialog__summary", children: workSummary(steps, false, brandLabel) }),
-          /* @__PURE__ */ jsx3("div", { className: "agent-receipt-dialog__body", children: /* @__PURE__ */ jsx3(AgentWorkSteps, { brandLabel, steps }) })
+          /* @__PURE__ */ jsx5("p", { className: "agent-receipt-dialog__summary", children: summary ?? workSummary(steps, false, brandLabel) }),
+          /* @__PURE__ */ jsx5("div", { className: "agent-receipt-dialog__body", children: children ?? /* @__PURE__ */ jsx5(AgentWorkSteps, { brandLabel, steps }) })
         ]
       }
     )
@@ -5104,14 +5340,14 @@ function AnswerReceiptDialog({
 // src/react/components/Composer/Composer.tsx
 import {
   useEffect as useEffect5,
-  useId,
+  useId as useId3,
   useRef as useRef5,
-  useState as useState5
+  useState as useState7
 } from "react";
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var FORM_SUBMITTED_MESSAGE = "Shared my details";
 function SendIcon() {
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(
     "path",
     {
       d: "M8 12V4M8 4l-3 3M8 4l3 3",
@@ -5123,7 +5359,7 @@ function SendIcon() {
   ) });
 }
 function CheckIcon2() {
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(
     "path",
     {
       d: "M2.5 6.2l2.3 2.3 4.7-5",
@@ -5135,7 +5371,7 @@ function CheckIcon2() {
   ) });
 }
 function CollapseIcon() {
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(
     "path",
     {
       d: "M4 10l4-4 4 4",
@@ -5169,12 +5405,13 @@ function Composer({
   allowFormResume = true,
   onSubmit
 }) {
-  const [value, setValue] = useState5("");
-  const [draft, setDraft] = useState5(() => createDraft(form));
+  const [value, setValue] = useState7("");
+  const [draft, setDraft] = useState7(() => createDraft(form));
+  const [multiline, setMultiline] = useState7(false);
   const inputRef = useRef5(null);
   const firstFieldRef = useRef5(null);
   const formRef = useRef5(null);
-  const formId = useId();
+  const formId = useId3();
   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;
@@ -5184,6 +5421,19 @@ function Composer({
     else if ((savedForm || draft.submitted) && !disabled)
       inputRef.current?.focus();
   }, [activeForm?.id, disabled, savedForm?.id, draft.submitted]);
+  useEffect5(() => {
+    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 }));
   }
@@ -5253,8 +5503,8 @@ function Composer({
       submitForm();
     }
   }
-  const chatField = /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsx4(
+  const chatField = /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsx6(
       "textarea",
       {
         ref: inputRef,
@@ -5269,18 +5519,18 @@ function Composer({
         onKeyDown: handleChatKeyDown
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx6(
       "button",
       {
         type: "submit",
         className: "composer__send",
         disabled: !canSend,
         "aria-label": "Send message",
-        children: /* @__PURE__ */ jsx4(SendIcon, {})
+        children: /* @__PURE__ */ jsx6(SendIcon, {})
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     "form",
     {
       ref: formRef,
@@ -5288,13 +5538,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__ */ jsxs4("div", { className: "composer__resume", children: [
-          /* @__PURE__ */ jsx4("span", { children: "Share your details and we'll reach out shortly" }),
-          !activeForm ? /* @__PURE__ */ jsx4(
+        savedForm ? /* @__PURE__ */ jsxs6("div", { className: "composer__resume", children: [
+          /* @__PURE__ */ jsx6("span", { children: "Share your details and we'll reach out shortly" }),
+          !activeForm ? /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -5304,17 +5555,17 @@ function Composer({
             }
           ) : null
         ] }) : null,
-        activeForm ? /* @__PURE__ */ jsxs4(
+        activeForm ? /* @__PURE__ */ jsxs6(
           "div",
           {
             className: "composer__sheet",
             role: "group",
             "aria-label": "Contact details",
             children: [
-              /* @__PURE__ */ jsxs4("div", { className: "composer__form-heading", children: [
-                /* @__PURE__ */ jsx4("strong", { children: "Share your details" }),
-                /* @__PURE__ */ jsx4("span", { children: "Optional" }),
-                /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsxs6("div", { className: "composer__form-heading", children: [
+                /* @__PURE__ */ jsx6("strong", { children: "Share your details" }),
+                /* @__PURE__ */ jsx6("span", { children: "Optional" }),
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     type: "button",
@@ -5322,11 +5573,11 @@ function Composer({
                     "aria-label": "Collapse form",
                     disabled,
                     onClick: collapseForm,
-                    children: /* @__PURE__ */ jsx4(CollapseIcon, {})
+                    children: /* @__PURE__ */ jsx6(CollapseIcon, {})
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "composer__fields", children: activeForm.fields.map((field, index) => {
+              /* @__PURE__ */ jsx6("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);
@@ -5351,7 +5602,7 @@ function Composer({
                   },
                   onKeyDown: handleFormKeyDown
                 };
-                return /* @__PURE__ */ jsxs4(
+                return /* @__PURE__ */ jsxs6(
                   "div",
                   {
                     className: [
@@ -5359,9 +5610,9 @@ function Composer({
                       field.kind === "textarea" ? "composer__row--area" : ""
                     ].filter(Boolean).join(" "),
                     children: [
-                      /* @__PURE__ */ jsxs4("div", { className: "composer__line", children: [
-                        /* @__PURE__ */ jsx4("label", { className: "composer__label", htmlFor: fieldId, children: field.label }),
-                        field.kind === "textarea" ? /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsxs6("div", { className: "composer__line", children: [
+                        /* @__PURE__ */ jsx6("label", { className: "composer__label", htmlFor: fieldId, children: field.label }),
+                        field.kind === "textarea" ? /* @__PURE__ */ jsx6(
                           "textarea",
                           {
                             ...controlProps,
@@ -5371,7 +5622,7 @@ function Composer({
                             className: "composer__control composer__control--area",
                             rows: 2
                           }
-                        ) : /* @__PURE__ */ jsx4(
+                        ) : /* @__PURE__ */ jsx6(
                           "input",
                           {
                             ...controlProps,
@@ -5383,25 +5634,25 @@ function Composer({
                             inputMode: field.kind === "tel" ? "tel" : void 0
                           }
                         ),
-                        complete && field.kind !== "textarea" ? /* @__PURE__ */ jsx4("span", { className: "composer__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(CheckIcon2, {}) }) : null
+                        complete && field.kind !== "textarea" ? /* @__PURE__ */ jsx6("span", { className: "composer__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(CheckIcon2, {}) }) : null
                       ] }),
-                      invalid ? /* @__PURE__ */ jsx4("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__ */ jsx6("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__ */ jsx4("div", { className: "composer__field composer__field--inset", children: chatField })
+              /* @__PURE__ */ jsx6("div", { className: "composer__field composer__field--inset", children: chatField })
             ]
           }
-        ) : /* @__PURE__ */ jsx4("div", { className: "composer__field", children: chatField })
+        ) : /* @__PURE__ */ jsx6("div", { className: "composer__field", children: chatField })
       ]
     }
   );
 }
 
 // src/react/components/FollowUpChips/FollowUpChips.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function FollowUpChips({
   suggestions,
   disabled = false,
@@ -5411,7 +5662,7 @@ function FollowUpChips({
 }) {
   if (suggestions.length === 0) return null;
   if (variant === "dock") {
-    return /* @__PURE__ */ jsx5("div", { className: "followups followups--dock", children: /* @__PURE__ */ jsx5("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx7("div", { className: "followups followups--dock", children: /* @__PURE__ */ jsx7("div", { className: "followups__scroll", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -5423,9 +5674,9 @@ function FollowUpChips({
       suggestion.id
     )) }) });
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "followups", children: [
-    /* @__PURE__ */ jsx5("span", { className: "followups__label", children: label }),
-    /* @__PURE__ */ jsx5("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs7("div", { className: "followups", children: [
+    /* @__PURE__ */ jsx7("span", { className: "followups__label", children: label }),
+    /* @__PURE__ */ jsx7("div", { className: "followups__list", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -5440,105 +5691,17 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-import { useState as useState7 } from "react";
-
-// src/react/components/SearchReferences/SearchReferences.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function SiteIcon() {
-  return /* @__PURE__ */ jsxs6(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "9" }),
-        /* @__PURE__ */ jsx6("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
-        /* @__PURE__ */ jsx6("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__ */ jsxs6("div", { className: "search-references", children: [
-    sources.length > 0 ? /* @__PURE__ */ jsxs6("details", { className: "search-references__disclosure", "aria-label": "Sources", children: [
-      /* @__PURE__ */ jsxs6("summary", { className: "search-references__heading", children: [
-        "Sources (",
-        sources.length,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx6("ul", { className: "search-references__list", children: sources.map((source) => {
-        const content = /* @__PURE__ */ jsxs6(Fragment2, { children: [
-          /* @__PURE__ */ jsx6("span", { className: "search-references__icon", children: /* @__PURE__ */ jsx6(SiteIcon, {}) }),
-          /* @__PURE__ */ jsxs6("span", { className: "search-references__copy", children: [
-            /* @__PURE__ */ jsx6(
-              "span",
-              {
-                className: "search-references__title",
-                title: source.title,
-                children: source.title
-              }
-            ),
-            source.url ? /* @__PURE__ */ jsx6("span", { className: "search-references__domain", children: new URL(source.url).hostname.replace(/^www\./u, "") }) : null
-          ] })
-        ] });
-        return /* @__PURE__ */ jsx6("li", { children: source.url ? /* @__PURE__ */ jsx6(
-          "a",
-          {
-            className: "search-references__source",
-            href: source.url,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: content
-          }
-        ) : /* @__PURE__ */ jsx6("div", { className: "search-references__source", children: content }) }, source.key);
-      }) })
-    ] }) : null,
-    actions.length > 0 ? /* @__PURE__ */ jsx6("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ jsx6(
-      "a",
-      {
-        className: "search-references__cta",
-        href: action.url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: action.label
-      },
-      action.url
-    )) }) : null
-  ] });
-}
+import { useEffect as useEffect7, useState as useState9 } from "react";
 
 // src/react/components/BookingCard/BookingCard.tsx
 import {
   useEffect as useEffect6,
-  useId as useId2,
+  useId as useId4,
   useMemo as useMemo2,
   useRef as useRef6,
-  useState as useState6
+  useState as useState8
 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
   { id: "time", label: "Time" },
@@ -5569,22 +5732,22 @@ function calendarCells(year, month) {
   return cells;
 }
 function BookingCardLoader() {
-  return /* @__PURE__ */ jsx7("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx7("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
+  return /* @__PURE__ */ jsx8("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx8("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard(props) {
-  if (!props.readOnly) return /* @__PURE__ */ jsx7(InteractiveBookingCard, { ...props });
-  return /* @__PURE__ */ jsxs7("section", { className: "booking-card", "aria-label": "Recorded available times", children: [
-    /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: "Available times offered" }),
-    props.offer.slots.length ? /* @__PURE__ */ jsx7("ul", { children: props.offer.slots.map((slot, index) => {
+  if (!props.readOnly) return /* @__PURE__ */ jsx8(InteractiveBookingCard, { ...props });
+  return /* @__PURE__ */ jsxs8("section", { className: "booking-card", "aria-label": "Recorded available times", children: [
+    /* @__PURE__ */ jsx8("p", { className: "booking-card__title", children: "Available times offered" }),
+    props.offer.slots.length ? /* @__PURE__ */ jsx8("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__ */ jsxs7("li", { children: [
+      return /* @__PURE__ */ jsxs8("li", { children: [
         eventType ? `${eventType.name} \xB7 ` : "",
         label
       ] }, `${slot.eventTypeUri ?? ""}:${slot.startTime}:${index}`);
-    }) }) : /* @__PURE__ */ jsx7("p", { children: "No available times were recorded." })
+    }) }) : /* @__PURE__ */ jsx8("p", { children: "No available times were recorded." })
   ] });
 }
 function InteractiveBookingCard({
@@ -5592,14 +5755,14 @@ function InteractiveBookingCard({
   offer,
   onBook
 }) {
-  const fieldId = useId2();
+  const fieldId = useId4();
   const defaultType = offer.eventTypes[0]?.uri ?? offer.slots[0]?.eventTypeUri ?? "";
-  const [step, setStep] = useState6("date");
-  const [eventTypeUri, setEventTypeUri] = useState6(defaultType);
-  const [selectedDate, setSelectedDate] = useState6("");
-  const [startTime, setStartTime] = useState6("");
-  const [name, setName] = useState6("");
-  const [email, setEmail] = useState6("");
+  const [step, setStep] = useState8("date");
+  const [eventTypeUri, setEventTypeUri] = useState8(defaultType);
+  const [selectedDate, setSelectedDate] = useState8("");
+  const [startTime, setStartTime] = useState8("");
+  const [name, setName] = useState8("");
+  const [email, setEmail] = useState8("");
   const activeStepRef = useRef6(null);
   const previousStepRef = useRef6(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
@@ -5620,7 +5783,7 @@ function InteractiveBookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = useState6(
+  const [visibleMonth, setVisibleMonth] = useState8(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -5684,14 +5847,14 @@ function InteractiveBookingCard({
       })
     });
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "section",
     {
       className: "booking-card",
       "aria-busy": disabled || void 0,
       "aria-label": "Book a meeting",
-      children: /* @__PURE__ */ jsxs7("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ jsx7("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs7(
+      children: /* @__PURE__ */ jsxs8("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx8("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs8(
           "li",
           {
             className: [
@@ -5701,40 +5864,40 @@ function InteractiveBookingCard({
             ].filter(Boolean).join(" "),
             "aria-current": index === stepIndex ? "step" : void 0,
             children: [
-              /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: index + 1 }),
-              /* @__PURE__ */ jsx7("span", { children: item.label })
+              /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ jsx8("span", { children: item.label })
             ]
           },
           item.id
         )) }),
-        step === "date" ? /* @__PURE__ */ jsxs7("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-          timeZone ? /* @__PURE__ */ jsxs7("p", { className: "booking-card__tz", children: [
+        step === "date" ? /* @__PURE__ */ jsxs8("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsx8("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ jsxs8("p", { className: "booking-card__tz", children: [
             "Times in ",
             timeZone
           ] }) : null,
-          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs7(
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs8(
             "label",
             {
               className: "booking-card__field",
               htmlFor: `${fieldId}-type`,
               children: [
-                /* @__PURE__ */ jsx7("span", { children: "Meeting" }),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8("span", { children: "Meeting" }),
+                /* @__PURE__ */ jsx8(
                   "select",
                   {
                     id: `${fieldId}-type`,
                     value: eventTypeUri,
                     disabled,
                     onChange: (event) => selectEventType(event.target.value),
-                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx7("option", { value: item.uri, children: item.name }, item.uri))
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx8("option", { value: item.uri, children: item.name }, item.uri))
                   }
                 )
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs7("div", { className: "booking-card__month", children: [
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs8("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -5745,8 +5908,8 @@ function InteractiveBookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsx7("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -5758,9 +5921,9 @@ function InteractiveBookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx7("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx7("span", { children: label }, label)) }),
-          offer.slots.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx8("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ jsx8(
             "div",
             {
               className: "booking-card__calendar",
@@ -5768,7 +5931,7 @@ function InteractiveBookingCard({
               "aria-label": "Available dates",
               children: cells.map((cell, index) => {
                 if (!cell) {
-                  return /* @__PURE__ */ jsx7(
+                  return /* @__PURE__ */ jsx8(
                     "span",
                     {
                       className: "booking-card__day"
@@ -5778,7 +5941,7 @@ function InteractiveBookingCard({
                 }
                 const available = availableByDate.has(cell.key);
                 const selected = cell.key === selectedDate;
-                return /* @__PURE__ */ jsx7(
+                return /* @__PURE__ */ jsx8(
                   "button",
                   {
                     type: "button",
@@ -5798,9 +5961,9 @@ function InteractiveBookingCard({
             }
           )
         ] }, "date") : null,
-        step === "time" ? /* @__PURE__ */ jsxs7("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsxs7("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ jsx7(
+        step === "time" ? /* @__PURE__ */ jsxs8("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs8("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -5811,15 +5974,15 @@ function InteractiveBookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-              timeZone ? /* @__PURE__ */ jsxs7("p", { className: "booking-card__tz", children: [
+            /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx8("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ jsxs8("p", { className: "booking-card__tz", children: [
                 "Times in ",
                 timeZone
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx7("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -5831,9 +5994,9 @@ function InteractiveBookingCard({
             slot.startTime
           )) })
         ] }, "time") : null,
-        step === "details" ? /* @__PURE__ */ jsxs7("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsxs7("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ jsx7(
+        step === "details" ? /* @__PURE__ */ jsxs8("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs8("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -5844,21 +6007,21 @@ function InteractiveBookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: "Enter details" }),
-              /* @__PURE__ */ jsx7("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-              selectedType?.location ? /* @__PURE__ */ jsx7("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx8("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ jsx8("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ jsx8("p", { className: "booking-card__tz", children: selectedType.location }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "booking-card__identity", children: [
-            /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ jsxs8(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-name`,
                 children: [
-                  /* @__PURE__ */ jsx7("span", { children: "Name" }),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx8("span", { children: "Name" }),
+                  /* @__PURE__ */ jsx8(
                     "input",
                     {
                       id: `${fieldId}-name`,
@@ -5872,14 +6035,14 @@ function InteractiveBookingCard({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsxs8(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-email`,
                 children: [
-                  /* @__PURE__ */ jsx7("span", { children: "Email" }),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx8("span", { children: "Email" }),
+                  /* @__PURE__ */ jsx8(
                     "input",
                     {
                       id: `${fieldId}-email`,
@@ -5895,7 +6058,7 @@ function InteractiveBookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "submit",
@@ -5913,6 +6076,37 @@ function InteractiveBookingCard({
 // src/react/components/MessageBubble/MessageBubble.tsx
 import { Streamdown, defaultUrlTransform } from "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;
@@ -5927,7 +6121,7 @@ function resolveMessageUrl(safeUrl, baseUrl) {
 
 // src/react/components/MessageBubble/MessageBubble.tsx
 import "streamdown/styles.css";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function normalizeDedupeText(text3) {
   return text3.trim().replace(/\s+/g, " ").toLowerCase();
 }
@@ -5968,13 +6162,21 @@ function MessageBubble({
   brandLogoUrl,
   bookingDisabled = false,
   showProvenance = false,
+  showSearchReferences = true,
   bookingReadOnly = false,
   linkBaseUrl,
   offer,
   onBook
 }) {
   const resolvedLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = useState7(null);
+  const [failedLogoUrl, setFailedLogoUrl] = useState9(null);
+  const [logoDisplay, setLogoDisplay] = useState9(null);
+  useEffect7(() => {
+    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(
@@ -5989,38 +6191,38 @@ function MessageBubble({
   if (message.role === "visitor") {
     const visitorText = visitorMessageDisplayText(message).trim();
     if (!visitorText) return null;
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "article",
       {
         className: "message-bubble message-bubble--visitor",
         "aria-label": "Message from visitor",
         children: [
-          showProvenance ? /* @__PURE__ */ jsx8("span", { className: "message-bubble__speaker", children: "You \xB7 Visitor" }) : null,
-          /* @__PURE__ */ jsx8("p", { className: "message-bubble__text", children: visitorText })
+          showProvenance ? /* @__PURE__ */ jsx9("span", { className: "message-bubble__speaker", children: "You" }) : null,
+          /* @__PURE__ */ jsx9("p", { className: "message-bubble__text", children: visitorText })
         ]
       }
     );
   }
   if (message.role === "human") {
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "article",
       {
         className: "message-bubble message-bubble--human",
         "aria-label": `Message from ${message.representative.name}`,
         children: [
-          /* @__PURE__ */ jsxs8("strong", { className: "message-bubble__representative", children: [
+          /* @__PURE__ */ jsxs9("strong", { className: "message-bubble__representative", children: [
             message.representative.name,
             " ",
-            /* @__PURE__ */ jsx8("span", { children: "Human representative" })
+            /* @__PURE__ */ jsx9("span", { children: "Human representative" })
           ] }),
-          /* @__PURE__ */ jsx8("p", { className: "message-bubble__text", children: message.text })
+          /* @__PURE__ */ jsx9("p", { className: "message-bubble__text", children: message.text })
         ]
       }
     );
   }
   const citations = message.citations ?? [];
-  const agentText = /* @__PURE__ */ jsxs8("div", { className: "message-bubble__text", children: [
-    /* @__PURE__ */ jsx8(
+  const agentText = /* @__PURE__ */ jsxs9("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ jsx9(
       Streamdown,
       {
         animated: false,
@@ -6038,9 +6240,9 @@ function MessageBubble({
         children: displayText
       }
     ),
-    !isStreaming ? /* @__PURE__ */ jsx8(SearchReferences, { results: message.searchResults ?? [] }) : null,
-    !isStreaming && citations.length > 0 ? /* @__PURE__ */ jsx8("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs8("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ jsx8(
+    !isStreaming && showSearchReferences ? /* @__PURE__ */ jsx9(SearchReferences, { results: message.searchResults ?? [] }) : null,
+    !isStreaming && citations.length > 0 ? /* @__PURE__ */ jsx9("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs9("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ jsx9(
         "span",
         {
           className: "message-bubble__source-icon",
@@ -6048,32 +6250,63 @@ function MessageBubble({
           children: "\u25A6"
         }
       ),
-      /* @__PURE__ */ jsx8("span", { children: citation.label })
+      /* @__PURE__ */ jsx9("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
   if (!displayText && !message.searchResults?.length && offers.length === 0)
     return null;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "article",
     {
       className: "message-bubble message-bubble--agent",
       "aria-label": "Message from AI assistant",
       children: [
-        showProvenance ? /* @__PURE__ */ jsx8("span", { className: "message-bubble__speaker", children: "AI assistant" }) : null,
-        displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ jsxs8("div", { className: "message-bubble__agent-row", children: [
-          /* @__PURE__ */ jsx8("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx8(
-            "img",
-            {
-              src: resolvedLogoUrl,
-              alt: "",
-              onError: () => {
-                setFailedLogoUrl(resolvedLogoUrl ?? null);
+        displayText || message.searchResults?.length ? /* @__PURE__ */ jsxs9("div", { className: "message-bubble__agent-stack", children: [
+          showProvenance || showBrandLogo ? /* @__PURE__ */ jsxs9("div", { className: "message-bubble__agent-header", children: [
+            showBrandLogo ? /* @__PURE__ */ jsx9(
+              "span",
+              {
+                className: `message-bubble__agent-avatar${wideLogo ? " message-bubble__agent-avatar--wide" : ""}`,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx9(
+                  "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__ */ jsx9("span", { className: "message-bubble__speaker", children: "AI assistant" }) : null
+          ] }) : null,
           agentText
-        ] }) : agentText : null,
-        offers.map((nextOffer, index) => /* @__PURE__ */ jsx8(
+        ] }) : null,
+        offers.map((nextOffer, index) => /* @__PURE__ */ jsx9(
           BookingCard,
           {
             disabled: bookingDisabled,
@@ -6089,10 +6322,10 @@ function MessageBubble({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-import { useState as useState9 } from "react";
+import { useState as useState11 } from "react";
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function ConfirmationCard({
   disabled = false,
   request,
@@ -6101,17 +6334,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__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "section",
     {
       className: "confirmation-card",
       "aria-labelledby": `confirmation-${request.requestId}`,
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "confirmation-card__heading", children: [
-          /* @__PURE__ */ jsx9("strong", { id: `confirmation-${request.requestId}`, children: heading }),
-          prompt ? /* @__PURE__ */ jsx9("p", { children: prompt }) : null
+        /* @__PURE__ */ jsxs10("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ jsx10("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ jsx10("p", { children: prompt }) : null
         ] }),
-        /* @__PURE__ */ jsx9("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -6131,8 +6364,8 @@ function ConfirmationCard({
 }
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useState as useState10 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function isRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -6256,7 +6489,7 @@ function FieldDescription({
   field,
   id: id2
 }) {
-  return field.description ? /* @__PURE__ */ jsx10("span", { id: id2, className: "tool-input-card__description", children: field.description }) : null;
+  return field.description ? /* @__PURE__ */ jsx11("span", { id: id2, className: "tool-input-card__description", children: field.description }) : null;
 }
 function ChoiceField({
   field,
@@ -6275,7 +6508,7 @@ function ChoiceField({
     const selectedIndex = options.findIndex(
       (option) => valuesMatch(option.value, value)
     );
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       "select",
       {
         id: id2,
@@ -6290,13 +6523,13 @@ function ChoiceField({
           if (option) onChange(option.value);
         },
         children: [
-          /* @__PURE__ */ jsx10("option", { value: "", disabled: field.required, children: "Choose an option" }),
-          options.map((option, index) => /* @__PURE__ */ jsx10("option", { value: index, children: option.label }, optionKey(option)))
+          /* @__PURE__ */ jsx11("option", { value: "", disabled: field.required, children: "Choose an option" }),
+          options.map((option, index) => /* @__PURE__ */ jsx11("option", { value: index, children: option.label }, optionKey(option)))
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       className: "tool-input-card__choices",
@@ -6307,8 +6540,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__ */ jsxs10("label", { className: "tool-input-card__choice", children: [
-          /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsxs11("label", { className: "tool-input-card__choice", children: [
+          /* @__PURE__ */ jsx11(
             "input",
             {
               type: multiple ? "checkbox" : "radio",
@@ -6330,7 +6563,7 @@ function ChoiceField({
               }
             }
           ),
-          /* @__PURE__ */ jsx10("span", { children: option.label })
+          /* @__PURE__ */ jsx11("span", { children: option.label })
         ] }, optionKey(option));
       })
     }
@@ -6350,9 +6583,9 @@ function ToolField({
     error ? `${id2}-error` : ""
   ].filter(Boolean).join(" ");
   if (field.kind === "checkbox" || field.kind === "confirmation") {
-    return /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__field", children: [
-      /* @__PURE__ */ jsxs10("label", { className: "tool-input-card__check", htmlFor: id2, children: [
-        /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsxs11("div", { className: "tool-input-card__field", children: [
+      /* @__PURE__ */ jsxs11("label", { className: "tool-input-card__check", htmlFor: id2, children: [
+        /* @__PURE__ */ jsx11(
           "input",
           {
             id: id2,
@@ -6365,17 +6598,17 @@ function ToolField({
             onChange: (event) => onChange(event.target.checked)
           }
         ),
-        /* @__PURE__ */ jsxs10("span", { children: [
-          /* @__PURE__ */ jsx10("strong", { children: field.label }),
-          field.description ? /* @__PURE__ */ jsx10("span", { id: `${id2}-description`, children: field.description }) : null
+        /* @__PURE__ */ jsxs11("span", { children: [
+          /* @__PURE__ */ jsx11("strong", { children: field.label }),
+          field.description ? /* @__PURE__ */ jsx11("span", { id: `${id2}-description`, children: field.description }) : null
         ] })
       ] }),
-      error ? /* @__PURE__ */ jsx10("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
+      error ? /* @__PURE__ */ jsx11("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
     ] });
   }
-  const label = /* @__PURE__ */ jsxs10("label", { id: `${id2}-label`, htmlFor: id2, children: [
+  const label = /* @__PURE__ */ jsxs11("label", { id: `${id2}-label`, htmlFor: id2, children: [
     field.label,
-    field.required ? /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: " *" }) : null
+    field.required ? /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
   const common = {
     id: id2,
@@ -6387,7 +6620,7 @@ function ToolField({
   };
   let control;
   if (field.kind === "select" || field.kind === "radio" || field.kind === "multi-select") {
-    control = /* @__PURE__ */ jsx10(
+    control = /* @__PURE__ */ jsx11(
       ChoiceField,
       {
         field,
@@ -6401,7 +6634,7 @@ function ToolField({
       }
     );
   } else if (field.kind === "textarea" || field.kind === "json") {
-    control = /* @__PURE__ */ jsx10(
+    control = /* @__PURE__ */ jsx11(
       "textarea",
       {
         ...common,
@@ -6415,8 +6648,8 @@ function ToolField({
     );
   } else if (field.kind === "range") {
     const numericValue = typeof value === "number" ? value : field.min ?? 0;
-    control = /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__range", children: [
-      /* @__PURE__ */ jsx10(
+    control = /* @__PURE__ */ jsxs11("div", { className: "tool-input-card__range", children: [
+      /* @__PURE__ */ jsx11(
         "input",
         {
           ...common,
@@ -6428,11 +6661,11 @@ function ToolField({
           onChange: (event) => onChange(Number(event.target.value))
         }
       ),
-      /* @__PURE__ */ jsx10("output", { htmlFor: id2, children: numericValue })
+      /* @__PURE__ */ jsx11("output", { htmlFor: id2, children: numericValue })
     ] });
   } else {
     const type = field.kind === "date-time" ? "datetime-local" : field.kind === "calendar" ? "date" : field.kind;
-    control = /* @__PURE__ */ jsx10(
+    control = /* @__PURE__ */ jsx11(
       "input",
       {
         ...common,
@@ -6450,11 +6683,11 @@ function ToolField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__field", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "tool-input-card__field", children: [
     label,
-    /* @__PURE__ */ jsx10(FieldDescription, { field, id: `${id2}-description` }),
+    /* @__PURE__ */ jsx11(FieldDescription, { field, id: `${id2}-description` }),
     control,
-    error ? /* @__PURE__ */ jsx10("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
+    error ? /* @__PURE__ */ jsx11("span", { id: `${id2}-error`, className: "tool-input-card__error", children: error }) : null
   ] });
 }
 function ToolInputCard({
@@ -6462,11 +6695,11 @@ function ToolInputCard({
   surface,
   onSubmit
 }) {
-  const [values, setValues] = useState8(
+  const [values, setValues] = useState10(
     () => initialValues(surface)
   );
-  const [touched, setTouched] = useState8(() => /* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState8(false);
+  const [touched, setTouched] = useState10(() => /* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState10(false);
   const errors = Object.fromEntries(
     surface.fields.map((field) => [
       field.path,
@@ -6491,14 +6724,14 @@ function ToolInputCard({
     onSubmit?.(surface, result);
   }
   if (submitted) {
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       "section",
       {
         className: "tool-input-card tool-input-card--submitted",
         role: "status",
         children: [
-          /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ jsxs10("strong", { children: [
+          /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ jsxs11("strong", { children: [
             surface.title,
             " submitted"
           ] })
@@ -6506,18 +6739,18 @@ function ToolInputCard({
       }
     );
   }
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "section",
     {
       className: "tool-input-card",
       "aria-labelledby": `tool-input-${surface.id}`,
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__heading", children: [
-          /* @__PURE__ */ jsx10("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
-          surface.description ? /* @__PURE__ */ jsx10("p", { children: surface.description }) : null
+        /* @__PURE__ */ jsxs11("div", { className: "tool-input-card__heading", children: [
+          /* @__PURE__ */ jsx11("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
+          surface.description ? /* @__PURE__ */ jsx11("p", { children: surface.description }) : null
         ] }),
-        /* @__PURE__ */ jsxs10("form", { noValidate: true, onSubmit: submit, children: [
-          /* @__PURE__ */ jsx10("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs11("form", { noValidate: true, onSubmit: submit, children: [
+          /* @__PURE__ */ jsx11("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ jsx11(
             ToolField,
             {
               disabled,
@@ -6530,8 +6763,8 @@ function ToolInputCard({
             },
             field.path
           )) }),
-          /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__actions", children: [
-            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs11("div", { className: "tool-input-card__actions", children: [
+            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ jsx11(
               "button",
               {
                 type: "button",
@@ -6544,7 +6777,7 @@ function ToolInputCard({
                 children: surface.actions.find((action) => action.id === "reset")?.label ?? "Clear"
               }
             ) : null,
-            /* @__PURE__ */ jsx10("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
+            /* @__PURE__ */ jsx11("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
           ] })
         ] })
       ]
@@ -6553,17 +6786,17 @@ function ToolInputCard({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function HumanInputCard({
   disabled = false,
   request,
   onRespond
 }) {
-  const [text3, setText] = useState9("");
+  const [text3, setText] = useState11("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       ToolInputCard,
       {
         disabled,
@@ -6573,7 +6806,7 @@ function HumanInputCard({
     );
   }
   if (options.length > 0) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       ConfirmationCard,
       {
         disabled,
@@ -6588,17 +6821,17 @@ function HumanInputCard({
     if (!value || disabled) return;
     onRespond?.({ requestId: request.requestId, text: value });
   }
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       className: "human-input-card",
       "aria-labelledby": `human-input-${request.requestId}`,
       children: [
-        /* @__PURE__ */ jsx11("div", { className: "human-input-card__heading", children: /* @__PURE__ */ jsx11("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
-        showText ? /* @__PURE__ */ jsxs11("form", { onSubmit: submitText, children: [
-          /* @__PURE__ */ jsx11("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
-          /* @__PURE__ */ jsxs11("div", { children: [
-            /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("div", { className: "human-input-card__heading", children: /* @__PURE__ */ jsx12("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ jsxs12("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ jsx12("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx12(
               "input",
               {
                 id: `human-input-text-${request.requestId}`,
@@ -6607,17 +6840,17 @@ function HumanInputCard({
                 onChange: (event) => setText(event.target.value)
               }
             ),
-            /* @__PURE__ */ jsx11("button", { type: "submit", disabled: disabled || !text3.trim(), children: "Send" })
+            /* @__PURE__ */ jsx12("button", { type: "submit", disabled: disabled || !text3.trim(), children: "Send" })
           ] })
         ] }) : null,
-        !showText && options.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+        !showText && options.length === 0 ? /* @__PURE__ */ jsx12("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
       ]
     }
   );
 }
 
 // src/react/components/LocationConsent/LocationConsent.tsx
-import { useEffect as useEffect7, useRef as useRef7, useState as useState10 } from "react";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState12 } from "react";
 
 // src/runtime/location-consent.ts
 function isLocationConsentRequest(request) {
@@ -6660,21 +6893,21 @@ function getPreciseLocation(geolocation) {
 }
 
 // src/react/components/LocationConsent/LocationConsent.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function LocationConsent({
   request,
   onRespond
 }) {
-  const [preference, setPreference] = useState10("unset");
-  const [locating, setLocating] = useState10(false);
-  const [error, setError] = useState10(null);
+  const [preference, setPreference] = useState12("unset");
+  const [locating, setLocating] = useState12(false);
+  const [error, setError] = useState12(null);
   const respond = useRef7(onRespond);
   const answered = useRef7(null);
   const requestId = request?.requestId;
-  useEffect7(() => {
+  useEffect8(() => {
     respond.current = onRespond;
   }, [onRespond]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!requestId || preference === "unset" || answered.current === requestId || !respond.current)
       return;
     if (preference === "off") {
@@ -6717,13 +6950,13 @@ function LocationConsent({
   }, [requestId, preference]);
   const isLocating = Boolean(requestId) && preference === "on" && locating;
   if (!request && preference === "unset") return null;
-  return /* @__PURE__ */ jsxs12("section", { className: "location-consent", "aria-label": "Location sharing", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "location-consent__copy", children: [
-      /* @__PURE__ */ jsx12("strong", { children: isLocating ? "Getting your location\u2026" : request ? "Get better results" : "Precise location" }),
-      /* @__PURE__ */ jsx12("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__ */ jsxs13("section", { className: "location-consent", "aria-label": "Location sharing", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "location-consent__copy", children: [
+      /* @__PURE__ */ jsx13("strong", { children: isLocating ? "Getting your location\u2026" : request ? "Get better results" : "Precise location" }),
+      /* @__PURE__ */ jsx13("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__ */ jsxs12("div", { className: "location-consent__actions", children: [
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs13("div", { className: "location-consent__actions", children: [
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -6737,10 +6970,10 @@ function LocationConsent({
             setError(null);
             setPreference(preference === "on" ? "off" : "on");
           },
-          children: /* @__PURE__ */ jsx12("span", {})
+          children: /* @__PURE__ */ jsx13("span", {})
         }
       ),
-      request && /* @__PURE__ */ jsx12(
+      request && /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -6754,35 +6987,35 @@ function LocationConsent({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx12("p", { role: "alert", className: "location-consent__error", children: error })
+    error && /* @__PURE__ */ jsx13("p", { role: "alert", className: "location-consent__error", children: error })
   ] });
 }
 
 // src/react/components/CollectionResultCard/CollectionResultCard.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function CollectionResultCard({
   result
 }) {
   const empty = result.items.length === 0;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "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__ */ jsxs13("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx13("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx13("strong", { children: result.title })
+        /* @__PURE__ */ jsxs14("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx14("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx14("strong", { children: result.title })
         ] }),
-        empty ? /* @__PURE__ */ jsx13("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ jsx13("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ jsxs13("li", { children: [
-          /* @__PURE__ */ jsx13("div", { className: "collection-result-card__item-title", children: item.title }),
-          item.description ? /* @__PURE__ */ jsx13("p", { children: item.description }) : null,
-          item.details?.length ? /* @__PURE__ */ jsx13("dl", { children: item.details.map((detail) => /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx13("dt", { children: detail.label }),
-            /* @__PURE__ */ jsx13("dd", { children: detail.value })
+        empty ? /* @__PURE__ */ jsx14("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ jsx14("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ jsxs14("li", { children: [
+          /* @__PURE__ */ jsx14("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ jsx14("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ jsx14("dl", { children: item.details.map((detail) => /* @__PURE__ */ jsxs14("div", { children: [
+            /* @__PURE__ */ jsx14("dt", { children: detail.label }),
+            /* @__PURE__ */ jsx14("dd", { children: detail.value })
           ] }, `${detail.label}:${detail.value}`)) }) : null,
-          item.href ? /* @__PURE__ */ jsx13("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+          item.href ? /* @__PURE__ */ jsx14("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
         ] }, item.title)) })
       ]
     }
@@ -6790,23 +7023,23 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs15 } from "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__ */ jsxs14("span", { className: "tool-result-card__heading", children: [
-    /* @__PURE__ */ jsx14("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx14("strong", { children: result.title })
+  const heading = /* @__PURE__ */ jsxs15("span", { className: "tool-result-card__heading", children: [
+    /* @__PURE__ */ jsx15("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx15("strong", { children: result.title })
   ] });
-  const content = /* @__PURE__ */ jsxs14(Fragment3, { children: [
-    result.description ? /* @__PURE__ */ jsx14("p", { children: result.description }) : null,
-    result.details?.length ? /* @__PURE__ */ jsx14("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx14("dt", { children: detail.label }),
-      /* @__PURE__ */ jsx14("dd", { children: detail.value })
+  const content = /* @__PURE__ */ jsxs15(Fragment3, { children: [
+    result.description ? /* @__PURE__ */ jsx15("p", { children: result.description }) : null,
+    result.details?.length ? /* @__PURE__ */ jsx15("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx15("dt", { children: detail.label }),
+      /* @__PURE__ */ jsx15("dd", { children: detail.value })
     ] }, `${detail.label}:${detail.value}`)) }) : null,
-    result.links?.length ? /* @__PURE__ */ jsx14("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx14(
+    result.links?.length ? /* @__PURE__ */ jsx15("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx15(
       "a",
       {
         href: link.href,
@@ -6818,12 +7051,12 @@ function EntityResultCard({
     )) }) : null
   ] });
   if (collapsible) {
-    return /* @__PURE__ */ jsxs14("details", { className: "entity-result-card tool-result-card entity-result-card--disclosure", children: [
-      /* @__PURE__ */ jsx14("summary", { children: /* @__PURE__ */ jsx14("span", { role: "status", children: heading }) }),
+    return /* @__PURE__ */ jsxs15("details", { className: "entity-result-card tool-result-card entity-result-card--disclosure", children: [
+      /* @__PURE__ */ jsx15("summary", { children: /* @__PURE__ */ jsx15("span", { role: "status", children: heading }) }),
       content
     ] });
   }
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "section",
     {
       className: `entity-result-card tool-result-card tool-result-card--${result.status}${compact ? " entity-result-card--compact" : ""}`,
@@ -6838,24 +7071,24 @@ function EntityResultCard({
 }
 
 // src/react/components/SignatureResultCard/SignatureResultCard.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function SignatureResultCard({
   result
 }) {
   const primaryLink = result.links?.[0];
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "section",
     {
       className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx15("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx15("strong", { children: result.title })
+        /* @__PURE__ */ jsxs16("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx16("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx16("strong", { children: result.title })
         ] }),
-        result.statusLabel ? /* @__PURE__ */ jsx15("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
-        result.description ? /* @__PURE__ */ jsx15("p", { children: result.description }) : null,
-        primaryLink ? /* @__PURE__ */ jsx15(
+        result.statusLabel ? /* @__PURE__ */ jsx16("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ jsx16("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ jsx16(
           "a",
           {
             className: "signature-result-card__cta",
@@ -6871,27 +7104,27 @@ function SignatureResultCard({
 }
 
 // src/react/components/ToolResultCard/ToolResultCard.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function ToolResultCard({
   result
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "section",
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       role: result.status === "completed" ? "status" : "alert",
       children: [
-        /* @__PURE__ */ jsxs16("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx16("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx16("strong", { children: result.title })
+        /* @__PURE__ */ jsxs17("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx17("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx17("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ jsx16("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ jsx16("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs16("div", { children: [
-          /* @__PURE__ */ jsx16("dt", { children: detail.label }),
-          /* @__PURE__ */ jsx16("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ jsx17("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ jsx17("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs17("div", { children: [
+          /* @__PURE__ */ jsx17("dt", { children: detail.label }),
+          /* @__PURE__ */ jsx17("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ jsx16("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx16(
+        result.links?.length ? /* @__PURE__ */ jsx17("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx17(
           "a",
           {
             href: link.href,
@@ -6907,14 +7140,14 @@ function ToolResultCard({
 }
 
 // src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function VisitorToolResultView({
   disabled = false,
   onToolInput,
   result
 }) {
   if (result.kind === "input") {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       ToolInputCard,
       {
         disabled,
@@ -6924,16 +7157,16 @@ function VisitorToolResultView({
     );
   }
   if (result.kind === "entity") {
-    return /* @__PURE__ */ jsx17(EntityResultCard, { result });
+    return /* @__PURE__ */ jsx18(EntityResultCard, { result });
   }
   if (result.kind === "collection") {
-    return /* @__PURE__ */ jsx17(CollectionResultCard, { result });
+    return /* @__PURE__ */ jsx18(CollectionResultCard, { result });
   }
   if (result.kind === "signature") {
-    return /* @__PURE__ */ jsx17(SignatureResultCard, { result });
+    return /* @__PURE__ */ jsx18(SignatureResultCard, { result });
   }
   if (result.kind === "summary") {
-    return /* @__PURE__ */ jsx17(ToolResultCard, { result });
+    return /* @__PURE__ */ jsx18(ToolResultCard, { result });
   }
   return null;
 }
@@ -6942,9 +7175,9 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function MinimizeIcon() {
-  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
     "path",
     {
       d: "M3.5 8h9",
@@ -6955,7 +7188,7 @@ function MinimizeIcon() {
   ) });
 }
 function CloseIcon2() {
-  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -6966,19 +7199,31 @@ function CloseIcon2() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
-    "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__ */ jsxs18("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx19(
+      "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__ */ jsx19(
+      "path",
+      {
+        d: "M21 3v5h-5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -6990,7 +7235,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -7002,7 +7247,7 @@ function RestoreIcon() {
   ) });
 }
 function ChevronDownIcon() {
-  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
     "path",
     {
       d: "M4 6.5l4 4 4-4",
@@ -7026,6 +7271,8 @@ function AgentRail({
   disclaimerLink,
   answerReceipt = false,
   readAloud = false,
+  showLearnMore = true,
+  showSources = true,
   composerPlaceholder = "Ask anything\u2026",
   mobileFullscreen = false,
   expanded = false,
@@ -7051,12 +7298,23 @@ function AgentRail({
   const pinnedToBottomRef = useRef8(true);
   const smoothScrollToLatestRef = useRef8(false);
   const lockedTranscriptScrollTopRef = useRef8(null);
-  const [showJumpToLatest, setShowJumpToLatest] = useState11(false);
-  const [receiptOpen, setReceiptOpen] = useState11(false);
+  const [showJumpToLatest, setShowJumpToLatest] = useState13(false);
+  const [receiptOpen, setReceiptOpen] = useState13(false);
+  const [expandedSourcesMessageId, setExpandedSourcesMessageId] = useState13(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
   const resolvedDisclaimerLabel = disclaimerLabel === void 0 ? DEFAULT_DISCLAIMER_LABEL : disclaimerLabel;
-  const [failedLogoUrl, setFailedLogoUrl] = useState11(null);
+  const [failedLogoUrl, setFailedLogoUrl] = useState13(null);
+  const [brandLogoDisplay, setBrandLogoDisplay] = useState13(null);
+  useEffect9(() => {
+    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);
@@ -7157,29 +7415,39 @@ function AgentRail({
     ...visibleVisitorToolResults
   ].reverse().find((result) => result.kind !== "input")?.id;
   const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
-  useEffect8(() => {
+  useEffect9(() => {
     if (state.phase !== "complete") {
       setReceiptOpen(false);
     }
   }, [state.phase]);
+  useEffect9(() => {
+    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;
-  useEffect8(() => {
+  useEffect9(() => {
     const node = transcriptRef.current;
     if (!node) return;
     if (latestVisitorId !== lastScrolledVisitorIdRef.current) {
@@ -7209,7 +7477,7 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     const node = transcriptRef.current;
     if (!node) return;
     const handleScroll = () => {
@@ -7223,7 +7491,7 @@ function AgentRail({
     handleScroll();
     return () => node.removeEventListener("scroll", handleScroll);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!receiptOpen) {
       lockedTranscriptScrollTopRef.current = null;
       return;
@@ -7261,7 +7529,7 @@ function AgentRail({
     window.setTimeout(settle, 900);
     node.scrollTo({ top: node.scrollHeight, behavior: "smooth" });
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "aside",
     {
       ref: railRef,
@@ -7275,44 +7543,72 @@ function AgentRail({
       autoFocus: mobileFullscreen || expanded,
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
-      children: /* @__PURE__ */ jsxs17(AgentRailOverlayContext.Provider, { value: { railRef, overlayRef }, children: [
-        /* @__PURE__ */ jsxs17("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
-          /* @__PURE__ */ jsx18("header", { className: "agent-rail__header", children: /* @__PURE__ */ jsxs17("div", { className: "agent-rail__brand-row", children: [
-            onCollapse ? /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsxs18(AgentRailOverlayContext.Provider, { value: { railRef, overlayRef }, children: [
+        /* @__PURE__ */ jsxs18("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
+          /* @__PURE__ */ jsx19("header", { className: "agent-rail__header", children: /* @__PURE__ */ jsxs18("div", { className: "agent-rail__brand-row", children: [
+            onCollapse ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 className: "agent-rail__collapse",
                 "aria-label": "Collapse assist",
                 onClick: onCollapse,
-                children: /* @__PURE__ */ jsx18(MinimizeIcon, {})
+                children: /* @__PURE__ */ jsx19(MinimizeIcon, {})
               }
-            ) : onClose ? /* @__PURE__ */ jsx18(
+            ) : onClose ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 className: "agent-rail__close",
                 "aria-label": "Close agent",
                 onClick: onClose,
-                children: /* @__PURE__ */ jsx18(CloseIcon2, {})
+                children: /* @__PURE__ */ jsx19(CloseIcon2, {})
               }
-            ) : /* @__PURE__ */ jsx18("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-            resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ jsxs17("span", { className: "agent-rail__identity", children: [
-              showBrandLogo ? /* @__PURE__ */ jsx18("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
-                "img",
+            ) : /* @__PURE__ */ jsx19("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+            resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ jsxs18("span", { className: "agent-rail__identity", children: [
+              showBrandLogo ? /* @__PURE__ */ jsx19(
+                "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__ */ jsx19(
+                    "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__ */ jsx18("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+              ) : null,
+              resolvedBrandLabel ? /* @__PURE__ */ jsx19("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
             ] }) : null,
-            /* @__PURE__ */ jsxs17("span", { className: "agent-rail__actions", children: [
-              onReset ? /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsxs18("span", { className: "agent-rail__actions", children: [
+              onReset ? /* @__PURE__ */ jsx19(
                 "button",
                 {
                   type: "button",
@@ -7320,36 +7616,34 @@ function AgentRail({
                   "aria-label": "Start a new conversation",
                   disabled: !hasVisitorMessages2 || handoffActive && !handoff?.canReset,
                   onClick: handleReset,
-                  children: /* @__PURE__ */ jsx18(NewChatIcon, {})
+                  children: /* @__PURE__ */ jsx19(NewChatIcon, {})
                 }
               ) : null,
-              onExpandToggle ? /* @__PURE__ */ jsx18(
+              onExpandToggle ? /* @__PURE__ */ jsx19(
                 "button",
                 {
                   type: "button",
                   className: "agent-rail__expand",
                   "aria-label": expanded ? "Exit full screen" : "Open full screen",
                   onClick: onExpandToggle,
-                  children: expanded ? /* @__PURE__ */ jsx18(RestoreIcon, {}) : /* @__PURE__ */ jsx18(ExpandIcon, {})
+                  children: expanded ? /* @__PURE__ */ jsx19(RestoreIcon, {}) : /* @__PURE__ */ jsx19(ExpandIcon, {})
                 }
               ) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx18("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs17("div", { ref: threadRef, className: "agent-rail__thread", children: [
-            !hasVisitorMessages2 ? /* @__PURE__ */ jsxs17("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-              greeting?.role === "agent" ? /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs18("div", { ref: threadRef, className: "agent-rail__thread", children: [
+            !hasVisitorMessages2 ? /* @__PURE__ */ jsxs18("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+              greeting?.role === "agent" ? /* @__PURE__ */ jsx19(
                 MessageBubble,
                 {
-                  showProvenance: Boolean(
-                    handoff?.page?.enabled || handoffActive
-                  ),
+                  showProvenance: true,
                   message: greeting,
                   bookingDisabled: isBusy || handoffActive,
                   brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
                   onBook
                 }
               ) : null,
-              showIdleFollowUps ? /* @__PURE__ */ jsx18("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ jsx18(
+              showIdleFollowUps ? /* @__PURE__ */ jsx19("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ jsx19(
                 FollowUpChips,
                 {
                   suggestions: state.followUps,
@@ -7358,7 +7652,7 @@ function AgentRail({
                   onSelect: (suggestion) => handleFollowUpSelect(suggestion.label)
                 }
               ) }) : null,
-              showActivity ? /* @__PURE__ */ jsx18(
+              showActivity ? /* @__PURE__ */ jsx19(
                 AgentActivityBubble,
                 {
                   brandLabel: resolvedBrandLabel,
@@ -7367,7 +7661,7 @@ function AgentRail({
                   steps: activitySteps
                 }
               ) : null,
-              visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx18(
+              visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx19(
                 VisitorToolResultView,
                 {
                   result,
@@ -7376,7 +7670,7 @@ function AgentRail({
                 },
                 result.id
               )),
-              pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx18(
+              pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx19(
                 HumanInputCard,
                 {
                   request,
@@ -7385,129 +7679,195 @@ function AgentRail({
                 request.requestId
               ))
             ] }) : null,
-            transcriptMessages.map((message, index) => /* @__PURE__ */ jsxs17(
-              "div",
-              {
-                ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
-                className: "agent-rail__turn-block",
-                children: [
-                  message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ jsx18(
-                    VisitorToolResultView,
-                    {
-                      result
-                    },
-                    result.id
-                  )) : null,
-                  /* @__PURE__ */ jsx18(
-                    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__ */ jsx18(
-                    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__ */ jsxs17(Fragment4, { children: [
-                    showActivity ? /* @__PURE__ */ jsx18(
-                      AgentActivityBubble,
-                      {
-                        brandLabel: resolvedBrandLabel,
-                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                        failed: state.phase === "error",
-                        steps: activitySteps
-                      }
-                    ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx18(
+            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__ */ jsxs18(
+                "div",
+                {
+                  ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
+                  className: "agent-rail__turn-block",
+                  children: [
+                    message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ jsx19(
                       VisitorToolResultView,
                       {
-                        result,
-                        disabled: semanticSurfaceDisabled,
-                        onToolInput
+                        result
                       },
                       result.id
-                    )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx18(
-                      HumanInputCard,
+                    )) : null,
+                    /* @__PURE__ */ jsx19(
+                      MessageBubble,
                       {
-                        request,
-                        onRespond: onInputResponse
-                      },
-                      request.requestId
-                    ))
-                  ] }) : null
-                ]
-              },
-              message.role === "agent" && transcriptMessages[index - 1]?.role === "visitor" ? `answer-${transcriptMessages[index - 1]?.id}` : message.id
-            )),
-            waitingForBooking ? /* @__PURE__ */ jsx18(BookingCardLoader, {}) : null,
-            state.error ? /* @__PURE__ */ jsxs17("section", { className: "agent-rail__error", role: "alert", children: [
-              /* @__PURE__ */ jsxs17("div", { children: [
-                /* @__PURE__ */ jsx18("strong", { children: "Something went wrong" }),
-                /* @__PURE__ */ jsx18("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__ */ jsxs18("div", { className: "agent-rail__answer-footer", children: [
+                      /* @__PURE__ */ jsxs18("div", { className: "agent-rail__answer-actions", children: [
+                        showAnswerActions ? /* @__PURE__ */ jsx19(
+                          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__ */ jsxs18(
+                          "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__ */ jsx19(
+                                "span",
+                                {
+                                  className: "agent-rail__sources-button-chevron",
+                                  "aria-hidden": "true",
+                                  children: /* @__PURE__ */ jsx19(ChevronDownIcon, {})
+                                }
+                              )
+                            ]
+                          }
+                        ) : null
+                      ] }),
+                      showSourcesToggle ? /* @__PURE__ */ jsx19(
+                        "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__ */ jsx19("div", { className: "agent-rail__sources-panel-inner", children: /* @__PURE__ */ jsx19(
+                            SearchReferences,
+                            {
+                              results: message.searchResults ?? [],
+                              mode: "sources"
+                            }
+                          ) })
+                        }
+                      ) : null
+                    ] }) : null,
+                    message.role === "agent" && !message.streaming ? /* @__PURE__ */ jsx19(
+                      SearchReferences,
+                      {
+                        results: message.searchResults ?? [],
+                        mode: "actions"
+                      }
+                    ) : null,
+                    showAnswerActions && !handoffActive && showLearnMore ? /* @__PURE__ */ jsx19(
+                      LearnMore,
+                      {
+                        results: message.searchResults ?? [],
+                        disabled: isBusy || !(onFollowUpSelect || onSubmit),
+                        onSelect: handleFollowUpSelect
+                      }
+                    ) : null,
+                    index === lastVisitorIndex ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
+                      showActivity ? /* @__PURE__ */ jsx19(
+                        AgentActivityBubble,
+                        {
+                          brandLabel: resolvedBrandLabel,
+                          brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                          failed: state.phase === "error",
+                          steps: activitySteps
+                        }
+                      ) : null,
+                      visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx19(
+                        VisitorToolResultView,
+                        {
+                          result,
+                          disabled: semanticSurfaceDisabled,
+                          onToolInput
+                        },
+                        result.id
+                      )),
+                      pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx19(
+                        HumanInputCard,
+                        {
+                          request,
+                          onRespond: onInputResponse
+                        },
+                        request.requestId
+                      ))
+                    ] }) : null
+                  ]
+                },
+                message.role === "agent" && transcriptMessages[index - 1]?.role === "visitor" ? `answer-${transcriptMessages[index - 1]?.id}` : message.id
+              );
+            }),
+            waitingForBooking ? /* @__PURE__ */ jsx19(BookingCardLoader, {}) : null,
+            state.error ? /* @__PURE__ */ jsxs18("section", { className: "agent-rail__error", role: "alert", children: [
+              /* @__PURE__ */ jsxs18("div", { children: [
+                /* @__PURE__ */ jsx19("strong", { children: "Something went wrong" }),
+                /* @__PURE__ */ jsx19("p", { children: state.error })
               ] }),
-              onRetry ? /* @__PURE__ */ jsx18("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+              onRetry ? /* @__PURE__ */ jsx19("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
             ] }) : null
           ] }) }),
-          showDisclaimerLabel ? /* @__PURE__ */ jsx18("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx18("p", { children: disclaimerLink ? /* @__PURE__ */ jsx18(
-            "a",
-            {
-              href: disclaimerLink,
-              rel: "noopener noreferrer",
-              target: "_blank",
-              children: resolvedDisclaimerLabel
-            }
-          ) : resolvedDisclaimerLabel }) }) : null,
-          handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ jsxs17("div", { className: "agent-rail__handoff", children: [
-            /* @__PURE__ */ jsx18("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__ */ jsx18(
+          handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ jsxs18("div", { className: "agent-rail__handoff", children: [
+            handoffStatus === "human" || handoffStatus === "queued" || handoffStatus === "requesting" ? /* @__PURE__ */ jsx19("span", { className: "agent-rail__handoff-dot", "aria-hidden": "true" }) : null,
+            /* @__PURE__ */ jsx19(
+              "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__ */ jsx19(
               "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__ */ jsx18(
+            handoffStatus === "resolved" ? /* @__PURE__ */ jsx19(
               "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__ */ jsx18(
+            handoffStatus === "failed" && onReset ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
+                className: "agent-rail__handoff-action",
                 disabled: !handoff.canReset,
                 onClick: handleReset,
                 children: "Start a new conversation"
               }
             ) : null,
-            handoff.error ? /* @__PURE__ */ jsxs17("div", { role: "alert", children: [
-              /* @__PURE__ */ jsx18("span", { children: handoff.error }),
-              /* @__PURE__ */ jsx18(
+            handoff.error ? /* @__PURE__ */ jsxs18("span", { className: "agent-rail__handoff-error", role: "alert", children: [
+              handoff.error,
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   type: "button",
+                  className: "agent-rail__handoff-action",
                   disabled: handoff.busy,
                   onClick: () => void handoff.retry(),
                   children: "Retry"
@@ -7515,8 +7875,17 @@ function AgentRail({
               )
             ] }) : null
           ] }) : null,
-          /* @__PURE__ */ jsxs17("div", { className: "agent-rail__composer-wrap", children: [
-            /* @__PURE__ */ jsx18(
+          showDisclaimerLabel ? /* @__PURE__ */ jsx19("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx19("p", { children: disclaimerLink ? /* @__PURE__ */ jsx19(
+            "a",
+            {
+              href: disclaimerLink,
+              rel: "noopener noreferrer",
+              target: "_blank",
+              children: resolvedDisclaimerLabel
+            }
+          ) : resolvedDisclaimerLabel }) }) : null,
+          /* @__PURE__ */ jsxs18("div", { className: "agent-rail__composer-wrap", children: [
+            /* @__PURE__ */ jsx19(
               LocationConsent,
               {
                 request: locationRequest,
@@ -7524,7 +7893,7 @@ function AgentRail({
               },
               state.messages.find((message) => message.role === "visitor")?.id ?? "empty"
             ),
-            showJumpToLatest ? /* @__PURE__ */ jsx18(
+            showJumpToLatest ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -7532,10 +7901,10 @@ function AgentRail({
                 "aria-label": "Jump to the latest message",
                 title: "Jump to the latest message",
                 onClick: scrollToLatest,
-                children: /* @__PURE__ */ jsx18(ChevronDownIcon, {})
+                children: /* @__PURE__ */ jsx19(ChevronDownIcon, {})
               }
             ) : null,
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               Composer,
               {
                 variant: expanded || mobileFullscreen ? "dock" : "default",
@@ -7552,11 +7921,11 @@ function AgentRail({
               },
               `${state.messages.find((message) => message.role === "visitor")?.id ?? "empty"}:${latestResultId ?? ""}`
             ),
-            poweredByLabel ? /* @__PURE__ */ jsx18("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx18("p", { children: /* @__PURE__ */ jsx18("span", { children: poweredByLabel }) }) }) : null
+            poweredByLabel ? /* @__PURE__ */ jsx19("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx19("p", { children: /* @__PURE__ */ jsx19("span", { children: poweredByLabel }) }) }) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsx18("div", { ref: overlayRef, className: "agent-rail__overlay" }),
-        receiptOpen && receiptSteps ? /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19("div", { ref: overlayRef, className: "agent-rail__overlay" }),
+        receiptOpen && receiptSteps ? /* @__PURE__ */ jsx19(
           AnswerReceiptDialog,
           {
             brandLabel: resolvedBrandLabel,
@@ -7570,10 +7939,10 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-import { useState as useState12 } from "react";
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function ChatSparkIcon() {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       className: "assist-edge-tab__chat-spark",
@@ -7581,7 +7950,7 @@ function ChatSparkIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             className: "assist-edge-tab__spark assist-edge-tab__spark--a",
@@ -7589,7 +7958,7 @@ function ChatSparkIcon() {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             className: "assist-edge-tab__spark assist-edge-tab__spark--b",
@@ -7597,8 +7966,8 @@ function ChatSparkIcon() {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsxs18("g", { className: "assist-edge-tab__bot", children: [
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs19("g", { className: "assist-edge-tab__bot", children: [
+          /* @__PURE__ */ jsx20(
             "path",
             {
               d: "M11.15 5.2V3.05",
@@ -7607,8 +7976,8 @@ function ChatSparkIcon() {
               strokeLinecap: "round"
             }
           ),
-          /* @__PURE__ */ jsx19("circle", { cx: "11.15", cy: "2.45", r: "0.85", fill: "currentColor" }),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20("circle", { cx: "11.15", cy: "2.45", r: "0.85", fill: "currentColor" }),
+          /* @__PURE__ */ jsx20(
             "rect",
             {
               x: "3.55",
@@ -7620,7 +7989,7 @@ function ChatSparkIcon() {
               strokeWidth: "1.9"
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "circle",
             {
               className: "assist-edge-tab__eye",
@@ -7630,7 +7999,7 @@ function ChatSparkIcon() {
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "circle",
             {
               className: "assist-edge-tab__eye assist-edge-tab__eye--r",
@@ -7647,40 +8016,72 @@ function ChatSparkIcon() {
 }
 function TabMarkIcon({
   customIconUrl,
-  logoUrl
+  logoUrl,
+  chip = false
 }) {
   const custom = customIconUrl?.trim();
   const logo = logoUrl?.trim();
-  const [customFailed, setCustomFailed] = useState12(false);
-  const [logoFailed, setLogoFailed] = useState12(false);
+  const [customFailed, setCustomFailed] = useState14(false);
+  const [logoFailed, setLogoFailed] = useState14(false);
+  const [markDisplay, setMarkDisplay] = useState14(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__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "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__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "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__ */ jsx19(ChatSparkIcon, {});
+  return /* @__PURE__ */ jsx20(ChatSparkIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -7692,7 +8093,7 @@ function ChevronLeftIcon() {
   ) });
 }
 function ChevronDownIcon2() {
-  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -7704,7 +8105,7 @@ function ChevronDownIcon2() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ jsx19("i", {}, index)) });
+  return /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ jsx20("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -7748,6 +8149,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 } : {},
@@ -7759,7 +8161,7 @@ function AssistEdgeTab({
     ...!pill && resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: chromeScheme
   };
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "button",
     {
       type: "button",
@@ -7771,15 +8173,16 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        pill ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
-          /* @__PURE__ */ jsx19(
+        pill ? /* @__PURE__ */ jsxs19(Fragment5, { children: [
+          /* @__PURE__ */ jsx20(
             "span",
             {
               className: `assist-edge-tab__mark assist-edge-tab__mark--chip${mobile ? " assist-edge-tab__mark--mobile" : ""}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx19(
+              children: /* @__PURE__ */ jsx20(
                 TabMarkIcon,
                 {
+                  chip: true,
                   customIconUrl,
                   logoUrl
                 },
@@ -7787,38 +8190,40 @@ function AssistEdgeTab({
               )
             }
           ),
-          /* @__PURE__ */ jsxs18("span", { className: "assist-edge-tab__text", children: [
-            /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-            visibleSubLabel ? /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__sublabel", children: visibleSubLabel }) : null
+          /* @__PURE__ */ jsxs19("span", { className: "assist-edge-tab__text", children: [
+            /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+            visibleSubLabel ? /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__sublabel", children: visibleSubLabel }) : null
           ] })
-        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
-          /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
+        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs19(Fragment5, { children: [
+          /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
             TabMarkIcon,
             {
+              chip: true,
               customIconUrl,
               logoUrl
             },
             markSourceKey
           ) }),
-          /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx19(ChevronDownIcon2, {})
+          /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx20(ChevronDownIcon2, {})
         ] }) : null,
-        !pill && variant === "ask" ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
-          /* @__PURE__ */ jsx19(ChevronLeftIcon, {}),
-          /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx19(DragDots, {})
+        !pill && variant === "ask" ? /* @__PURE__ */ jsxs19(Fragment5, { children: [
+          /* @__PURE__ */ jsx20(ChevronLeftIcon, {}),
+          /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx20(DragDots, {})
         ] }) : null,
-        !pill && variant === "fill" ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
-          /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
+        !pill && variant === "fill" ? /* @__PURE__ */ jsxs19(Fragment5, { children: [
+          /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
             TabMarkIcon,
             {
+              chip: true,
               customIconUrl,
               logoUrl
             },
             markSourceKey
           ) }),
-          /* @__PURE__ */ jsx19("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx19(ChevronLeftIcon, {})
+          /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx20(ChevronLeftIcon, {})
         ] }) : null
       ]
     }
@@ -7882,10 +8287,10 @@ function sendAgentAnswerFeedback(eventUrl, event) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { useEffect as useEffect11, useRef as useRef9, useState as useState14 } from "react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState16 } from "react";
 
 // src/react/page-shift.ts
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect10 } from "react";
 var PAGE_SHIFT_CLASS = "webless-agent-page-shift";
 var DEFAULT_RAIL_WIDTH_PX = 450;
 function shouldApplyPageShift(input) {
@@ -7937,7 +8342,7 @@ function clearPageMargin() {
 }
 function usePageShift(input) {
   const { active, railSlotRef } = input;
-  useEffect9(() => {
+  useEffect10(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -7965,12 +8370,12 @@ function usePageShift(input) {
 }
 
 // src/react/hooks/useIsMobile.ts
-import { useEffect as useEffect10, useState as useState13 } from "react";
+import { useEffect as useEffect11, useState as useState15 } from "react";
 function useIsMobile(breakpoint = 767) {
-  const [isMobile, setIsMobile] = useState13(
+  const [isMobile, setIsMobile] = useState15(
     () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
-  useEffect10(() => {
+  useEffect11(() => {
     const media = window.matchMedia(`(max-width: ${breakpoint}px)`);
     const onChange = () => setIsMobile(media.matches);
     onChange();
@@ -7981,7 +8386,7 @@ function useIsMobile(breakpoint = 767) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function AgentWidget({
   indexId,
   customerId,
@@ -8002,8 +8407,8 @@ function AgentWidget({
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
   const railSlotRef = useRef9(null);
-  const [railCollapsed, setRailCollapsed] = useState14(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = useState14(false);
+  const [railCollapsed, setRailCollapsed] = useState16(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = useState16(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -8058,7 +8463,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -8093,7 +8498,7 @@ function AgentWidget({
       })
     );
   }
-  useEffect11(() => {
+  useEffect12(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -8127,19 +8532,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ jsxs19("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs20("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ jsx21(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx21(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               AgentRail,
               {
                 theme,
@@ -8152,6 +8557,8 @@ function AgentWidget({
                 disclaimerLink: branding?.disclaimerLink,
                 answerReceipt: branding?.answerReceipt,
                 readAloud: branding?.readAloud,
+                showLearnMore: branding?.showLearnMore,
+                showSources: branding?.showSources,
                 state,
                 handoff,
                 mobileFullscreen: isMobile && !railCollapsed,
@@ -8177,7 +8584,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ jsx20(
+    railCollapsed ? /* @__PURE__ */ jsx21(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -8238,4 +8645,4 @@ export {
   sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-HKQFEO6R.js.map
+//# sourceMappingURL=chunk-P6ZM4BIU.js.map