@webless/agent 0.13.1 → 0.14.0

package/dist/embed.cjs

@@ -64,7 +64,7 @@ function submitAgentPanel(customerId, message, options) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 
 // src/react/page-shift.ts
 var import_react = require("react");
@@ -4221,7 +4221,7 @@ function normalizeAgentPlacement(placement) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 
 // src/react/types/conversation.ts
 var defaultAgentRailTheme = {
@@ -4233,7 +4233,7 @@ var defaultAgentRailTheme = {
   surfaceMuted: "#f4f6fb",
   text: "#171b2a",
   textMuted: "#5a6378",
-  textSubtle: "#8a94a8",
+  textSubtle: "#6b7280",
   border: "rgb(42 51 70 / 0.1)",
   visitorBubble: "#f3edff",
   visitorText: "#171b2a",
@@ -4262,9 +4262,146 @@ var defaultDarkAgentRailTheme = {
 };
 
 // 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,
@@ -4299,7 +4436,7 @@ function agentThemeStyle(theme, resolvedColorScheme) {
     "--as-danger": resolvedTheme.danger,
     "--as-font-body": resolvedTheme.fontBody,
     "--as-font-display": resolvedTheme.fontDisplay,
-    colorScheme: resolvedColorScheme
+    colorScheme: effectiveColorScheme
   };
 }
 
@@ -4503,114 +4640,11 @@ function AgentActivityBubble({
   ] });
 }
 
-// src/react/components/LearnMore/LearnMore.tsx
+// src/react/components/SearchReferences/SearchReferences.tsx
 var import_react7 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function QuestionIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 17h.01" })
-      ]
-    }
-  );
-}
-function LearnMore({
-  results,
-  disabled,
-  onSelect
-}) {
-  const headingId = (0, import_react7.useId)();
-  const panelId = (0, import_react7.useId)();
-  const [open, setOpen] = (0, import_react7.useState)(true);
-  const questions = [
-    ...new Set(results.flatMap((result) => result.suggestions ?? []))
-  ].slice(0, 3);
-  if (!questions.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "learn-more", "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { id: headingId, className: "learn-more__heading", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: "learn-more__toggle",
-        "aria-expanded": open,
-        "aria-controls": panelId,
-        onClick: () => setOpen((current) => !current),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Learn more" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "svg",
-            {
-              className: "learn-more__chevron",
-              viewBox: "0 0 16 16",
-              fill: "none",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "path",
-                {
-                  d: "M4 6.5l4 4 4-4",
-                  stroke: "currentColor",
-                  strokeWidth: "1.6",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "div",
-      {
-        id: panelId,
-        className: `learn-more__panel${open ? " learn-more__panel--open" : ""}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "learn-more__panel-inner", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "learn-more__questions", children: questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "button",
-          {
-            type: "button",
-            disabled,
-            onClick: () => onSelect(question),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "learn-more__question-icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(QuestionIcon, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "learn-more__question-text", children: question }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "svg",
-                {
-                  className: "learn-more__question-arrow",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 12h16m-7-7 7 7-7 7" })
-                }
-              )
-            ]
-          }
-        ) }, question)) }) })
-      }
-    )
-  ] });
-}
-
-// src/react/components/SearchReferences/SearchReferences.tsx
-var import_react8 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
 function SiteIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -4621,15 +4655,15 @@ function SiteIcon() {
       strokeWidth: "1.5",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
       ]
     }
   );
 }
 function SourceFavicon({ url }) {
-  const [failed, setFailed] = (0, import_react8.useState)(false);
+  const [failed, setFailed] = (0, import_react7.useState)(false);
   let faviconUrl = null;
   if (url) {
     try {
@@ -4638,8 +4672,8 @@ function SourceFavicon({ url }) {
       faviconUrl = null;
     }
   }
-  if (!faviconUrl || failed) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SiteIcon, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  if (!faviconUrl || failed) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SiteIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "img",
     {
       src: faviconUrl,
@@ -4659,37 +4693,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__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "search-references", children: [
-    mode !== "actions" && sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "search-references", children: [
+    mode !== "actions" && sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       Container,
       {
         className: "search-references__disclosure",
         "aria-label": "Sources",
         children: [
-          mode === "default" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { className: "search-references__heading", children: [
+          mode === "default" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("summary", { className: "search-references__heading", children: [
             "Sources (",
             sources.length,
             ")"
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "search-references__list", children: sources.map((source) => {
-            const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "search-references__icon", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SourceFavicon, { url: source.url }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "search-references__list", children: sources.map((source) => {
+            const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "search-references__icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SourceFavicon, { url: source.url }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                 "span",
                 {
                   className: "search-references__title",
@@ -4697,7 +4747,7 @@ function SearchReferences({
                   children: source.title
                 }
               ),
-              source.url ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              source.url ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 "svg",
                 {
                   className: "search-references__row-arrow",
@@ -4705,12 +4755,17 @@ function SearchReferences({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7 17 17 7" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 7h9v9" })
+                  ]
                 }
               ) : null
             ] });
-            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: source.url ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: source.url ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "a",
               {
                 className: "search-references__source",
@@ -4719,12 +4774,12 @@ function SearchReferences({
                 rel: "noopener noreferrer",
                 children: content
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "search-references__source", children: content }) }, source.key);
+            ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "search-references__source", children: content }) }, source.key);
           }) })
         ]
       }
     ) : null,
-    mode !== "sources" && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    mode !== "sources" && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "a",
       {
         className: "search-references__cta",
@@ -4738,18 +4793,91 @@ function SearchReferences({
   ] });
 }
 
+// src/react/components/ExploreMore/ExploreMore.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function QuestionIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "explore-more", children: [
+    sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "explore-more__section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "explore-more__label", children: [
+        "Based on ",
+        sources.length,
+        " ",
+        sources.length === 1 ? "page" : "pages"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SearchReferences, { results, mode: "sources" })
+    ] }) : null,
+    questions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "explore-more__section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "explore-more__label", children: "Learn more" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "explore-more__questions", children: questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => onSelectQuestion(question),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "explore-more__question-icon", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(QuestionIcon, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "explore-more__question-text", children: question }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "svg",
+              {
+                className: "explore-more__question-arrow",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 12h16m-7-7 7 7-7 7" })
+              }
+            )
+          ]
+        }
+      ) }, question)) })
+    ] }) : null
+  ] });
+}
+
 // src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/react/components/AgentRail/AgentRailOverlayContext.tsx
-var import_react9 = require("react");
-var AgentRailOverlayContext = (0, import_react9.createContext)(null);
+var import_react8 = require("react");
+var AgentRailOverlayContext = (0, import_react8.createContext)(null);
 function useAgentRailPortalRoots() {
-  return (0, import_react9.useContext)(AgentRailOverlayContext);
+  return (0, import_react8.useContext)(AgentRailOverlayContext);
 }
 function useAgentRailMenuPortalRoot() {
-  return (0, import_react9.useContext)(AgentRailOverlayContext)?.railRef ?? null;
+  return (0, import_react8.useContext)(AgentRailOverlayContext)?.railRef ?? null;
 }
 
 // src/react/components/AnswerReceiptDialog/AnswerReceiptDialog.tsx
@@ -4774,13 +4902,13 @@ function AnswerReceiptDialog({
   summary,
   children
 }) {
-  const titleId = (0, import_react10.useId)();
+  const titleId = (0, import_react9.useId)();
   const portalRoots = useAgentRailPortalRoots();
   const overlayRoot = portalRoots?.overlayRef ?? null;
-  const cardRef = (0, import_react10.useRef)(null);
-  const closeButtonRef = (0, import_react10.useRef)(null);
-  const previouslyFocusedRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const cardRef = (0, import_react9.useRef)(null);
+  const closeButtonRef = (0, import_react9.useRef)(null);
+  const previouslyFocusedRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     previouslyFocusedRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
     closeButtonRef.current?.focus({ preventScroll: true });
     const handleKeyDown = (event) => {
@@ -4856,7 +4984,7 @@ function AnswerReceiptDialog({
 }
 
 // src/react/components/Composer/Composer.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var FORM_SUBMITTED_MESSAGE = "Shared my details";
 function SendIcon() {
@@ -4911,6 +5039,7 @@ function createDraft(form) {
   };
 }
 function Composer({
+  actions,
   disabled = false,
   placeholder = "Ask anything\u2026",
   variant = "default",
@@ -4918,23 +5047,24 @@ function Composer({
   allowFormResume = true,
   onSubmit
 }) {
-  const [value, setValue] = (0, import_react11.useState)("");
-  const [draft, setDraft] = (0, import_react11.useState)(() => createDraft(form));
-  const [multiline, setMultiline] = (0, import_react11.useState)(false);
-  const inputRef = (0, import_react11.useRef)(null);
-  const firstFieldRef = (0, import_react11.useRef)(null);
-  const formRef = (0, import_react11.useRef)(null);
-  const formId = (0, import_react11.useId)();
+  const [value, setValue] = (0, import_react10.useState)("");
+  const [draft, setDraft] = (0, import_react10.useState)(() => createDraft(form));
+  const [multiline, setMultiline] = (0, import_react10.useState)(false);
+  const inputRef = (0, import_react10.useRef)(null);
+  const firstFieldRef = (0, import_react10.useRef)(null);
+  const formRef = (0, import_react10.useRef)(null);
+  const formId = (0, import_react10.useId)();
   if (form && form.id !== draft.form?.id) setDraft(createDraft(form));
   const savedForm = allowFormResume && !draft.submitted ? draft.form : null;
   const activeForm = !disabled && draft.expanded ? savedForm : null;
+  const showResumeBadge = Boolean(savedForm) && !activeForm;
   const canSend = !disabled && Boolean(value.trim() || activeForm);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (activeForm) firstFieldRef.current?.focus();
     else if ((savedForm || draft.submitted) && !disabled)
       inputRef.current?.focus();
   }, [activeForm?.id, disabled, savedForm?.id, draft.submitted]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const input = inputRef.current;
     if (!input) return;
     const check = () => {
@@ -5056,15 +5186,17 @@ function Composer({
       ].filter(Boolean).join(" "),
       onSubmit: handleSubmit,
       children: [
-        savedForm ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "composer__resume", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Share your details and we'll reach out shortly" }),
-          !activeForm ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        actions || showResumeBadge ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "composer__actions", children: [
+          actions,
+          showResumeBadge ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "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,
@@ -5204,10 +5336,10 @@ function FollowUpChips({
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 
 // src/react/components/BookingCard/BookingCard.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
@@ -5262,27 +5394,27 @@ function InteractiveBookingCard({
   offer,
   onBook
 }) {
-  const fieldId = (0, import_react12.useId)();
+  const fieldId = (0, import_react11.useId)();
   const defaultType = offer.eventTypes[0]?.uri ?? offer.slots[0]?.eventTypeUri ?? "";
-  const [step, setStep] = (0, import_react12.useState)("date");
-  const [eventTypeUri, setEventTypeUri] = (0, import_react12.useState)(defaultType);
-  const [selectedDate, setSelectedDate] = (0, import_react12.useState)("");
-  const [startTime, setStartTime] = (0, import_react12.useState)("");
-  const [name, setName] = (0, import_react12.useState)("");
-  const [email, setEmail] = (0, import_react12.useState)("");
-  const activeStepRef = (0, import_react12.useRef)(null);
-  const previousStepRef = (0, import_react12.useRef)(step);
+  const [step, setStep] = (0, import_react11.useState)("date");
+  const [eventTypeUri, setEventTypeUri] = (0, import_react11.useState)(defaultType);
+  const [selectedDate, setSelectedDate] = (0, import_react11.useState)("");
+  const [startTime, setStartTime] = (0, import_react11.useState)("");
+  const [name, setName] = (0, import_react11.useState)("");
+  const [email, setEmail] = (0, import_react11.useState)("");
+  const activeStepRef = (0, import_react11.useRef)(null);
+  const previousStepRef = (0, import_react11.useRef)(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (previousStepRef.current === step) return;
     previousStepRef.current = step;
     activeStepRef.current?.scrollIntoView({ block: "nearest" });
   }, [step]);
-  const slots = (0, import_react12.useMemo)(
+  const slots = (0, import_react11.useMemo)(
     () => bookingSlotsForEventType(offer.slots, eventTypeUri),
     [eventTypeUri, offer.slots]
   );
-  const availableByDate = (0, import_react12.useMemo)(() => {
+  const availableByDate = (0, import_react11.useMemo)(() => {
     const next = /* @__PURE__ */ new Map();
     for (const slot of slots) {
       const key = slotDateKey(slot.startTime);
@@ -5290,7 +5422,7 @@ function InteractiveBookingCard({
     }
     return next;
   }, [slots]);
-  const [visibleMonth, setVisibleMonth] = (0, import_react12.useState)(
+  const [visibleMonth, setVisibleMonth] = (0, import_react11.useState)(
     () => firstAvailableBookingMonth(slots)
   );
   function selectEventType(nextType) {
@@ -5303,7 +5435,7 @@ function InteractiveBookingCard({
       )
     );
   }
-  const daySlots = (0, import_react12.useMemo)(
+  const daySlots = (0, import_react11.useMemo)(
     () => slots.filter((slot) => slotDateKey(slot.startTime) === selectedDate),
     [selectedDate, slots]
   );
@@ -5312,7 +5444,7 @@ function InteractiveBookingCard({
   );
   const selectedSample = availableByDate.get(selectedDate) ?? startTime;
   const timeZone = formatSlotTimeZone(slots[0]?.startTime ?? selectedSample);
-  const weekdays = (0, import_react12.useMemo)(() => weekdayLabels(), []);
+  const weekdays = (0, import_react11.useMemo)(() => weekdayLabels(), []);
   const cells = calendarCells(visibleMonth.year, visibleMonth.month);
   const canPrevMonth = [...availableByDate.keys()].some((key) => {
     const month = monthFromKey(key);
@@ -5676,9 +5808,9 @@ function MessageBubble({
   onBook
 }) {
   const resolvedLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react13.useState)(null);
-  const [logoDisplay, setLogoDisplay] = (0, import_react13.useState)(null);
-  (0, import_react13.useEffect)(() => {
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react12.useState)(null);
+  const [logoDisplay, setLogoDisplay] = (0, import_react12.useState)(null);
+  (0, import_react12.useEffect)(() => {
     setFailedLogoUrl(null);
   }, [resolvedLogoUrl]);
   const activeLogoDisplay = logoDisplay?.url === resolvedLogoUrl ? logoDisplay : null;
@@ -5829,7 +5961,7 @@ function MessageBubble({
 }
 
 // src/react/components/MessageActions/MessageActions.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/react/lib/speech.ts
@@ -6225,26 +6357,26 @@ function MessageActions({
   speechText
 }) {
   const menuPortalRoot = useAgentRailMenuPortalRoot();
-  const [copied, setCopied] = (0, import_react14.useState)(false);
-  const [rating, setRating] = (0, import_react14.useState)(null);
-  const [menuOpen, setMenuOpen] = (0, import_react14.useState)(false);
-  const [menuPosition, setMenuPosition] = (0, import_react14.useState)(null);
-  const [speaking, setSpeaking] = (0, import_react14.useState)(false);
-  const [speechSupported, setSpeechSupported] = (0, import_react14.useState)(null);
-  const copyTimerRef = (0, import_react14.useRef)(null);
-  const menuRef = (0, import_react14.useRef)(null);
-  const portaledMenuRef = (0, import_react14.useRef)(null);
-  const moreButtonRef = (0, import_react14.useRef)(null);
+  const [copied, setCopied] = (0, import_react13.useState)(false);
+  const [rating, setRating] = (0, import_react13.useState)(null);
+  const [menuOpen, setMenuOpen] = (0, import_react13.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, import_react13.useState)(null);
+  const [speaking, setSpeaking] = (0, import_react13.useState)(false);
+  const [speechSupported, setSpeechSupported] = (0, import_react13.useState)(null);
+  const copyTimerRef = (0, import_react13.useRef)(null);
+  const menuRef = (0, import_react13.useRef)(null);
+  const portaledMenuRef = (0, import_react13.useRef)(null);
+  const moreButtonRef = (0, import_react13.useRef)(null);
   const answeredLabel = formatAnsweredAt(answeredAt ?? 0);
   const resolvedSpeechText = speechText ?? toSpeechText(copyText);
   const canOpenReceipt = Boolean(receiptSteps) && Boolean(onOpenReceipt);
   const readAloudEligible = Boolean(readAloud && resolvedSpeechText);
   const canReadAloud = readAloudEligible && speechSupported === true;
   const showMenu = canOpenReceipt || (speechSupported === null ? readAloudEligible : canReadAloud);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     setSpeechSupported(isSpeechSupported());
   }, []);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     if (!menuOpen || !moreButtonRef.current || !portaledMenuRef.current) {
       setMenuPosition(null);
       return;
@@ -6261,7 +6393,7 @@ function MessageActions({
       })
     );
   }, [menuOpen, menuPortalRoot]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const unsubscribe = subscribeSpeechInterrupts(() => setSpeaking(false));
     return () => {
       unsubscribe();
@@ -6271,7 +6403,7 @@ function MessageActions({
       stopSpeech();
     };
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!menuOpen) return;
     const handlePointerDown = (event) => {
       const target = event.target;
@@ -6440,7 +6572,7 @@ function MessageActions({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -6482,7 +6614,7 @@ function ConfirmationCard({
 }
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function isRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
@@ -6813,11 +6945,11 @@ function ToolInputCard({
   surface,
   onSubmit
 }) {
-  const [values, setValues] = (0, import_react15.useState)(
+  const [values, setValues] = (0, import_react14.useState)(
     () => initialValues(surface)
   );
-  const [touched, setTouched] = (0, import_react15.useState)(() => /* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = (0, import_react15.useState)(false);
+  const [touched, setTouched] = (0, import_react14.useState)(() => /* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = (0, import_react14.useState)(false);
   const errors = Object.fromEntries(
     surface.fields.map((field) => [
       field.path,
@@ -6910,7 +7042,7 @@ function HumanInputCard({
   request,
   onRespond
 }) {
-  const [text3, setText] = (0, import_react16.useState)("");
+  const [text3, setText] = (0, import_react15.useState)("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
@@ -6968,7 +7100,7 @@ function HumanInputCard({
 }
 
 // src/react/components/LocationConsent/LocationConsent.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 
 // src/runtime/location-consent.ts
 function isLocationConsentRequest(request) {
@@ -7016,16 +7148,16 @@ function LocationConsent({
   request,
   onRespond
 }) {
-  const [preference, setPreference] = (0, import_react17.useState)("unset");
-  const [locating, setLocating] = (0, import_react17.useState)(false);
-  const [error, setError] = (0, import_react17.useState)(null);
-  const respond = (0, import_react17.useRef)(onRespond);
-  const answered = (0, import_react17.useRef)(null);
+  const [preference, setPreference] = (0, import_react16.useState)("unset");
+  const [locating, setLocating] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)(null);
+  const respond = (0, import_react16.useRef)(onRespond);
+  const answered = (0, import_react16.useRef)(null);
   const requestId = request?.requestId;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     respond.current = onRespond;
   }, [onRespond]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!requestId || preference === "unset" || answered.current === requestId || !respond.current)
       return;
     if (preference === "off") {
@@ -7407,24 +7539,24 @@ function AgentRail({
   onInputResponse,
   onToolInput
 }) {
-  const railRef = (0, import_react18.useRef)(null);
-  const overlayRef = (0, import_react18.useRef)(null);
-  const transcriptRef = (0, import_react18.useRef)(null);
-  const responseRef = (0, import_react18.useRef)(null);
-  const threadRef = (0, import_react18.useRef)(null);
-  const lastScrolledVisitorIdRef = (0, import_react18.useRef)(void 0);
-  const pinnedToBottomRef = (0, import_react18.useRef)(true);
-  const smoothScrollToLatestRef = (0, import_react18.useRef)(false);
-  const lockedTranscriptScrollTopRef = (0, import_react18.useRef)(null);
-  const [showJumpToLatest, setShowJumpToLatest] = (0, import_react18.useState)(false);
-  const [receiptOpen, setReceiptOpen] = (0, import_react18.useState)(false);
-  const [expandedSourcesMessageId, setExpandedSourcesMessageId] = (0, import_react18.useState)(null);
+  const railRef = (0, import_react17.useRef)(null);
+  const overlayRef = (0, import_react17.useRef)(null);
+  const transcriptRef = (0, import_react17.useRef)(null);
+  const responseRef = (0, import_react17.useRef)(null);
+  const threadRef = (0, import_react17.useRef)(null);
+  const lastScrolledVisitorIdRef = (0, import_react17.useRef)(void 0);
+  const pinnedToBottomRef = (0, import_react17.useRef)(true);
+  const smoothScrollToLatestRef = (0, import_react17.useRef)(false);
+  const lockedTranscriptScrollTopRef = (0, import_react17.useRef)(null);
+  const [showJumpToLatest, setShowJumpToLatest] = (0, import_react17.useState)(false);
+  const [receiptOpen, setReceiptOpen] = (0, import_react17.useState)(false);
+  const [expandedSourcesMessageId, setExpandedSourcesMessageId] = (0, import_react17.useState)(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
   const resolvedDisclaimerLabel = disclaimerLabel === void 0 ? DEFAULT_DISCLAIMER_LABEL : disclaimerLabel;
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react18.useState)(null);
-  const [brandLogoDisplay, setBrandLogoDisplay] = (0, import_react18.useState)(null);
-  (0, import_react18.useEffect)(() => {
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react17.useState)(null);
+  const [brandLogoDisplay, setBrandLogoDisplay] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
     setFailedLogoUrl(null);
   }, [resolvedBrandLogoUrl]);
   const activeBrandLogoDisplay = brandLogoDisplay?.url === resolvedBrandLogoUrl ? brandLogoDisplay : null;
@@ -7533,12 +7665,40 @@ function AgentRail({
     ...visibleVisitorToolResults
   ].reverse().find((result) => result.kind !== "input")?.id;
   const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
-  (0, import_react18.useEffect)(() => {
+  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__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    composerCtaActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "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__ */ (0, import_jsx_runtime19.jsx)(
+      "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 a person"
+      }
+    ) : null
+  ] });
+  (0, import_react17.useEffect)(() => {
     if (state.phase !== "complete") {
       setReceiptOpen(false);
     }
   }, [state.phase]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (state.phase !== "complete" || !showSources) {
       setExpandedSourcesMessageId(null);
     }
@@ -7565,7 +7725,7 @@ function AgentRail({
     else onSubmit?.(label);
   }
   const latestVisitorId = visibleMessages[lastVisitorIndex]?.id;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const node = transcriptRef.current;
     if (!node) return;
     if (latestVisitorId !== lastScrolledVisitorIdRef.current) {
@@ -7595,7 +7755,7 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const node = transcriptRef.current;
     if (!node) return;
     const handleScroll = () => {
@@ -7609,7 +7769,7 @@ function AgentRail({
     handleScroll();
     return () => node.removeEventListener("scroll", handleScroll);
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!receiptOpen) {
       lockedTranscriptScrollTopRef.current = null;
       return;
@@ -7798,9 +7958,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__ */ (0, import_jsx_runtime19.jsxs)(
                 "div",
                 {
@@ -7826,7 +7988,7 @@ function AgentRail({
                         onBook
                       }
                     ),
-                    showAnswerActions || showSourcesToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__answer-footer", children: [
+                    showAnswerActions || showExploreToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__answer-footer", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__answer-actions", children: [
                         showAnswerActions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                           MessageActions,
@@ -7840,7 +8002,7 @@ function AgentRail({
                             onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
                           }
                         ) : null,
-                        showSourcesToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                        showExploreToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                           "button",
                           {
                             className: "agent-rail__sources-button",
@@ -7851,7 +8013,7 @@ function AgentRail({
                               (current) => current === message.id ? null : message.id
                             ),
                             children: [
-                              "Explore More",
+                              "Explore more",
                               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                                 "span",
                                 {
@@ -7864,38 +8026,26 @@ function AgentRail({
                           }
                         ) : null
                       ] }),
-                      showSourcesToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      showExploreToggle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                         "div",
                         {
                           id: `agent-rail-sources-${message.id}`,
                           className: `agent-rail__sources-panel${expandedSourcesMessageId === message.id ? " agent-rail__sources-panel--open" : ""}`,
                           role: "region",
-                          "aria-label": "Explore More",
+                          "aria-label": "Explore more",
                           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__sources-panel-inner", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                            SearchReferences,
+                            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__ */ (0, import_jsx_runtime19.jsx)(
-                      SearchReferences,
-                      {
-                        results: message.searchResults ?? [],
-                        mode: "actions"
-                      }
-                    ) : null,
-                    showAnswerActions && !handoffActive && showLearnMore ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                      LearnMore,
-                      {
-                        results: message.searchResults ?? [],
-                        disabled: isBusy || !(onFollowUpSelect || onSubmit),
-                        onSelect: handleFollowUpSelect
-                      }
-                    ) : null,
                     index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
                       showActivity ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                         AgentActivityBubble,
@@ -7938,7 +8088,7 @@ function AgentRail({
               onRetry ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
             ] }) : null
           ] }) }),
-          handoff && (handoff.page?.enabled || handoffActive) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__handoff", children: [
+          handoff && (handoff.page?.enabled || handoffActive) && handoffStatus !== "ai" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__handoff", children: [
             handoffStatus === "human" || handoffStatus === "queued" || handoffStatus === "requesting" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "agent-rail__handoff-dot", "aria-hidden": "true" }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "p",
@@ -7949,16 +8099,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__ */ (0, import_jsx_runtime19.jsx)(
-              "button",
-              {
-                type: "button",
-                className: "agent-rail__handoff-cta",
-                disabled: handoff.busy || handoff.hasPending || isBusy,
-                onClick: () => void handoff.start(),
-                children: "Talk to a person"
-              }
-            ) : null,
             handoffStatus === "resolved" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
@@ -7993,15 +8133,6 @@ function AgentRail({
               )
             ] }) : null
           ] }) : null,
-          showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            "a",
-            {
-              href: disclaimerLink,
-              rel: "noopener noreferrer",
-              target: "_blank",
-              children: resolvedDisclaimerLabel
-            }
-          ) : resolvedDisclaimerLabel }) }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
             /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               LocationConsent,
@@ -8025,6 +8156,7 @@ function AgentRail({
             /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               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 ?? ""
@@ -8039,6 +8171,15 @@ function AgentRail({
               },
               `${state.messages.find((message) => message.role === "visitor")?.id ?? "empty"}:${latestResultId ?? ""}`
             ),
+            showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "a",
+              {
+                href: disclaimerLink,
+                rel: "noopener noreferrer",
+                target: "_blank",
+                children: resolvedDisclaimerLabel
+              }
+            ) : resolvedDisclaimerLabel }) }) : null,
             poweredByLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: poweredByLabel }) }) }) : null
           ] })
         ] }),
@@ -8057,7 +8198,7 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function ChatSparkIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -8139,9 +8280,9 @@ function TabMarkIcon({
 }) {
   const custom = customIconUrl?.trim();
   const logo = logoUrl?.trim();
-  const [customFailed, setCustomFailed] = (0, import_react19.useState)(false);
-  const [logoFailed, setLogoFailed] = (0, import_react19.useState)(false);
-  const [markDisplay, setMarkDisplay] = (0, import_react19.useState)(null);
+  const [customFailed, setCustomFailed] = (0, import_react18.useState)(false);
+  const [logoFailed, setLogoFailed] = (0, import_react18.useState)(false);
+  const [markDisplay, setMarkDisplay] = (0, import_react18.useState)(null);
   function applyLauncherLogoSize(img, sourceUrl) {
     if (!chip) return;
     const display = snapBrandLogoDisplaySize({
@@ -8425,9 +8566,9 @@ function AgentWidget({
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = (0, import_react20.useRef)(null);
-  const [railCollapsed, setRailCollapsed] = (0, import_react20.useState)(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = (0, import_react20.useState)(false);
+  const railSlotRef = (0, import_react19.useRef)(null);
+  const [railCollapsed, setRailCollapsed] = (0, import_react19.useState)(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = (0, import_react19.useState)(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -8482,7 +8623,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -8517,7 +8658,7 @@ function AgentWidget({
       })
     );
   }
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -8615,9 +8756,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,