@webless/agent 0.13.0 → 0.13.1

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

@@ -4753,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) {
@@ -4998,46 +4998,110 @@ function AgentActivityBubble({
 }
 
 // src/react/components/LearnMore/LearnMore.tsx
-import { useId } from "react";
+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: "Learn more" }),
-    /* @__PURE__ */ jsx3("ul", { className: "learn-more__questions", children: questions.map((question) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx3("h3", { id: headingId, className: "learn-more__heading", children: /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
-        disabled,
-        onClick: () => onSelect(question),
+        className: "learn-more__toggle",
+        "aria-expanded": open,
+        "aria-controls": panelId,
+        onClick: () => setOpen((current) => !current),
         children: [
-          /* @__PURE__ */ jsx3("span", { children: question }),
+          /* @__PURE__ */ jsx3("span", { children: "Learn more" }),
           /* @__PURE__ */ jsx3(
             "svg",
             {
-              viewBox: "0 0 24 24",
+              className: "learn-more__chevron",
+              viewBox: "0 0 16 16",
               fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx3("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+              children: /* @__PURE__ */ jsx3(
+                "path",
+                {
+                  d: "M4 6.5l4 4 4-4",
+                  stroke: "currentColor",
+                  strokeWidth: "1.6",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
             }
           )
         ]
       }
-    ) }, question)) })
+    ) }),
+    /* @__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(
@@ -5058,6 +5122,27 @@ function SiteIcon() {
     }
   );
 }
+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) => {
@@ -5097,28 +5182,25 @@ function SearchReferences({
           ] }) : 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(SiteIcon, {}) }),
-              /* @__PURE__ */ jsxs4("span", { className: "search-references__copy", children: [
-                /* @__PURE__ */ jsx4(
-                  "span",
-                  {
-                    className: "search-references__title",
-                    title: source.title,
-                    children: source.title
-                  }
-                ),
-                source.url ? /* @__PURE__ */ jsx4("span", { className: "search-references__domain", children: new URL(source.url).hostname.replace(/^www\./u, "") }) : null
-              ] }),
+              /* @__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__external",
+                  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: "M7 17 17 7M7 7h10v10" })
+                  children: /* @__PURE__ */ jsx4("path", { d: "M4 12h16m-7-7 7 7-7 7" })
                 }
               ) : null
             ] });
@@ -5260,7 +5342,7 @@ import {
   useEffect as useEffect5,
   useId as useId3,
   useRef as useRef5,
-  useState as useState5
+  useState as useState7
 } from "react";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var FORM_SUBMITTED_MESSAGE = "Shared my details";
@@ -5323,8 +5405,9 @@ 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);
@@ -5338,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 }));
   }
@@ -5442,7 +5538,8 @@ function Composer({
       className: [
         "composer",
         variant === "dock" ? "composer--dock" : "",
-        activeForm ? "composer--form" : ""
+        activeForm ? "composer--form" : "",
+        multiline ? "composer--multiline" : ""
       ].filter(Boolean).join(" "),
       onSubmit: handleSubmit,
       children: [
@@ -5594,7 +5691,7 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-import { useState as useState7 } from "react";
+import { useEffect as useEffect7, useState as useState9 } from "react";
 
 // src/react/components/BookingCard/BookingCard.tsx
 import {
@@ -5602,7 +5699,7 @@ import {
   useId as useId4,
   useMemo as useMemo2,
   useRef as useRef6,
-  useState as useState6
+  useState as useState8
 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
@@ -5660,12 +5757,12 @@ function InteractiveBookingCard({
 }) {
   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);
@@ -5686,7 +5783,7 @@ function InteractiveBookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = useState6(
+  const [visibleMonth, setVisibleMonth] = useState8(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -5979,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;
@@ -6041,7 +6169,14 @@ function MessageBubble({
   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(
@@ -6062,7 +6197,7 @@ function MessageBubble({
         className: "message-bubble message-bubble--visitor",
         "aria-label": "Message from visitor",
         children: [
-          showProvenance ? /* @__PURE__ */ jsx9("span", { className: "message-bubble__speaker", children: "You \xB7 Visitor" }) : null,
+          showProvenance ? /* @__PURE__ */ jsx9("span", { className: "message-bubble__speaker", children: "You" }) : null,
           /* @__PURE__ */ jsx9("p", { className: "message-bubble__text", children: visitorText })
         ]
       }
@@ -6126,20 +6261,51 @@ function MessageBubble({
       className: "message-bubble message-bubble--agent",
       "aria-label": "Message from AI assistant",
       children: [
-        showProvenance ? /* @__PURE__ */ jsx9("span", { className: "message-bubble__speaker", children: "AI assistant" }) : null,
-        displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ jsxs9("div", { className: "message-bubble__agent-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx9(
-            "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,
+        ] }) : null,
         offers.map((nextOffer, index) => /* @__PURE__ */ jsx9(
           BookingCard,
           {
@@ -6156,7 +6322,7 @@ 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 jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -6198,7 +6364,7 @@ function ConfirmationCard({
 }
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
-import { useState as useState8 } from "react";
+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);
@@ -6529,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,
@@ -6626,7 +6792,7 @@ function HumanInputCard({
   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) {
@@ -6684,7 +6850,7 @@ function HumanInputCard({
 }
 
 // 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) {
@@ -6732,16 +6898,16 @@ 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") {
@@ -7033,16 +7199,28 @@ function CloseIcon2() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
-    "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__ */ jsx19("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
@@ -7120,13 +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 [sourceResults, setSourceResults] = useState11(null);
+  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);
@@ -7227,30 +7415,39 @@ function AgentRail({
     ...visibleVisitorToolResults
   ].reverse().find((result) => result.kind !== "input")?.id;
   const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
-  useEffect8(() => {
-    if (state.phase !== "complete" || !showSources && sourceResults) {
+  useEffect9(() => {
+    if (state.phase !== "complete") {
       setReceiptOpen(false);
     }
-  }, [state.phase, showSources, sourceResults]);
+  }, [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);
+    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) {
@@ -7280,7 +7477,7 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     const node = transcriptRef.current;
     if (!node) return;
     const handleScroll = () => {
@@ -7294,7 +7491,7 @@ function AgentRail({
     handleScroll();
     return () => node.removeEventListener("scroll", handleScroll);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!receiptOpen) {
       lockedTranscriptScrollTopRef.current = null;
       return;
@@ -7303,8 +7500,7 @@ function AgentRail({
     if (!node || lockedTranscriptScrollTopRef.current === null) return;
     node.scrollTop = lockedTranscriptScrollTopRef.current;
   }, [receiptOpen]);
-  function openReceipt(results = null) {
-    setSourceResults(results);
+  function openReceipt() {
     const node = transcriptRef.current;
     lockedTranscriptScrollTopRef.current = node?.scrollTop ?? null;
     setReceiptOpen(true);
@@ -7370,17 +7566,45 @@ function AgentRail({
               }
             ) : /* @__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-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
-                "img",
+              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,
+              ) : null,
               resolvedBrandLabel ? /* @__PURE__ */ jsx19("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
             ] }) : null,
             /* @__PURE__ */ jsxs18("span", { className: "agent-rail__actions", children: [
@@ -7412,9 +7636,7 @@ function AgentRail({
               greeting?.role === "agent" ? /* @__PURE__ */ jsx19(
                 MessageBubble,
                 {
-                  showProvenance: Boolean(
-                    handoff?.page?.enabled || handoffActive
-                  ),
+                  showProvenance: true,
                   message: greeting,
                   bookingDisabled: isBusy || handoffActive,
                   brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
@@ -7457,104 +7679,138 @@ function AgentRail({
                 request.requestId
               ))
             ] }) : null,
-            transcriptMessages.map((message, index) => /* @__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
-                    },
-                    result.id
-                  )) : null,
-                  /* @__PURE__ */ jsx19(
-                    MessageBubble,
-                    {
-                      showProvenance: Boolean(
-                        handoff?.page?.enabled || handoffActive
-                      ),
-                      message,
-                      showSearchReferences: false,
-                      bookingDisabled: isBusy || handoffActive,
-                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                      offer: index === transcriptMessages.length - 1 ? state.pendingOffer : void 0,
-                      onBook
-                    }
-                  ),
-                  message.role === "agent" ? /* @__PURE__ */ jsxs18("div", { className: "agent-rail__answer-actions", children: [
-                    index === lastAgentIndex && showMessageActions ? /* @__PURE__ */ jsx19(
-                      MessageActions,
+            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,
                       {
-                        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,
-                    showSources && state.phase === "complete" && !message.streaming && searchSources(message.searchResults ?? []).length > 0 ? /* @__PURE__ */ jsx19(
-                      "button",
+                        result
+                      },
+                      result.id
+                    )) : null,
+                    /* @__PURE__ */ jsx19(
+                      MessageBubble,
                       {
-                        className: "agent-rail__sources-button",
-                        type: "button",
-                        "aria-haspopup": "dialog",
-                        onClick: () => openReceipt(message.searchResults ?? []),
-                        children: "View sources"
+                        showProvenance: true,
+                        message,
+                        showSearchReferences: false,
+                        bookingDisabled: isBusy || handoffActive,
+                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                        offer: index === transcriptMessages.length - 1 ? state.pendingOffer : void 0,
+                        onBook
                       }
-                    ) : null
-                  ] }) : null,
-                  message.role === "agent" && !message.streaming ? /* @__PURE__ */ jsx19(
-                    SearchReferences,
-                    {
-                      results: message.searchResults ?? [],
-                      mode: "actions"
-                    }
-                  ) : null,
-                  index === lastAgentIndex && showMessageActions && message.role === "agent" && !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,
+                    ),
+                    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,
                       {
-                        brandLabel: resolvedBrandLabel,
-                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                        failed: state.phase === "error",
-                        steps: activitySteps
+                        results: message.searchResults ?? [],
+                        mode: "actions"
                       }
                     ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx19(
-                      VisitorToolResultView,
-                      {
-                        result,
-                        disabled: semanticSurfaceDisabled,
-                        onToolInput
-                      },
-                      result.id
-                    )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx19(
-                      HumanInputCard,
+                    showAnswerActions && !handoffActive && showLearnMore ? /* @__PURE__ */ jsx19(
+                      LearnMore,
                       {
-                        request,
-                        onRespond: onInputResponse
-                      },
-                      request.requestId
-                    ))
-                  ] }) : null
-                ]
-              },
-              message.role === "agent" && transcriptMessages[index - 1]?.role === "visitor" ? `answer-${transcriptMessages[index - 1]?.id}` : message.id
-            )),
+                        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: [
@@ -7564,21 +7820,22 @@ function AgentRail({
               onRetry ? /* @__PURE__ */ jsx19("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
             ] }) : null
           ] }) }),
-          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,
           handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ jsxs18("div", { className: "agent-rail__handoff", children: [
-            /* @__PURE__ */ jsx19("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 === "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"
@@ -7588,6 +7845,7 @@ function AgentRail({
               "button",
               {
                 type: "button",
+                className: "agent-rail__handoff-action",
                 disabled: handoff.busy || handoff.hasPending,
                 onClick: () => void handoff.returnToAI(),
                 children: "Return to AI"
@@ -7597,17 +7855,19 @@ function AgentRail({
               "button",
               {
                 type: "button",
+                className: "agent-rail__handoff-action",
                 disabled: !handoff.canReset,
                 onClick: handleReset,
                 children: "Start a new conversation"
               }
             ) : null,
-            handoff.error ? /* @__PURE__ */ jsxs18("div", { role: "alert", children: [
-              /* @__PURE__ */ jsx19("span", { children: handoff.error }),
+            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"
@@ -7615,6 +7875,15 @@ function AgentRail({
               )
             ] }) : null
           ] }) : null,
+          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,
@@ -7656,19 +7925,12 @@ function AgentRail({
           ] })
         ] }),
         /* @__PURE__ */ jsx19("div", { ref: overlayRef, className: "agent-rail__overlay" }),
-        receiptOpen && (sourceResults || receiptSteps) ? /* @__PURE__ */ jsx19(
+        receiptOpen && receiptSteps ? /* @__PURE__ */ jsx19(
           AnswerReceiptDialog,
           {
             brandLabel: resolvedBrandLabel,
             onClose: () => setReceiptOpen(false),
-            steps: receiptSteps,
-            title: sourceResults ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
-              "Sources",
-              " ",
-              /* @__PURE__ */ jsx19("span", { className: "agent-receipt-dialog__count", children: searchSources(sourceResults).length })
-            ] }) : void 0,
-            summary: sourceResults ? "References for this answer" : void 0,
-            children: sourceResults ? /* @__PURE__ */ jsx19(SearchReferences, { results: sourceResults, mode: "sources" }) : void 0
+            steps: receiptSteps
           }
         ) : null
       ] })
@@ -7677,7 +7939,7 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-import { useState as useState12 } from "react";
+import { useState as useState14 } from "react";
 import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function ChatSparkIcon() {
   return /* @__PURE__ */ jsxs19(
@@ -7754,20 +8016,47 @@ 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__ */ 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)
       }
     );
@@ -7778,8 +8067,13 @@ function TabMarkIcon({
       {
         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)
       }
     );
@@ -7855,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 } : {},
@@ -7887,6 +8182,7 @@ function AssistEdgeTab({
               children: /* @__PURE__ */ jsx20(
                 TabMarkIcon,
                 {
+                  chip: true,
                   customIconUrl,
                   logoUrl
                 },
@@ -7902,6 +8198,7 @@ function AssistEdgeTab({
           /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
             TabMarkIcon,
             {
+              chip: true,
               customIconUrl,
               logoUrl
             },
@@ -7919,6 +8216,7 @@ function AssistEdgeTab({
           /* @__PURE__ */ jsx20("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
             TabMarkIcon,
             {
+              chip: true,
               customIconUrl,
               logoUrl
             },
@@ -7989,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) {
@@ -8044,7 +8342,7 @@ function clearPageMargin() {
 }
 function usePageShift(input) {
   const { active, railSlotRef } = input;
-  useEffect9(() => {
+  useEffect10(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -8072,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();
@@ -8109,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,
@@ -8165,7 +8463,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -8200,7 +8498,7 @@ function AgentWidget({
       })
     );
   }
-  useEffect11(() => {
+  useEffect12(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -8347,4 +8645,4 @@ export {
   sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-WUUGIP4Y.js.map
+//# sourceMappingURL=chunk-P6ZM4BIU.js.map