@webless/agent 0.13.2 → 0.14.1

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

@@ -4103,7 +4103,7 @@ var defaultAgentRailTheme = {
   surfaceMuted: "#f4f6fb",
   text: "#171b2a",
   textMuted: "#5a6378",
-  textSubtle: "#8a94a8",
+  textSubtle: "#6b7280",
   border: "rgb(42 51 70 / 0.1)",
   visitorBubble: "#f3edff",
   visitorText: "#171b2a",
@@ -4753,12 +4753,149 @@ function MessageActions({
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { useEffect as useEffect9, useRef as useRef8, useState as useState13 } from "react";
+import { useEffect as useEffect9, useRef as useRef8, useState as useState12 } from "react";
 
 // src/react/lib/agent-theme.ts
+var HEX_COLOR_PATTERN = /^#(?:[\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/;
+var NAMED_COLOR_HEX = Object.fromEntries(
+  "aliceblue:#f0f8ff,antiquewhite:#faebd7,aqua:#00ffff,aquamarine:#7fffd4,azure:#f0ffff,beige:#f5f5dc,bisque:#ffe4c4,black:#000000,blanchedalmond:#ffebcd,blue:#0000ff,blueviolet:#8a2be2,brown:#a52a2a,burlywood:#deb887,cadetblue:#5f9ea0,chartreuse:#7fff00,chocolate:#d2691e,coral:#ff7f50,cornflowerblue:#6495ed,cornsilk:#fff8dc,crimson:#dc143c,cyan:#00ffff,darkblue:#00008b,darkcyan:#008b8b,darkgoldenrod:#b8860b,darkgray:#a9a9a9,darkgreen:#006400,darkgrey:#a9a9a9,darkkhaki:#bdb76b,darkmagenta:#8b008b,darkolivegreen:#556b2f,darkorange:#ff8c00,darkorchid:#9932cc,darkred:#8b0000,darksalmon:#e9967a,darkseagreen:#8fbc8f,darkslateblue:#483d8b,darkslategray:#2f4f4f,darkslategrey:#2f4f4f,darkturquoise:#00ced1,darkviolet:#9400d3,deeppink:#ff1493,deepskyblue:#00bfff,dimgray:#696969,dimgrey:#696969,dodgerblue:#1e90ff,firebrick:#b22222,floralwhite:#fffaf0,forestgreen:#228b22,fuchsia:#ff00ff,gainsboro:#dcdcdc,ghostwhite:#f8f8ff,gold:#ffd700,goldenrod:#daa520,gray:#808080,green:#008000,greenyellow:#adff2f,grey:#808080,honeydew:#f0fff0,hotpink:#ff69b4,indianred:#cd5c5c,indigo:#4b0082,ivory:#fffff0,khaki:#f0e68c,lavender:#e6e6fa,lavenderblush:#fff0f5,lawngreen:#7cfc00,lemonchiffon:#fffacd,lightblue:#add8e6,lightcoral:#f08080,lightcyan:#e0ffff,lightgoldenrodyellow:#fafad2,lightgray:#d3d3d3,lightgreen:#90ee90,lightgrey:#d3d3d3,lightpink:#ffb6c1,lightsalmon:#ffa07a,lightseagreen:#20b2aa,lightskyblue:#87cefa,lightslategray:#778899,lightslategrey:#778899,lightsteelblue:#b0c4de,lightyellow:#ffffe0,lime:#00ff00,limegreen:#32cd32,linen:#faf0e6,magenta:#ff00ff,maroon:#800000,mediumaquamarine:#66cdaa,mediumblue:#0000cd,mediumorchid:#ba55d3,mediumpurple:#9370db,mediumseagreen:#3cb371,mediumslateblue:#7b68ee,mediumspringgreen:#00fa9a,mediumturquoise:#48d1cc,mediumvioletred:#c71585,midnightblue:#191970,mintcream:#f5fffa,mistyrose:#ffe4e1,moccasin:#ffe4b5,navajowhite:#ffdead,navy:#000080,oldlace:#fdf5e6,olive:#808000,olivedrab:#6b8e23,orange:#ffa500,orangered:#ff4500,orchid:#da70d6,palegoldenrod:#eee8aa,palegreen:#98fb98,paleturquoise:#afeeee,palevioletred:#db7093,papayawhip:#ffefd5,peachpuff:#ffdab9,peru:#cd853f,pink:#ffc0cb,plum:#dda0dd,powderblue:#b0e0e6,purple:#800080,rebeccapurple:#663399,red:#ff0000,rosybrown:#bc8f8f,royalblue:#4169e1,saddlebrown:#8b4513,salmon:#fa8072,sandybrown:#f4a460,seagreen:#2e8b57,seashell:#fff5ee,sienna:#a0522d,silver:#c0c0c0,skyblue:#87ceeb,slateblue:#6a5acd,slategray:#708090,slategrey:#708090,snow:#fffafa,springgreen:#00ff7f,steelblue:#4682b4,tan:#d2b48c,teal:#008080,thistle:#d8bfd8,tomato:#ff6347,turquoise:#40e0d0,violet:#ee82ee,wheat:#f5deb3,white:#ffffff,whitesmoke:#f5f5f5,yellow:#ffff00,yellowgreen:#9acd32".split(",").map((entry) => entry.split(":"))
+);
+function rgbLuminance(r, g, b) {
+  const [lr = 0, lg = 0, lb = 0] = [r, g, b].map((channel) => {
+    const normalized = channel / 255;
+    return normalized <= 0.03928 ? normalized / 12.92 : Math.pow((normalized + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * lr + 0.7152 * lg + 0.0722 * lb;
+}
+function hexColorLuminance(value) {
+  const normalized = value.trim();
+  if (!HEX_COLOR_PATTERN.test(normalized)) return null;
+  const raw = normalized.slice(1);
+  const full = raw.length === 3 ? raw.split("").map((channel) => channel + channel).join("") : raw;
+  const [r = 0, g = 0, b = 0] = [0, 2, 4].map(
+    (index) => parseInt(full.slice(index, index + 2), 16)
+  );
+  return rgbLuminance(r, g, b);
+}
+function splitColorBody(body) {
+  let colorPart = body;
+  let alphaToken;
+  const slashIndex = body.lastIndexOf("/");
+  if (slashIndex >= 0) {
+    colorPart = body.slice(0, slashIndex);
+    alphaToken = body.slice(slashIndex + 1);
+  }
+  const parts = colorPart.includes(",") ? colorPart.split(",") : colorPart.trim().split(/\s+/);
+  if (colorPart.includes(",") && parts.length === 4) {
+    alphaToken = parts.pop();
+  }
+  return { parts, alphaToken };
+}
+function parseAlpha(token) {
+  if (token === void 0) return 1;
+  const trimmed = token.trim();
+  if (!trimmed) return 1;
+  return trimmed.endsWith("%") ? parseFloat(trimmed) / 100 : parseFloat(trimmed);
+}
+function parseRgbChannels(value) {
+  const match = /^rgba?\(\s*([^)]*?)\s*\)$/i.exec(value);
+  if (!match) return null;
+  const { parts, alphaToken } = splitColorBody(match[1] ?? "");
+  if (parts.length < 3) return null;
+  const alpha = parseAlpha(alphaToken);
+  const channels = parts.slice(0, 3).map((part) => {
+    const token = part.trim();
+    return token.endsWith("%") ? parseFloat(token) / 100 * 255 : parseFloat(token);
+  });
+  if ([...channels, alpha].some((channel) => Number.isNaN(channel))) {
+    return null;
+  }
+  return [channels[0] ?? 0, channels[1] ?? 0, channels[2] ?? 0, alpha];
+}
+function parseHslChannels(value) {
+  const match = /^hsla?\(\s*([^)]*?)\s*\)$/i.exec(value);
+  if (!match) return null;
+  const { parts, alphaToken } = splitColorBody(match[1] ?? "");
+  if (parts.length < 3) return null;
+  const alpha = parseAlpha(alphaToken);
+  const hueToken = (parts[0] ?? "").trim().toLowerCase();
+  const hueRaw = parseFloat(hueToken);
+  const saturation = parseFloat(parts[1] ?? "");
+  const lightness = parseFloat(parts[2] ?? "");
+  if ([hueRaw, saturation, lightness, alpha].some((n) => Number.isNaN(n))) {
+    return null;
+  }
+  const hueDeg = hueToken.endsWith("turn") ? hueRaw * 360 : hueToken.endsWith("rad") ? hueRaw * 180 / Math.PI : hueRaw;
+  const s = saturation / 100;
+  const l = lightness / 100;
+  const chroma = (1 - Math.abs(2 * l - 1)) * s;
+  const huePrime = (hueDeg % 360 + 360) % 360 / 60;
+  const x = chroma * (1 - Math.abs(huePrime % 2 - 1));
+  const pairs = [
+    [chroma, x, 0],
+    [x, chroma, 0],
+    [0, chroma, x],
+    [0, x, chroma],
+    [x, 0, chroma],
+    [chroma, 0, x]
+  ];
+  const [r1 = 0, g1 = 0, b1 = 0] = pairs[Math.floor(huePrime) % 6] ?? [];
+  const m = l - chroma / 2;
+  return [(r1 + m) * 255, (g1 + m) * 255, (b1 + m) * 255, alpha];
+}
+var colorProbeElement = null;
+function normalizeColorWithDom(value) {
+  if (typeof document === "undefined") return null;
+  colorProbeElement ??= document.createElement("span");
+  colorProbeElement.style.color = "";
+  colorProbeElement.style.color = value;
+  return colorProbeElement.style.color || null;
+}
+var LIGHT_SURFACE_LUMINANCE_THRESHOLD = 0.35;
+function channelsLuminance([r, g, b, alpha]) {
+  if (alpha >= 1) return rgbLuminance(r, g, b);
+  if (alpha <= 0) return null;
+  const overBlack = rgbLuminance(r * alpha, g * alpha, b * alpha);
+  const overWhite = rgbLuminance(
+    r * alpha + (1 - alpha) * 255,
+    g * alpha + (1 - alpha) * 255,
+    b * alpha + (1 - alpha) * 255
+  );
+  const blackIsLight = overBlack > LIGHT_SURFACE_LUMINANCE_THRESHOLD;
+  const whiteIsLight = overWhite > LIGHT_SURFACE_LUMINANCE_THRESHOLD;
+  if (blackIsLight !== whiteIsLight) return null;
+  return blackIsLight ? Math.min(overBlack, overWhite) : Math.max(overBlack, overWhite);
+}
+function cssColorLuminance(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const namedHex = NAMED_COLOR_HEX[trimmed.toLowerCase()];
+  const hex = hexColorLuminance(namedHex ?? trimmed);
+  if (hex !== null) return hex;
+  const channels = parseRgbChannels(trimmed) ?? parseHslChannels(trimmed);
+  if (channels) return channelsLuminance(channels);
+  const normalized = normalizeColorWithDom(trimmed);
+  if (!normalized || normalized === trimmed) return null;
+  const normalizedHex = hexColorLuminance(normalized);
+  if (normalizedHex !== null) return normalizedHex;
+  const normalizedChannels = parseRgbChannels(normalized) ?? parseHslChannels(normalized);
+  return normalizedChannels ? channelsLuminance(normalizedChannels) : null;
+}
+function resolveEffectiveColorScheme(theme, resolvedColorScheme) {
+  if (resolvedColorScheme !== "dark") return "light";
+  const surface = theme?.surface?.trim();
+  if (!surface) return "dark";
+  const luminance = cssColorLuminance(surface);
+  if (luminance === null) return "dark";
+  return luminance > LIGHT_SURFACE_LUMINANCE_THRESHOLD ? "light" : "dark";
+}
 function agentThemeStyle(theme, resolvedColorScheme) {
   const brandedTheme = { ...defaultAgentRailTheme, ...theme };
-  const resolvedTheme = resolvedColorScheme === "dark" ? {
+  const effectiveColorScheme = resolveEffectiveColorScheme(
+    theme,
+    resolvedColorScheme
+  );
+  const resolvedTheme = effectiveColorScheme === "dark" ? {
     ...brandedTheme,
     brand: theme?.brand ?? defaultDarkAgentRailTheme.brand,
     brandDeep: theme?.brandDeep ?? defaultDarkAgentRailTheme.brandDeep,
@@ -4793,7 +4930,7 @@ function agentThemeStyle(theme, resolvedColorScheme) {
     "--as-danger": resolvedTheme.danger,
     "--as-font-body": resolvedTheme.fontBody,
     "--as-font-display": resolvedTheme.fontDisplay,
-    colorScheme: resolvedColorScheme
+    colorScheme: effectiveColorScheme
   };
 }
 
@@ -4997,114 +5134,11 @@ 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";
+import { useState as useState5 } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SiteIcon() {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -5115,15 +5149,15 @@ function SiteIcon() {
       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" })
+        /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx3("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
+        /* @__PURE__ */ jsx3("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
       ]
     }
   );
 }
 function SourceFavicon({ url }) {
-  const [failed, setFailed] = useState6(false);
+  const [failed, setFailed] = useState5(false);
   let faviconUrl = null;
   if (url) {
     try {
@@ -5132,8 +5166,8 @@ function SourceFavicon({ url }) {
       faviconUrl = null;
     }
   }
-  if (!faviconUrl || failed) return /* @__PURE__ */ jsx4(SiteIcon, {});
-  return /* @__PURE__ */ jsx4(
+  if (!faviconUrl || failed) return /* @__PURE__ */ jsx3(SiteIcon, {});
+  return /* @__PURE__ */ jsx3(
     "img",
     {
       src: faviconUrl,
@@ -5153,37 +5187,53 @@ function searchSources(results) {
     return [{ ...source, url, key }];
   });
 }
-function SearchReferences({
-  results,
-  mode = "default"
-}) {
-  const sources = searchSources(results);
+function searchActions(results) {
   const seenActions = /* @__PURE__ */ new Set();
-  const actions = results.flatMap((result) => {
+  return 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 }];
   });
+}
+function searchSuggestions(results) {
+  return [
+    ...new Set(results.flatMap((result) => result.suggestions ?? []))
+  ].slice(0, 3);
+}
+function searchActionLinkTitle(url) {
+  try {
+    const hostname = new URL(url).hostname.replace(/^www\./, "");
+    return hostname ? `Opens ${hostname} in a new tab` : "Opens in a new tab";
+  } catch {
+    return "Opens in a new tab";
+  }
+}
+function SearchReferences({
+  results,
+  mode = "default"
+}) {
+  const sources = searchSources(results);
+  const actions = searchActions(results);
   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(
+  return /* @__PURE__ */ jsxs3("div", { className: "search-references", children: [
+    mode !== "actions" && sources.length > 0 ? /* @__PURE__ */ jsxs3(
       Container,
       {
         className: "search-references__disclosure",
         "aria-label": "Sources",
         children: [
-          mode === "default" ? /* @__PURE__ */ jsxs4("summary", { className: "search-references__heading", children: [
+          mode === "default" ? /* @__PURE__ */ jsxs3("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(
+          /* @__PURE__ */ jsx3("ul", { className: "search-references__list", children: sources.map((source) => {
+            const content = /* @__PURE__ */ jsxs3(Fragment, { children: [
+              /* @__PURE__ */ jsx3("span", { className: "search-references__icon", children: /* @__PURE__ */ jsx3(SourceFavicon, { url: source.url }) }),
+              /* @__PURE__ */ jsx3(
                 "span",
                 {
                   className: "search-references__title",
@@ -5191,7 +5241,7 @@ function SearchReferences({
                   children: source.title
                 }
               ),
-              source.url ? /* @__PURE__ */ jsx4(
+              source.url ? /* @__PURE__ */ jsxs3(
                 "svg",
                 {
                   className: "search-references__row-arrow",
@@ -5199,12 +5249,17 @@ function SearchReferences({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx4("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+                  children: [
+                    /* @__PURE__ */ jsx3("path", { d: "M7 17 17 7" }),
+                    /* @__PURE__ */ jsx3("path", { d: "M8 7h9v9" })
+                  ]
                 }
               ) : null
             ] });
-            return /* @__PURE__ */ jsx4("li", { children: source.url ? /* @__PURE__ */ jsx4(
+            return /* @__PURE__ */ jsx3("li", { children: source.url ? /* @__PURE__ */ jsx3(
               "a",
               {
                 className: "search-references__source",
@@ -5213,12 +5268,12 @@ function SearchReferences({
                 rel: "noopener noreferrer",
                 children: content
               }
-            ) : /* @__PURE__ */ jsx4("div", { className: "search-references__source", children: content }) }, source.key);
+            ) : /* @__PURE__ */ jsx3("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(
+    mode !== "sources" && actions.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ jsx3(
       "a",
       {
         className: "search-references__cta",
@@ -5232,8 +5287,81 @@ function SearchReferences({
   ] });
 }
 
+// src/react/components/ExploreMore/ExploreMore.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function QuestionIcon() {
+  return /* @__PURE__ */ jsxs4(
+    "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__ */ jsx4("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
+        /* @__PURE__ */ jsx4("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ jsx4("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+function ExploreMore({
+  results,
+  disabled,
+  onSelectQuestion,
+  showLearnMore = true,
+  showSources = true
+}) {
+  const sources = showSources ? searchSources(results) : [];
+  const questions = showLearnMore ? searchSuggestions(results) : [];
+  if (!sources.length && !questions.length) return null;
+  return /* @__PURE__ */ jsxs4("div", { className: "explore-more", children: [
+    sources.length > 0 ? /* @__PURE__ */ jsxs4("div", { className: "explore-more__section", children: [
+      /* @__PURE__ */ jsxs4("p", { className: "explore-more__label", children: [
+        "Based on ",
+        sources.length,
+        " ",
+        sources.length === 1 ? "page" : "pages"
+      ] }),
+      /* @__PURE__ */ jsx4(SearchReferences, { results, mode: "sources" })
+    ] }) : null,
+    questions.length > 0 ? /* @__PURE__ */ jsxs4("div", { className: "explore-more__section", children: [
+      /* @__PURE__ */ jsx4("p", { className: "explore-more__label", children: "Learn more" }),
+      /* @__PURE__ */ jsx4("ul", { className: "explore-more__questions", children: questions.map((question) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => onSelectQuestion(question),
+          children: [
+            /* @__PURE__ */ jsx4("span", { className: "explore-more__question-icon", children: /* @__PURE__ */ jsx4(QuestionIcon, {}) }),
+            /* @__PURE__ */ jsx4("span", { className: "explore-more__question-text", children: question }),
+            /* @__PURE__ */ jsx4(
+              "svg",
+              {
+                className: "explore-more__question-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" })
+              }
+            )
+          ]
+        }
+      ) }, question)) })
+    ] }) : null
+  ] });
+}
+
 // src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
-import { useEffect as useEffect4, useRef as useRef4, useId as useId2 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useId } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 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"])';
@@ -5256,7 +5384,7 @@ function AnswerReceiptDialog({
   summary,
   children
 }) {
-  const titleId = useId2();
+  const titleId = useId();
   const portalRoots = useAgentRailPortalRoots();
   const overlayRoot = portalRoots?.overlayRef ?? null;
   const cardRef = useRef4(null);
@@ -5340,9 +5468,9 @@ function AnswerReceiptDialog({
 // src/react/components/Composer/Composer.tsx
 import {
   useEffect as useEffect5,
-  useId as useId3,
+  useId as useId2,
   useRef as useRef5,
-  useState as useState7
+  useState as useState6
 } from "react";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var FORM_SUBMITTED_MESSAGE = "Shared my details";
@@ -5398,6 +5526,7 @@ function createDraft(form) {
   };
 }
 function Composer({
+  actions,
   disabled = false,
   placeholder = "Ask anything\u2026",
   variant = "default",
@@ -5405,16 +5534,17 @@ function Composer({
   allowFormResume = true,
   onSubmit
 }) {
-  const [value, setValue] = useState7("");
-  const [draft, setDraft] = useState7(() => createDraft(form));
-  const [multiline, setMultiline] = useState7(false);
+  const [value, setValue] = useState6("");
+  const [draft, setDraft] = useState6(() => createDraft(form));
+  const [multiline, setMultiline] = useState6(false);
   const inputRef = useRef5(null);
   const firstFieldRef = useRef5(null);
   const formRef = useRef5(null);
-  const formId = useId3();
+  const formId = useId2();
   if (form && form.id !== draft.form?.id) setDraft(createDraft(form));
   const savedForm = allowFormResume && !draft.submitted ? draft.form : null;
   const activeForm = !disabled && draft.expanded ? savedForm : null;
+  const showResumeBadge = Boolean(savedForm) && !activeForm;
   const canSend = !disabled && Boolean(value.trim() || activeForm);
   useEffect5(() => {
     if (activeForm) firstFieldRef.current?.focus();
@@ -5543,15 +5673,17 @@ function Composer({
       ].filter(Boolean).join(" "),
       onSubmit: handleSubmit,
       children: [
-        savedForm ? /* @__PURE__ */ jsxs6("div", { className: "composer__resume", children: [
-          /* @__PURE__ */ jsx6("span", { children: "Share your details and we'll reach out shortly" }),
-          !activeForm ? /* @__PURE__ */ jsx6(
+        actions || showResumeBadge ? /* @__PURE__ */ jsxs6("div", { className: "composer__actions", children: [
+          actions,
+          showResumeBadge ? /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
+              className: "composer__action-badge",
               disabled,
+              title: "Share your details and we'll reach out shortly",
               onClick: () => setDraft((current) => ({ ...current, expanded: true })),
-              children: "Request follow-up"
+              children: "Review follow-up"
             }
           ) : null
         ] }) : null,
@@ -5691,15 +5823,15 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-import { useEffect as useEffect7, useState as useState9 } from "react";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 
 // src/react/components/BookingCard/BookingCard.tsx
 import {
   useEffect as useEffect6,
-  useId as useId4,
+  useId as useId3,
   useMemo as useMemo2,
   useRef as useRef6,
-  useState as useState8
+  useState as useState7
 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
@@ -5755,14 +5887,14 @@ function InteractiveBookingCard({
   offer,
   onBook
 }) {
-  const fieldId = useId4();
+  const fieldId = useId3();
   const defaultType = offer.eventTypes[0]?.uri ?? offer.slots[0]?.eventTypeUri ?? "";
-  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 [step, setStep] = useState7("date");
+  const [eventTypeUri, setEventTypeUri] = useState7(defaultType);
+  const [selectedDate, setSelectedDate] = useState7("");
+  const [startTime, setStartTime] = useState7("");
+  const [name, setName] = useState7("");
+  const [email, setEmail] = useState7("");
   const activeStepRef = useRef6(null);
   const previousStepRef = useRef6(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
@@ -5783,7 +5915,7 @@ function InteractiveBookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = useState8(
+  const [visibleMonth, setVisibleMonth] = useState7(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -6169,8 +6301,8 @@ function MessageBubble({
   onBook
 }) {
   const resolvedLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = useState9(null);
-  const [logoDisplay, setLogoDisplay] = useState9(null);
+  const [failedLogoUrl, setFailedLogoUrl] = useState8(null);
+  const [logoDisplay, setLogoDisplay] = useState8(null);
   useEffect7(() => {
     setFailedLogoUrl(null);
   }, [resolvedLogoUrl]);
@@ -6322,7 +6454,7 @@ function MessageBubble({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -6364,7 +6496,7 @@ function ConfirmationCard({
 }
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
-import { useState as useState10 } from "react";
+import { useState as useState9 } 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);
@@ -6695,11 +6827,11 @@ function ToolInputCard({
   surface,
   onSubmit
 }) {
-  const [values, setValues] = useState10(
+  const [values, setValues] = useState9(
     () => initialValues(surface)
   );
-  const [touched, setTouched] = useState10(() => /* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState10(false);
+  const [touched, setTouched] = useState9(() => /* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState9(false);
   const errors = Object.fromEntries(
     surface.fields.map((field) => [
       field.path,
@@ -6792,7 +6924,7 @@ function HumanInputCard({
   request,
   onRespond
 }) {
-  const [text3, setText] = useState11("");
+  const [text3, setText] = useState10("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
@@ -6850,7 +6982,7 @@ function HumanInputCard({
 }
 
 // src/react/components/LocationConsent/LocationConsent.tsx
-import { useEffect as useEffect8, useRef as useRef7, useState as useState12 } from "react";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState11 } from "react";
 
 // src/runtime/location-consent.ts
 function isLocationConsentRequest(request) {
@@ -6898,9 +7030,9 @@ function LocationConsent({
   request,
   onRespond
 }) {
-  const [preference, setPreference] = useState12("unset");
-  const [locating, setLocating] = useState12(false);
-  const [error, setError] = useState12(null);
+  const [preference, setPreference] = useState11("unset");
+  const [locating, setLocating] = useState11(false);
+  const [error, setError] = useState11(null);
   const respond = useRef7(onRespond);
   const answered = useRef7(null);
   const requestId = request?.requestId;
@@ -7298,14 +7430,14 @@ function AgentRail({
   const pinnedToBottomRef = useRef8(true);
   const smoothScrollToLatestRef = useRef8(false);
   const lockedTranscriptScrollTopRef = useRef8(null);
-  const [showJumpToLatest, setShowJumpToLatest] = useState13(false);
-  const [receiptOpen, setReceiptOpen] = useState13(false);
-  const [expandedSourcesMessageId, setExpandedSourcesMessageId] = useState13(null);
+  const [showJumpToLatest, setShowJumpToLatest] = useState12(false);
+  const [receiptOpen, setReceiptOpen] = useState12(false);
+  const [expandedSourcesMessageId, setExpandedSourcesMessageId] = useState12(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
   const resolvedDisclaimerLabel = disclaimerLabel === void 0 ? DEFAULT_DISCLAIMER_LABEL : disclaimerLabel;
-  const [failedLogoUrl, setFailedLogoUrl] = useState13(null);
-  const [brandLogoDisplay, setBrandLogoDisplay] = useState13(null);
+  const [failedLogoUrl, setFailedLogoUrl] = useState12(null);
+  const [brandLogoDisplay, setBrandLogoDisplay] = useState12(null);
   useEffect9(() => {
     setFailedLogoUrl(null);
   }, [resolvedBrandLogoUrl]);
@@ -7415,6 +7547,34 @@ function AgentRail({
     ...visibleVisitorToolResults
   ].reverse().find((result) => result.kind !== "input")?.id;
   const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
+  const latestAgentMessage = lastAgentIndex >= 0 ? visibleMessages[lastAgentIndex] : void 0;
+  const composerCtaActions = !handoffActive && state.phase === "complete" && latestAgentMessage?.role === "agent" && !latestAgentMessage.streaming ? searchActions(latestAgentMessage.searchResults ?? []) : [];
+  const showHandoffAction = Boolean(handoff?.page?.enabled) && handoffStatus === "ai";
+  const composerActions = /* @__PURE__ */ jsxs18(Fragment4, { children: [
+    composerCtaActions.map((action) => /* @__PURE__ */ jsx19(
+      "a",
+      {
+        className: "composer__action-badge",
+        href: action.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        title: searchActionLinkTitle(action.url),
+        children: action.label
+      },
+      action.url
+    )),
+    showHandoffAction && handoff ? /* @__PURE__ */ jsx19(
+      "button",
+      {
+        type: "button",
+        className: "composer__action-badge",
+        disabled: handoff.busy || handoff.hasPending || isBusy,
+        title: "Chat with a human representative",
+        onClick: () => void handoff.start(),
+        children: "Talk to an Expert"
+      }
+    ) : null
+  ] });
   useEffect9(() => {
     if (state.phase !== "complete") {
       setReceiptOpen(false);
@@ -7680,9 +7840,11 @@ function AgentRail({
               ))
             ] }) : null,
             transcriptMessages.map((message, index) => {
-              const messageSourceCount = message.role === "agent" ? searchSources(message.searchResults ?? []).length : 0;
+              const messageResults = message.role === "agent" ? message.searchResults ?? [] : [];
+              const messageSourceCount = showSources ? searchSources(messageResults).length : 0;
+              const messageQuestionCount = index === lastAgentIndex && showLearnMore && !handoffActive ? searchSuggestions(messageResults).length : 0;
               const showAnswerActions = message.role === "agent" && index === lastAgentIndex && showMessageActions;
-              const showSourcesToggle = message.role === "agent" && showSources && state.phase === "complete" && !message.streaming && messageSourceCount > 0;
+              const showExploreToggle = message.role === "agent" && state.phase === "complete" && !message.streaming && (messageSourceCount > 0 || messageQuestionCount > 0);
               return /* @__PURE__ */ jsxs18(
                 "div",
                 {
@@ -7708,7 +7870,7 @@ function AgentRail({
                         onBook
                       }
                     ),
-                    showAnswerActions || showSourcesToggle ? /* @__PURE__ */ jsxs18("div", { className: "agent-rail__answer-footer", children: [
+                    showAnswerActions || showExploreToggle ? /* @__PURE__ */ jsxs18("div", { className: "agent-rail__answer-footer", children: [
                       /* @__PURE__ */ jsxs18("div", { className: "agent-rail__answer-actions", children: [
                         showAnswerActions ? /* @__PURE__ */ jsx19(
                           MessageActions,
@@ -7722,7 +7884,7 @@ function AgentRail({
                             onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
                           }
                         ) : null,
-                        showSourcesToggle ? /* @__PURE__ */ jsxs18(
+                        showExploreToggle ? /* @__PURE__ */ jsxs18(
                           "button",
                           {
                             className: "agent-rail__sources-button",
@@ -7733,7 +7895,7 @@ function AgentRail({
                               (current) => current === message.id ? null : message.id
                             ),
                             children: [
-                              "Explore More",
+                              "Explore more",
                               /* @__PURE__ */ jsx19(
                                 "span",
                                 {
@@ -7746,38 +7908,26 @@ function AgentRail({
                           }
                         ) : null
                       ] }),
-                      showSourcesToggle ? /* @__PURE__ */ jsx19(
+                      showExploreToggle ? /* @__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",
+                          "aria-label": "Explore more",
                           children: /* @__PURE__ */ jsx19("div", { className: "agent-rail__sources-panel-inner", children: /* @__PURE__ */ jsx19(
-                            SearchReferences,
+                            ExploreMore,
                             {
                               results: message.searchResults ?? [],
-                              mode: "sources"
+                              disabled: isBusy || !(onFollowUpSelect || onSubmit),
+                              showLearnMore: showLearnMore && index === lastAgentIndex && !handoffActive,
+                              showSources,
+                              onSelectQuestion: handleFollowUpSelect
                             }
                           ) })
                         }
                       ) : 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,
@@ -7820,7 +7970,7 @@ function AgentRail({
               onRetry ? /* @__PURE__ */ jsx19("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
             ] }) : null
           ] }) }),
-          handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ jsxs18("div", { className: "agent-rail__handoff", children: [
+          handoff && (handoff.page?.enabled || handoffActive) && handoffStatus !== "ai" ? /* @__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",
@@ -7831,16 +7981,6 @@ function AgentRail({
                 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__ */ jsx19(
               "button",
               {
@@ -7875,15 +8015,6 @@ 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,
@@ -7907,6 +8038,7 @@ function AgentRail({
             /* @__PURE__ */ jsx19(
               Composer,
               {
+                actions: composerCtaActions.length > 0 || showHandoffAction ? composerActions : void 0,
                 variant: expanded || mobileFullscreen ? "dock" : "default",
                 disabled: isBusy || Boolean(handoff?.busy || handoff?.hasPending) || handoffActive && !["requesting", "queued", "human"].includes(
                   handoffStatus ?? ""
@@ -7921,6 +8053,15 @@ function AgentRail({
               },
               `${state.messages.find((message) => message.role === "visitor")?.id ?? "empty"}:${latestResultId ?? ""}`
             ),
+            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,
             poweredByLabel ? /* @__PURE__ */ jsx19("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx19("p", { children: /* @__PURE__ */ jsx19("span", { children: poweredByLabel }) }) }) : null
           ] })
         ] }),
@@ -7939,7 +8080,7 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-import { useState as useState14 } from "react";
+import { useState as useState13 } from "react";
 import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function ChatSparkIcon() {
   return /* @__PURE__ */ jsxs19(
@@ -8021,9 +8162,9 @@ function TabMarkIcon({
 }) {
   const custom = customIconUrl?.trim();
   const logo = logoUrl?.trim();
-  const [customFailed, setCustomFailed] = useState14(false);
-  const [logoFailed, setLogoFailed] = useState14(false);
-  const [markDisplay, setMarkDisplay] = useState14(null);
+  const [customFailed, setCustomFailed] = useState13(false);
+  const [logoFailed, setLogoFailed] = useState13(false);
+  const [markDisplay, setMarkDisplay] = useState13(null);
   function applyLauncherLogoSize(img, sourceUrl) {
     if (!chip) return;
     const display = snapBrandLogoDisplaySize({
@@ -8287,7 +8428,7 @@ function sendAgentAnswerFeedback(eventUrl, event) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { useEffect as useEffect12, useRef as useRef9, useState as useState16 } from "react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState15 } from "react";
 
 // src/react/page-shift.ts
 import { useEffect as useEffect10 } from "react";
@@ -8370,9 +8511,9 @@ function usePageShift(input) {
 }
 
 // src/react/hooks/useIsMobile.ts
-import { useEffect as useEffect11, useState as useState15 } from "react";
+import { useEffect as useEffect11, useState as useState14 } from "react";
 function useIsMobile(breakpoint = 767) {
-  const [isMobile, setIsMobile] = useState15(
+  const [isMobile, setIsMobile] = useState14(
     () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
   useEffect11(() => {
@@ -8407,8 +8548,8 @@ function AgentWidget({
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
   const railSlotRef = useRef9(null);
-  const [railCollapsed, setRailCollapsed] = useState16(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = useState16(false);
+  const [railCollapsed, setRailCollapsed] = useState15(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = useState15(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -8596,9 +8737,9 @@ function AgentWidget({
         subLabel: branding?.tabSubLabel,
         customIconUrl: branding?.tabIconUrl,
         logoUrl: branding?.logoUrl,
-        brandColor: branding?.colors?.primary,
-        brandForeground: branding?.colors?.primaryForeground,
-        borderColor: branding?.colors?.border,
+        brandColor: branding?.colors?.launcherPrimary ?? branding?.colors?.primary,
+        brandForeground: branding?.colors?.launcherPrimaryForeground ?? branding?.colors?.primaryForeground,
+        borderColor: branding?.colors?.launcherBorder ?? branding?.colors?.border,
         fontFamily: branding?.fontFamily,
         mobile: isMobile,
         surfaceColor: branding?.colors?.surface,
@@ -8645,4 +8786,4 @@ export {
   sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-P6ZM4BIU.js.map
+//# sourceMappingURL=chunk-ZHEXHTHJ.js.map