@webless/agent 0.7.4 → 0.8.0

package/dist/{chunk-GS65OJFL.js → chunk-JZPXXG76.js}

@@ -229,6 +229,72 @@ function hasOnlyKeys(value, allowed) {
   return Object.keys(value).every((key) => allowedKeys.has(key));
 }
 
+// src/runtime/search-discovery.ts
+function record(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function text(value, max = 500) {
+  return typeof value === "string" && value.trim().length > 0 && value.trim().length <= max;
+}
+function safeSearchUrl(value) {
+  if (typeof value !== "string") return void 0;
+  try {
+    const url = new URL(value);
+    return (url.protocol === "https:" || url.protocol === "http:") && !url.username && !url.password ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function parseAgentSearchReferences(value) {
+  const data = record(value);
+  if (!data || !Array.isArray(data.sources) || data.sources.length > 20)
+    return null;
+  const sources = [];
+  for (const value2 of data.sources) {
+    const source = record(value2);
+    if (!source || Object.keys(source).some(
+      (key) => !["id", "title", "url"].includes(key)
+    ) || !text(source.id, Infinity) || !text(source.title) || source.url !== void 0 && typeof source.url !== "string")
+      return null;
+    const url = safeSearchUrl(source.url);
+    sources.push({
+      id: source.id.trim(),
+      title: source.title.trim(),
+      ...url ? { url } : {}
+    });
+  }
+  let cta;
+  if (data.cta !== void 0) {
+    const action = record(data.cta);
+    if (!action || Object.keys(action).some((key) => !["label", "url"].includes(key)) || !text(action.label) || action.url !== void 0 && typeof action.url !== "string")
+      return null;
+    const url = safeSearchUrl(action.url);
+    cta = { label: action.label.trim(), ...url ? { url } : {} };
+  }
+  return { sources, ...cta ? { cta } : {} };
+}
+function parseAgentSearchDiscoveryOutput(value) {
+  let decoded = value;
+  if (typeof value === "string") {
+    try {
+      decoded = JSON.parse(value);
+    } catch {
+      return null;
+    }
+  }
+  const data = record(decoded);
+  if (!data || Object.keys(data).some(
+    (key) => !["answer", "sources", "cta", "suggestions"].includes(key)
+  ) || !text(data.answer, 5e4) || !Array.isArray(data.suggestions) || data.suggestions.length > 8 || !data.suggestions.every((item) => text(item)))
+    return null;
+  const references = parseAgentSearchReferences(data);
+  return references ? {
+    ...references,
+    answer: data.answer.trim(),
+    suggestions: data.suggestions.map((item) => item.trim())
+  } : null;
+}
+
 // src/runtime/tool-result-envelope.ts
 var ENVELOPE_KEYS = /* @__PURE__ */ new Set([
   "schemaVersion",
@@ -352,19 +418,19 @@ function parseVisitorFormFields(value) {
   const fields = [];
   const seen = /* @__PURE__ */ new Set();
   for (const item of value) {
-    const record = asRecord(item);
-    const id = asString(record?.id).toLowerCase().replace(/[^a-z0-9_-]/g, "");
-    const kind = asString(record?.kind);
-    if (!record || !id || seen.has(id) || !isFieldKind2(kind)) continue;
+    const record2 = asRecord(item);
+    const id = asString(record2?.id).toLowerCase().replace(/[^a-z0-9_-]/g, "");
+    const kind = asString(record2?.kind);
+    if (!record2 || !id || seen.has(id) || !isFieldKind2(kind)) continue;
     seen.add(id);
-    const label = asString(record.label) || id;
+    const label = asString(record2.label) || id;
     fields.push({
       id,
       kind,
       label,
-      placeholder: asString(record.placeholder) || label,
-      required: record.required !== false,
-      ...asString(record.autocomplete) ? { autocomplete: asString(record.autocomplete) } : {}
+      placeholder: asString(record2.placeholder) || label,
+      required: record2.required !== false,
+      ...asString(record2.autocomplete) ? { autocomplete: asString(record2.autocomplete) } : {}
     });
     if (fields.length >= MAX_FORM_FIELDS) break;
   }
@@ -395,52 +461,52 @@ function formatComposerFormMessage(form, values) {
     return value ? `${field.label}: ${value}` : "";
   }).filter(Boolean).join("\n");
 }
-function looksLikeFieldCollection(text) {
+function looksLikeFieldCollection(text2) {
   return /\b(please|need|send|share|enter|provide|add|collect|what|which|use)\b/i.test(
-    text
-  ) || /:\s*$/m.test(text) || /^[-*•]\s+/m.test(text);
+    text2
+  ) || /:\s*$/m.test(text2) || /^[-*•]\s+/m.test(text2);
 }
-function looksLikeBookingCopy(text) {
+function looksLikeBookingCopy(text2) {
   return /book(ing)? (card|a demo|this time)|pick a (date|time)|available (times|slots)|calendly/i.test(
-    text
+    text2
   );
 }
-function echoedLabeledFieldIds(text) {
+function echoedLabeledFieldIds(text2) {
   const ids = /* @__PURE__ */ new Set();
-  if (/\bname\s*:\s+\S+/i.test(text)) ids.add("name");
-  if (/\be-?mail\s*:\s+\S+/i.test(text)) ids.add("email");
-  if (/\bphone\s*:\s+\S+/i.test(text)) ids.add("phone");
-  if (/\bcompany\s*:\s+\S+/i.test(text)) ids.add("company");
+  if (/\bname\s*:\s+\S+/i.test(text2)) ids.add("name");
+  if (/\be-?mail\s*:\s+\S+/i.test(text2)) ids.add("email");
+  if (/\bphone\s*:\s+\S+/i.test(text2)) ids.add("phone");
+  if (/\bcompany\s*:\s+\S+/i.test(text2)) ids.add("company");
   return ids;
 }
-function matchLibraryFields(text) {
+function matchLibraryFields(text2) {
   return FIELD_LIBRARY.flatMap((field) => {
-    if (field.exclude?.test(text)) {
-      const leftover = text.replace(field.exclude, " ");
+    if (field.exclude?.test(text2)) {
+      const leftover = text2.replace(field.exclude, " ");
       if (!field.patterns.some((pattern) => pattern.test(leftover))) return [];
-    } else if (!field.patterns.some((pattern) => pattern.test(text))) {
+    } else if (!field.patterns.some((pattern) => pattern.test(text2))) {
       return [];
     }
     const { patterns: _patterns, exclude: _exclude, ...next } = field;
     return [next];
   }).slice(0, MAX_FORM_FIELDS);
 }
-function looksLikeCompletedActionRecap(text) {
-  const confirmingCreate = /\bshould i create this\b/i.test(text);
-  const echoingFilledFields = /\b(?:name|email|phone|company)\s*:\s+\S+/i.test(text) && /[^\s@]+@[^\s@]+\.[^\s@]+/i.test(text);
+function looksLikeCompletedActionRecap(text2) {
+  const confirmingCreate = /\bshould i create this\b/i.test(text2);
+  const echoingFilledFields = /\b(?:name|email|phone|company)\s*:\s+\S+/i.test(text2) && /[^\s@]+@[^\s@]+\.[^\s@]+/i.test(text2);
   if (echoingFilledFields) {
-    if (looksLikeFieldCollection(text)) {
-      const echoed = echoedLabeledFieldIds(text);
-      if (matchLibraryFields(text).some((field) => !echoed.has(field.id))) {
+    if (looksLikeFieldCollection(text2)) {
+      const echoed = echoedLabeledFieldIds(text2);
+      if (matchLibraryFields(text2).some((field) => !echoed.has(field.id))) {
         return false;
       }
     }
     return true;
   }
-  return confirmingCreate && !looksLikeFieldCollection(text);
+  return confirmingCreate && !looksLikeFieldCollection(text2);
 }
-function inferComposerForm(text) {
-  const cleaned = text.trim();
+function inferComposerForm(text2) {
+  const cleaned = text2.trim();
   if (!cleaned || looksLikeBookingCopy(cleaned) || looksLikeCompletedActionRecap(cleaned) || !looksLikeFieldCollection(cleaned)) {
     return null;
   }
@@ -455,8 +521,8 @@ function resolveComposerForm(input) {
   if (input.enabled === false || input.hasBookingOffer || input.hasPendingConfirmation) {
     return null;
   }
-  const text = input.agentText.trim();
-  if (!text) return null;
+  const text2 = input.agentText.trim();
+  if (!text2) return null;
   const card = input.cards?.find((item) => item.type === "visitor_form");
   if (card?.fields && card.fields.length >= MIN_FORM_FIELDS) {
     return {
@@ -464,7 +530,7 @@ function resolveComposerForm(input) {
       fields: card.fields.slice(0, MAX_FORM_FIELDS)
     };
   }
-  return inferComposerForm(text);
+  return inferComposerForm(text2);
 }
 
 // src/react/lib/tool-card.ts
@@ -478,9 +544,9 @@ function preferBookingOffer(current, next) {
   }
   return next;
 }
-function looksLikeBookingReady(text) {
+function looksLikeBookingReady(text2) {
   return /demo option|options are ready|pick a (date|time)|available (times|slots)|book(ing)? (card|the demo)|\bschedule\b/i.test(
-    text
+    text2
   );
 }
 function bookingOfferIdentityKey(offer) {
@@ -504,19 +570,19 @@ function isEventTypeUri(value) {
   return /^https:\/\/api\.calendly\.com\/event_types\/[^/]+$/i.test(value);
 }
 function parseToolCard(value) {
-  const record = asRecord2(value);
-  if (!record) return null;
-  if (record.booking_offer && asString2(record.type) !== "booking_offer") {
-    const nested = parseToolCard(record.booking_offer);
+  const record2 = asRecord2(value);
+  if (!record2) return null;
+  if (record2.booking_offer && asString2(record2.type) !== "booking_offer") {
+    const nested = parseToolCard(record2.booking_offer);
     if (nested) return nested;
   }
-  if (record.visitor_booking && asString2(record.type) !== "booking_confirmed") {
-    const nested = parseToolCard(record.visitor_booking);
+  if (record2.visitor_booking && asString2(record2.type) !== "booking_confirmed") {
+    const nested = parseToolCard(record2.visitor_booking);
     if (nested) return nested;
   }
-  const type = asString2(record.type);
+  const type = asString2(record2.type);
   if (type === "booking_offer") {
-    const eventTypes = Array.isArray(record.eventTypes) ? record.eventTypes.flatMap((item) => {
+    const eventTypes = Array.isArray(record2.eventTypes) ? record2.eventTypes.flatMap((item) => {
       const entry = asRecord2(item);
       const uri = asString2(entry?.uri);
       if (!entry || !uri) return [];
@@ -533,7 +599,7 @@ function parseToolCard(value) {
         }
       ];
     }) : [];
-    const slots = Array.isArray(record.slots) ? record.slots.flatMap((item) => {
+    const slots = Array.isArray(record2.slots) ? record2.slots.flatMap((item) => {
       const entry = asRecord2(item);
       const startTime = asString2(entry?.startTime);
       if (!entry || !startTime) return [];
@@ -549,11 +615,11 @@ function parseToolCard(value) {
     return { type: "booking_offer", eventTypes, slots };
   }
   if (type === "booking_confirmed") {
-    const eventUri = asString2(record.eventUri);
+    const eventUri = asString2(record2.eventUri);
     if (!isEventUri(eventUri)) return null;
-    const inviteeUri = asString2(record.inviteeUri);
-    const inviteeEmail = asString2(record.inviteeEmail);
-    const startTime = asString2(record.startTime);
+    const inviteeUri = asString2(record2.inviteeUri);
+    const inviteeEmail = asString2(record2.inviteeEmail);
+    const startTime = asString2(record2.startTime);
     return {
       type: "booking_confirmed",
       eventUri,
@@ -563,12 +629,12 @@ function parseToolCard(value) {
     };
   }
   if (type === "booking_canceled") {
-    const eventUri = asString2(record.eventUri);
+    const eventUri = asString2(record2.eventUri);
     if (!isEventUri(eventUri)) return null;
     return { type: "booking_canceled", eventUri };
   }
   if (type === "visitor_form") {
-    const fields = parseVisitorFormFields(record.fields);
+    const fields = parseVisitorFormFields(record2.fields);
     if (fields.length < 2) return null;
     return { type: "visitor_form", fields };
   }
@@ -586,33 +652,33 @@ function formatBookingOfferFence(offer) {
   ].join("\n");
 }
 function bookingCardFromActionOutput(output) {
-  const record = asRecord2(output);
-  const data = asRecord2(record?.output) ?? asRecord2(record?.data) ?? record;
+  const record2 = asRecord2(output);
+  const data = asRecord2(record2?.output) ?? asRecord2(record2?.data) ?? record2;
   return parseToolCard(data);
 }
-function ensureBookingOfferText(text, offer) {
-  if (!offer) return text;
-  if (extractToolCards(text).some((card) => card.type === "booking_offer")) {
-    return text;
+function ensureBookingOfferText(text2, offer) {
+  if (!offer) return text2;
+  if (extractToolCards(text2).some((card) => card.type === "booking_offer")) {
+    return text2;
   }
-  const visible = stripToolCards(text).trim() || text.trim();
+  const visible = stripToolCards(text2).trim() || text2.trim();
   return `${visible}
 
 ${formatBookingOfferFence(offer)}`;
 }
-function hideToolCardFences(text) {
-  return text.replace(/```(?:webless-tool-card|json)\s*[\s\S]*?```/gi, "").replace(/```(?:webless-tool-card|json)[\s\S]*$/i, "").replace(/\n{3,}/g, "\n\n").trim();
+function hideToolCardFences(text2) {
+  return text2.replace(/```(?:webless-tool-card|json)\s*[\s\S]*?```/gi, "").replace(/```(?:webless-tool-card|json)[\s\S]*$/i, "").replace(/\n{3,}/g, "\n\n").trim();
 }
 var BOOKING_CARD_FALLBACK = "Pick a date and time that works for you.";
-function looksLikeBookingAvailabilityDump(text) {
-  const cleaned = text.trim();
+function looksLikeBookingAvailabilityDump(text2) {
+  const cleaned = text2.trim();
   if (!cleaned) return false;
   const isoCount = (cleaned.match(/\d{4}-\d{2}-\d{2}[ T]\d{2}:\d{2}/g) ?? []).length;
   const utcCount = (cleaned.match(/\bUTC\b/g) ?? []).length;
   return isoCount >= 2 || utcCount >= 2 || /api\.calendly\.com|calendly\.com\//i.test(cleaned) || /webless-tool-card/i.test(cleaned);
 }
-function sanitizeBookingOfferCopy(text) {
-  const cleaned = hideToolCardFences(text);
+function sanitizeBookingOfferCopy(text2) {
+  const cleaned = hideToolCardFences(text2);
   if (!cleaned || looksLikeBookingAvailabilityDump(cleaned)) {
     return BOOKING_CARD_FALLBACK;
   }
@@ -625,9 +691,9 @@ function visitorTimeZone() {
     return "UTC";
   }
 }
-function extractToolCards(text) {
+function extractToolCards(text2) {
   const cards = [];
-  for (const match of text.matchAll(FENCE_PATTERN)) {
+  for (const match of text2.matchAll(FENCE_PATTERN)) {
     try {
       const card = parseToolCard(JSON.parse(match[1] ?? ""));
       if (card) cards.push(card);
@@ -636,8 +702,8 @@ function extractToolCards(text) {
   }
   return cards;
 }
-function stripToolCards(text) {
-  return text.replace(FENCE_PATTERN, "").replace(/\n{3,}/g, "\n\n").trim();
+function stripToolCards(text2) {
+  return text2.replace(FENCE_PATTERN, "").replace(/\n{3,}/g, "\n\n").trim();
 }
 function localDateKey(date) {
   if (Number.isNaN(date.getTime())) return "";
@@ -757,10 +823,10 @@ function safeText(value) {
   return value.trim().slice(0, MAX_TEXT_LENGTH);
 }
 function safeHref(value) {
-  const text = safeText(value);
-  if (!text) return "";
+  const text2 = safeText(value);
+  if (!text2) return "";
   try {
-    const url = new URL(text);
+    const url = new URL(text2);
     return url.protocol === "https:" ? url.toString() : "";
   } catch {
     return "";
@@ -980,6 +1046,22 @@ function finalizeSummaryPresentation(result, proposed) {
   };
 }
 function presentVisitorToolResult(result, registry = []) {
+  if (result.toolName === "search_discovery" && result.status === "completed") {
+    const envelope2 = parseAgentToolResultEnvelope(result.output);
+    const search = parseAgentSearchDiscoveryOutput(
+      envelope2?.output ?? result.output
+    );
+    if (search) {
+      return {
+        id: result.callId,
+        toolName: "search_discovery",
+        status: "completed",
+        kind: "search",
+        sources: search.sources,
+        ...search.cta ? { cta: search.cta } : {}
+      };
+    }
+  }
   const envelope = parseAgentToolResultEnvelope(result.output) ?? providerErrorEnvelope(result.output) ?? legacyBookingEnvelope(result.output);
   const proposed = envelope ? resolvePresenterOutput(result, envelope, registry) : null;
   if (proposed?.kind === "booking") {
@@ -1044,8 +1126,8 @@ function presentVisitorToolResult(result, registry = []) {
   return finalizeSummaryPresentation(result, proposed);
 }
 function providerErrorEnvelope(output) {
-  const record = asRecord3(output);
-  const providerError = asRecord3(record?.providerError);
+  const record2 = asRecord3(output);
+  const providerError = asRecord3(record2?.providerError);
   const message = safeText(providerError?.message);
   const action = safeText(providerError?.action);
   if (!message || !action) return null;
@@ -2073,10 +2155,10 @@ var AgentSession = class {
     }
     this.session = session;
     const inputResponses = responses.map(
-      ({ requestId, optionId, text }) => ({
+      ({ requestId, optionId, text: text2 }) => ({
         requestId,
         ...optionId ? { optionId } : {},
-        ...text ? { text } : {}
+        ...text2 ? { text: text2 } : {}
       })
     );
     const response = await withCapabilityRefresh(
@@ -2245,82 +2327,87 @@ function conversationKey(storageKeyPrefix, visitorSessionId) {
 }
 function parseMessage(value) {
   if (typeof value !== "object" || value === null) return null;
-  const record = value;
-  if (typeof record.id !== "string" || record.role !== "agent" && record.role !== "visitor" || typeof record.text !== "string" || typeof record.createdAt !== "number" || !Number.isFinite(record.createdAt)) {
+  const record2 = value;
+  if (typeof record2.id !== "string" || record2.role !== "agent" && record2.role !== "visitor" || typeof record2.text !== "string" || typeof record2.createdAt !== "number" || !Number.isFinite(record2.createdAt)) {
     return null;
   }
-  if (record.role === "visitor") {
+  if (record2.role === "visitor") {
     return {
-      id: record.id,
+      id: record2.id,
       role: "visitor",
-      text: record.text,
-      createdAt: record.createdAt,
-      ...typeof record.runtimeText === "string" && record.runtimeText ? { runtimeText: record.runtimeText } : {}
+      text: record2.text,
+      createdAt: record2.createdAt,
+      ...typeof record2.runtimeText === "string" && record2.runtimeText ? { runtimeText: record2.runtimeText } : {}
     };
   }
+  const searchResults = Array.isArray(record2.searchResults) ? record2.searchResults.flatMap((value2) => {
+    const result = parseToolResult(value2);
+    return result?.kind === "search" ? [result] : [];
+  }) : [];
   return {
-    id: record.id,
+    id: record2.id,
     role: "agent",
-    text: record.text,
-    createdAt: record.createdAt
+    ...searchResults.length ? { searchResults } : {},
+    text: record2.text,
+    createdAt: record2.createdAt
   };
 }
 function parseToolStep(value) {
   if (typeof value !== "object" || value === null) return null;
-  const record = value;
-  if (typeof record.id !== "string" || record.kind !== "planning" && record.kind !== "search" && record.kind !== "specialist" || typeof record.label !== "string" || record.state !== "completed" && record.state !== "active" && record.state !== "pending" && record.state !== "error") {
+  const record2 = value;
+  if (typeof record2.id !== "string" || record2.kind !== "planning" && record2.kind !== "search" && record2.kind !== "specialist" || typeof record2.label !== "string" || record2.state !== "completed" && record2.state !== "active" && record2.state !== "pending" && record2.state !== "error") {
     return null;
   }
   return {
-    id: record.id,
-    kind: record.kind,
-    label: record.label,
-    state: record.state,
-    ...typeof record.detail === "string" && record.detail ? { detail: record.detail } : {}
+    id: record2.id,
+    kind: record2.kind,
+    label: record2.label,
+    state: record2.state,
+    ...typeof record2.detail === "string" && record2.detail ? { detail: record2.detail } : {}
   };
 }
 function parseInputOption(value) {
   if (typeof value !== "object" || value === null) return null;
-  const record = value;
-  if (typeof record.id !== "string" || typeof record.label !== "string") {
+  const record2 = value;
+  if (typeof record2.id !== "string" || typeof record2.label !== "string") {
     return null;
   }
   return {
-    id: record.id,
-    label: record.label,
-    ...typeof record.description === "string" ? { description: record.description } : {},
-    ...record.style === "default" || record.style === "primary" || record.style === "danger" ? { style: record.style } : {}
+    id: record2.id,
+    label: record2.label,
+    ...typeof record2.description === "string" ? { description: record2.description } : {},
+    ...record2.style === "default" || record2.style === "primary" || record2.style === "danger" ? { style: record2.style } : {}
   };
 }
 function parseInputRequest(value) {
   if (typeof value !== "object" || value === null) return null;
-  const record = value;
-  if (typeof record.requestId !== "string" || record.kind !== "question" && record.kind !== "session-limit" && record.kind !== "tool-approval" || typeof record.prompt !== "string") {
+  const record2 = value;
+  if (typeof record2.requestId !== "string" || record2.kind !== "question" && record2.kind !== "session-limit" && record2.kind !== "tool-approval" || typeof record2.prompt !== "string") {
     return null;
   }
-  const action = record.action;
+  const action = record2.action;
   if (typeof action !== "object" || action === null) return null;
   const actionRecord = action;
   if (typeof actionRecord.callId !== "string" || actionRecord.kind !== "tool-call" || typeof actionRecord.toolName !== "string") {
     return null;
   }
-  const options = Array.isArray(record.options) ? record.options.map(parseInputOption) : void 0;
-  if (Array.isArray(record.options) && options?.some((option) => option === null)) {
+  const options = Array.isArray(record2.options) ? record2.options.map(parseInputOption) : void 0;
+  if (Array.isArray(record2.options) && options?.some((option) => option === null)) {
     return null;
   }
-  const ui = record.ui ? parseAgentToolUiSurface(record.ui) : void 0;
-  if (record.ui && !ui) return null;
+  const ui = record2.ui ? parseAgentToolUiSurface(record2.ui) : void 0;
+  if (record2.ui && !ui) return null;
   return {
-    requestId: record.requestId,
-    kind: record.kind,
-    prompt: record.prompt,
+    requestId: record2.requestId,
+    kind: record2.kind,
+    prompt: record2.prompt,
     action: {
       callId: actionRecord.callId,
       kind: "tool-call",
       toolName: actionRecord.toolName
     },
-    ...record.display === "confirmation" || record.display === "select" || record.display === "text" ? { display: record.display } : {},
-    ...record.allowFreeform === true ? { allowFreeform: true } : {},
+    ...record2.display === "confirmation" || record2.display === "select" || record2.display === "text" ? { display: record2.display } : {},
+    ...record2.allowFreeform === true ? { allowFreeform: true } : {},
     ...options && options.length > 0 ? {
       options: options.filter(
         (option) => option !== null
@@ -2331,40 +2418,50 @@ function parseInputRequest(value) {
 }
 function parseToolResult(value) {
   if (typeof value !== "object" || value === null) return null;
-  const record = value;
-  if (typeof record.id !== "string" || typeof record.toolName !== "string" || record.status !== "completed" && record.status !== "failed" && record.status !== "rejected") {
+  const record2 = value;
+  if (typeof record2.id !== "string" || typeof record2.toolName !== "string" || record2.status !== "completed" && record2.status !== "failed" && record2.status !== "rejected") {
     return null;
   }
-  if (record.kind === "input") {
+  if (record2.kind === "search" && record2.toolName === "search_discovery" && record2.status === "completed") {
+    const references = parseAgentSearchReferences(record2);
+    return references ? {
+      id: record2.id,
+      toolName: "search_discovery",
+      status: "completed",
+      kind: "search",
+      ...references
+    } : null;
+  }
+  if (record2.kind === "input") {
     const surface = parseAgentToolUiSurface(
-      record.surface
+      record2.surface
     );
     return surface ? {
-      id: record.id,
-      toolName: record.toolName,
-      status: record.status,
+      id: record2.id,
+      toolName: record2.toolName,
+      status: record2.status,
       kind: "input",
       surface
     } : null;
   }
-  if (record.kind === "entity" && typeof record.title === "string") {
+  if (record2.kind === "entity" && typeof record2.title === "string") {
     return {
-      id: record.id,
-      toolName: record.toolName,
-      status: record.status,
+      id: record2.id,
+      toolName: record2.toolName,
+      status: record2.status,
       kind: "entity",
-      title: record.title,
-      ...typeof record.description === "string" ? { description: record.description } : {}
+      title: record2.title,
+      ...typeof record2.description === "string" ? { description: record2.description } : {}
     };
   }
-  if (record.kind === "collection" && typeof record.title === "string" && Array.isArray(record.items)) {
+  if (record2.kind === "collection" && typeof record2.title === "string" && Array.isArray(record2.items)) {
     return {
-      id: record.id,
-      toolName: record.toolName,
-      status: record.status,
+      id: record2.id,
+      toolName: record2.toolName,
+      status: record2.status,
       kind: "collection",
-      title: record.title,
-      items: record.items.flatMap((item) => {
+      title: record2.title,
+      items: record2.items.flatMap((item) => {
         if (typeof item !== "object" || item === null) return [];
         const entry = item;
         if (typeof entry.title !== "string") return [];
@@ -2378,26 +2475,26 @@ function parseToolResult(value) {
       })
     };
   }
-  if (record.kind === "signature" && typeof record.title === "string") {
+  if (record2.kind === "signature" && typeof record2.title === "string") {
     return {
-      id: record.id,
-      toolName: record.toolName,
-      status: record.status,
+      id: record2.id,
+      toolName: record2.toolName,
+      status: record2.status,
       kind: "signature",
-      title: record.title,
-      ...typeof record.description === "string" ? { description: record.description } : {},
-      ...typeof record.statusLabel === "string" ? { statusLabel: record.statusLabel } : {}
+      title: record2.title,
+      ...typeof record2.description === "string" ? { description: record2.description } : {},
+      ...typeof record2.statusLabel === "string" ? { statusLabel: record2.statusLabel } : {}
     };
   }
-  if (record.kind !== "summary" || typeof record.title !== "string")
+  if (record2.kind !== "summary" || typeof record2.title !== "string")
     return null;
   return {
-    id: record.id,
-    toolName: record.toolName,
-    status: record.status,
+    id: record2.id,
+    toolName: record2.toolName,
+    status: record2.status,
     kind: "summary",
-    title: record.title,
-    ...typeof record.description === "string" ? { description: record.description } : {}
+    title: record2.title,
+    ...typeof record2.description === "string" ? { description: record2.description } : {}
   };
 }
 function visitorTurnText(message) {
@@ -2412,29 +2509,29 @@ function loadPersistedAgentConversation(storageKeyPrefix, visitorSessionId) {
   try {
     const value = JSON.parse(raw);
     if (typeof value !== "object" || value === null) return null;
-    const record = value;
-    if (record.version !== 1 && record.version !== 2 && record.version !== CONVERSATION_VERSION || !Array.isArray(record.messages) || typeof record.pending !== "boolean" || typeof record.streamingText !== "string" || record.version === CONVERSATION_VERSION && !Array.isArray(record.toolSteps)) {
+    const record2 = value;
+    if (record2.version !== 1 && record2.version !== 2 && record2.version !== CONVERSATION_VERSION || !Array.isArray(record2.messages) || typeof record2.pending !== "boolean" || typeof record2.streamingText !== "string" || record2.version === CONVERSATION_VERSION && !Array.isArray(record2.toolSteps)) {
       return null;
     }
-    const messages = record.messages.map(parseMessage);
+    const messages = record2.messages.map(parseMessage);
     if (messages.some((message) => message === null)) return null;
-    const storedToolSteps = (record.version === 2 || record.version === CONVERSATION_VERSION) && Array.isArray(record.toolSteps) ? record.toolSteps : [];
+    const storedToolSteps = (record2.version === 2 || record2.version === CONVERSATION_VERSION) && Array.isArray(record2.toolSteps) ? record2.toolSteps : [];
     const toolSteps = storedToolSteps.map(parseToolStep);
     if (toolSteps.some((step) => step === null)) return null;
-    const storedToolResults = record.version === CONVERSATION_VERSION && Array.isArray(record.toolResults) ? record.toolResults : [];
+    const storedToolResults = record2.version === CONVERSATION_VERSION && Array.isArray(record2.toolResults) ? record2.toolResults : [];
     const toolResults = storedToolResults.map(parseToolResult);
     if (toolResults.some((result) => result === null)) return null;
-    const storedPendingInputs = Array.isArray(record.pendingInputs) ? record.pendingInputs : [];
+    const storedPendingInputs = Array.isArray(record2.pendingInputs) ? record2.pendingInputs : [];
     const pendingInputs = storedPendingInputs.map(parseInputRequest);
     if (pendingInputs.some((request) => request === null)) return null;
     return {
       messages: messages.filter(
         (message) => message !== null
       ),
-      pending: record.pending,
-      streamingText: record.streamingText,
+      pending: record2.pending,
+      streamingText: record2.streamingText,
       toolSteps: toolSteps.filter((step) => step !== null),
-      ...Array.isArray(record.toolResults) ? {
+      ...Array.isArray(record2.toolResults) ? {
         toolResults: toolResults.filter(
           (result) => result !== null
         )
@@ -2475,13 +2572,13 @@ function loadPendingWidgetBooking(storageKeyPrefix, visitorSessionId) {
   try {
     const value = JSON.parse(raw);
     if (typeof value !== "object" || value === null) return null;
-    const record = value;
-    if (typeof record.eventUri !== "string" || !record.eventUri) return null;
+    const record2 = value;
+    if (typeof record2.eventUri !== "string" || !record2.eventUri) return null;
     return {
-      eventUri: record.eventUri,
-      ...typeof record.inviteeUri === "string" && record.inviteeUri ? { inviteeUri: record.inviteeUri } : {},
-      ...typeof record.inviteeEmail === "string" && record.inviteeEmail ? { inviteeEmail: record.inviteeEmail } : {},
-      ...typeof record.startTime === "string" && record.startTime ? { startTime: record.startTime } : {}
+      eventUri: record2.eventUri,
+      ...typeof record2.inviteeUri === "string" && record2.inviteeUri ? { inviteeUri: record2.inviteeUri } : {},
+      ...typeof record2.inviteeEmail === "string" && record2.inviteeEmail ? { inviteeEmail: record2.inviteeEmail } : {},
+      ...typeof record2.startTime === "string" && record2.startTime ? { startTime: record2.startTime } : {}
     };
   } catch {
     return null;
@@ -2531,15 +2628,15 @@ function appendChatCollectiblePrompts(messages, requests) {
   }
   return next;
 }
-function chatInputResponseForText(requests, text) {
-  const trimmed = text.trim();
+function chatInputResponseForText(requests, text2) {
+  const trimmed = text2.trim();
   if (!trimmed) return null;
   const pending = requests.find(isChatCollectibleInputRequest);
   if (!pending) return null;
   return { requestId: pending.requestId, text: trimmed };
 }
-function normalizeAssistantDedupeKey(text) {
-  return text.trim().replace(/\s+/g, " ").toLowerCase();
+function normalizeAssistantDedupeKey(text2) {
+  return text2.trim().replace(/\s+/g, " ").toLowerCase();
 }
 function isNearDuplicateAssistantText(left, right) {
   const a = normalizeAssistantDedupeKey(left);
@@ -2553,13 +2650,14 @@ function isNearDuplicateAssistantText(left, right) {
     shorter.slice(0, Math.floor(shorter.length * 0.85))
   );
 }
-function appendAgentTurnMessage(messages, displayText) {
+function appendAgentTurnMessage(messages, displayText, searchResults = []) {
   const trimmed = displayText.trim();
-  if (!trimmed) return [...messages];
+  if (!trimmed && searchResults.length === 0) return [...messages];
   const agentMessage = {
     id: `agent-${Date.now()}`,
     role: "agent",
     text: trimmed,
+    ...searchResults.length ? { searchResults } : {},
     createdAt: Date.now()
   };
   const last = messages.at(-1);
@@ -2938,7 +3036,14 @@ function useAgentChat({
         setState((prev) => ({
           ...prev,
           phase: (prev.pendingInputs ?? []).some(shouldRenderVisitorInputCard) ? "waiting-input" : "complete",
-          messages: appendAgentTurnMessage(prev.messages, displayText),
+          messages: appendAgentTurnMessage(
+            prev.messages,
+            displayText,
+            (prev.toolResults ?? []).filter((result) => result.kind === "search")
+          ),
+          toolResults: (prev.toolResults ?? []).filter(
+            (result) => result.kind !== "search"
+          ),
           toolSteps: completeActivePlanning(prev.toolSteps),
           streamingText: "",
           pendingOffer: bookingConfirmed ? null : capturedOffers.at(-1) ?? prev.pendingOffer,
@@ -3350,8 +3455,8 @@ import { useEffect as useEffect2, useLayoutEffect, useRef as useRef2, useState a
 import { createPortal } from "react-dom";
 
 // src/react/lib/speech.ts
-function toSpeechText(text) {
-  let out = hideToolCardFences(text);
+function toSpeechText(text2) {
+  let out = hideToolCardFences(text2);
   out = out.replace(/```[\s\S]*?```/g, " ");
   out = out.replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1");
   out = out.replace(/\[([^\]]+)\]\([^)]*\)/g, "$1");
@@ -3696,12 +3801,12 @@ function StopIcon() {
     }
   ) });
 }
-async function writeToClipboard(text) {
+async function writeToClipboard(text2) {
   try {
-    await navigator.clipboard.writeText(text);
+    await navigator.clipboard.writeText(text2);
   } catch {
     const textarea = document.createElement("textarea");
-    textarea.value = text;
+    textarea.value = text2;
     textarea.style.position = "fixed";
     textarea.style.opacity = "0";
     document.body.appendChild(textarea);
@@ -3969,6 +4074,48 @@ function MessageActions({
 // src/react/components/AgentRail/AgentRail.tsx
 import { useEffect as useEffect6, useRef as useRef6, useState as useState9 } from "react";
 
+// src/react/lib/agent-theme.ts
+function agentThemeStyle(theme, resolvedColorScheme) {
+  const brandedTheme = { ...defaultAgentRailTheme, ...theme };
+  const resolvedTheme = resolvedColorScheme === "dark" ? {
+    ...brandedTheme,
+    brand: theme?.brand ?? defaultDarkAgentRailTheme.brand,
+    brandDeep: theme?.brandDeep ?? defaultDarkAgentRailTheme.brandDeep,
+    brandSoft: theme?.brandSoft ?? `color-mix(in srgb, ${theme?.brand ?? defaultDarkAgentRailTheme.brand} 18%, ${defaultDarkAgentRailTheme.surface})`,
+    border: theme?.border ?? defaultDarkAgentRailTheme.border,
+    danger: theme?.danger ?? defaultDarkAgentRailTheme.danger,
+    onBrand: theme?.onBrand ?? defaultDarkAgentRailTheme.onBrand,
+    success: theme?.success ?? defaultDarkAgentRailTheme.success,
+    surface: theme?.surface ?? defaultDarkAgentRailTheme.surface,
+    surfaceMuted: theme?.surfaceMuted ?? defaultDarkAgentRailTheme.surfaceMuted,
+    text: theme?.text ?? defaultDarkAgentRailTheme.text,
+    textMuted: theme?.textMuted ?? defaultDarkAgentRailTheme.textMuted,
+    textSubtle: theme?.textSubtle ?? defaultDarkAgentRailTheme.textSubtle,
+    visitorBubble: theme?.visitorBubble ?? theme?.brand ?? defaultDarkAgentRailTheme.visitorBubble
+  } : brandedTheme;
+  return {
+    "--rail-width": resolvedTheme.railMaxWidth,
+    "--as-rail-max-width": resolvedTheme.railMaxWidth,
+    "--as-brand": resolvedTheme.brand,
+    "--as-brand-soft": resolvedTheme.brandSoft,
+    "--as-brand-deep": resolvedTheme.brandDeep,
+    "--as-surface": resolvedTheme.surface,
+    "--as-surface-muted": resolvedTheme.surfaceMuted,
+    "--as-text": resolvedTheme.text,
+    "--as-text-muted": resolvedTheme.textMuted,
+    "--as-text-subtle": resolvedTheme.textSubtle,
+    "--as-border": resolvedTheme.border,
+    "--as-visitor-bubble": resolvedTheme.visitorBubble,
+    "--as-visitor-text": resolvedTheme.visitorText,
+    "--as-on-brand": resolvedTheme.onBrand,
+    "--as-success": resolvedTheme.success,
+    "--as-danger": resolvedTheme.danger,
+    "--as-font-body": resolvedTheme.fontBody,
+    "--as-font-display": resolvedTheme.fontDisplay,
+    colorScheme: resolvedColorScheme
+  };
+}
+
 // src/react/hooks/useAgentColorScheme.ts
 import { useSyncExternalStore } from "react";
 var DARK_MODE_QUERY = "(prefers-color-scheme: dark)";
@@ -4572,6 +4719,108 @@ function FollowUpChips({
 // src/react/components/MessageBubble/MessageBubble.tsx
 import { useState as useState6 } from "react";
 
+// src/react/components/SearchReferences/SearchReferences.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function SiteIcon() {
+  return /* @__PURE__ */ jsxs6(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx6("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
+        /* @__PURE__ */ jsx6("path", { d: "M3 12h18M5 6.5h14M5 17.5h14" })
+      ]
+    }
+  );
+}
+function SearchReferences({
+  results
+}) {
+  const seenSources = /* @__PURE__ */ new Set();
+  const sources = results.flatMap((result) => result.sources).flatMap((source) => {
+    const url = safeSearchUrl(source.url);
+    const key = url ?? source.id;
+    if (seenSources.has(key)) return [];
+    seenSources.add(key);
+    return [{ ...source, url, key }];
+  });
+  const seenActions = /* @__PURE__ */ new Set();
+  const actions = results.flatMap((result) => {
+    const url = safeSearchUrl(result.cta?.url);
+    if (!url || !result.cta || seenActions.has(url)) return [];
+    seenActions.add(url);
+    return [{ label: result.cta.label, url }];
+  });
+  if (!sources.length && !actions.length) return null;
+  return /* @__PURE__ */ jsxs6("div", { className: "search-references", children: [
+    sources.length > 0 ? /* @__PURE__ */ jsxs6("section", { "aria-label": "Sources", children: [
+      /* @__PURE__ */ jsxs6("h3", { className: "search-references__heading", children: [
+        "Sources",
+        /* @__PURE__ */ jsx6("span", { title: "Pages used by Search & Discovery", children: /* @__PURE__ */ jsxs6(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: "14",
+            height: "14",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.75",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "9" }),
+              /* @__PURE__ */ jsx6("path", { d: "M12 11v6M12 7v1" })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx6("ul", { className: "search-references__list", children: sources.map((source) => {
+        const content = /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          /* @__PURE__ */ jsx6("span", { className: "search-references__icon", children: /* @__PURE__ */ jsx6(SiteIcon, {}) }),
+          /* @__PURE__ */ jsxs6("span", { className: "search-references__copy", children: [
+            /* @__PURE__ */ jsx6(
+              "span",
+              {
+                className: "search-references__title",
+                title: source.title,
+                children: source.title
+              }
+            ),
+            source.url ? /* @__PURE__ */ jsx6("span", { className: "search-references__domain", children: new URL(source.url).hostname.replace(/^www\./u, "") }) : null
+          ] })
+        ] });
+        return /* @__PURE__ */ jsx6("li", { children: source.url ? /* @__PURE__ */ jsx6(
+          "a",
+          {
+            className: "search-references__source",
+            href: source.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: content
+          }
+        ) : /* @__PURE__ */ jsx6("div", { className: "search-references__source", children: content }) }, source.key);
+      }) })
+    ] }) : null,
+    actions.length > 0 ? /* @__PURE__ */ jsx6("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ jsx6(
+      "a",
+      {
+        className: "search-references__cta",
+        href: action.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: action.label
+      },
+      action.url
+    )) }) : null
+  ] });
+}
+
 // src/react/components/BookingCard/BookingCard.tsx
 import {
   useEffect as useEffect5,
@@ -4580,7 +4829,7 @@ import {
   useRef as useRef5,
   useState as useState5
 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
   { id: "time", label: "Time" },
@@ -4611,7 +4860,7 @@ function calendarCells(year, month) {
   return cells;
 }
 function BookingCardLoader() {
-  return /* @__PURE__ */ jsx6("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx6("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
+  return /* @__PURE__ */ jsx7("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx7("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard({
   disabled = false,
@@ -4710,14 +4959,14 @@ function BookingCard({
       })
     });
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "section",
     {
       className: "booking-card",
       "aria-busy": disabled || void 0,
       "aria-label": "Book a meeting",
-      children: /* @__PURE__ */ jsxs6("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ jsx6("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs6(
+      children: /* @__PURE__ */ jsxs7("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx7("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs7(
           "li",
           {
             className: [
@@ -4727,40 +4976,40 @@ function BookingCard({
             ].filter(Boolean).join(" "),
             "aria-current": index === stepIndex ? "step" : void 0,
             children: [
-              /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: index + 1 }),
-              /* @__PURE__ */ jsx6("span", { children: item.label })
+              /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ jsx7("span", { children: item.label })
             ]
           },
           item.id
         )) }),
-        step === "date" ? /* @__PURE__ */ jsxs6("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsx6("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-          timeZone ? /* @__PURE__ */ jsxs6("p", { className: "booking-card__tz", children: [
+        step === "date" ? /* @__PURE__ */ jsxs7("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ jsxs7("p", { className: "booking-card__tz", children: [
             "Times in ",
             timeZone
           ] }) : null,
-          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs6(
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs7(
             "label",
             {
               className: "booking-card__field",
               htmlFor: `${fieldId}-type`,
               children: [
-                /* @__PURE__ */ jsx6("span", { children: "Meeting" }),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7("span", { children: "Meeting" }),
+                /* @__PURE__ */ jsx7(
                   "select",
                   {
                     id: `${fieldId}-type`,
                     value: eventTypeUri,
                     disabled,
                     onChange: (event) => selectEventType(event.target.value),
-                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx6("option", { value: item.uri, children: item.name }, item.uri))
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx7("option", { value: item.uri, children: item.name }, item.uri))
                   }
                 )
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs6("div", { className: "booking-card__month", children: [
-            /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs7("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
@@ -4771,8 +5020,8 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsx6("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
+            /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
@@ -4784,9 +5033,9 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx6("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx6("span", { children: label }, label)) }),
-          offer.slots.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx7("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ jsx7(
             "div",
             {
               className: "booking-card__calendar",
@@ -4794,7 +5043,7 @@ function BookingCard({
               "aria-label": "Available dates",
               children: cells.map((cell, index) => {
                 if (!cell) {
-                  return /* @__PURE__ */ jsx6(
+                  return /* @__PURE__ */ jsx7(
                     "span",
                     {
                       className: "booking-card__day"
@@ -4804,7 +5053,7 @@ function BookingCard({
                 }
                 const available = availableByDate.has(cell.key);
                 const selected = cell.key === selectedDate;
-                return /* @__PURE__ */ jsx6(
+                return /* @__PURE__ */ jsx7(
                   "button",
                   {
                     type: "button",
@@ -4824,9 +5073,9 @@ function BookingCard({
             }
           )
         ] }, "date") : null,
-        step === "time" ? /* @__PURE__ */ jsxs6("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsxs6("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ jsx6(
+        step === "time" ? /* @__PURE__ */ jsxs7("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs7("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
@@ -4837,15 +5086,15 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsxs6("div", { children: [
-              /* @__PURE__ */ jsx6("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-              timeZone ? /* @__PURE__ */ jsxs6("p", { className: "booking-card__tz", children: [
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ jsxs7("p", { className: "booking-card__tz", children: [
                 "Times in ",
                 timeZone
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx6("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -4857,9 +5106,9 @@ function BookingCard({
             slot.startTime
           )) })
         ] }, "time") : null,
-        step === "details" ? /* @__PURE__ */ jsxs6("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ jsxs6("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ jsx6(
+        step === "details" ? /* @__PURE__ */ jsxs7("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs7("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
@@ -4870,21 +5119,21 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ jsxs6("div", { children: [
-              /* @__PURE__ */ jsx6("p", { className: "booking-card__title", children: "Enter details" }),
-              /* @__PURE__ */ jsx6("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-              selectedType?.location ? /* @__PURE__ */ jsx6("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ jsx7("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ jsx7("p", { className: "booking-card__tz", children: selectedType.location }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "booking-card__identity", children: [
-            /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ jsxs7(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-name`,
                 children: [
-                  /* @__PURE__ */ jsx6("span", { children: "Name" }),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7("span", { children: "Name" }),
+                  /* @__PURE__ */ jsx7(
                     "input",
                     {
                       id: `${fieldId}-name`,
@@ -4898,14 +5147,14 @@ function BookingCard({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs6(
+            /* @__PURE__ */ jsxs7(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-email`,
                 children: [
-                  /* @__PURE__ */ jsx6("span", { children: "Email" }),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7("span", { children: "Email" }),
+                  /* @__PURE__ */ jsx7(
                     "input",
                     {
                       id: `${fieldId}-email`,
@@ -4921,7 +5170,7 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "submit",
@@ -4939,9 +5188,9 @@ function BookingCard({
 // src/react/components/MessageBubble/MessageBubble.tsx
 import { Streamdown } from "streamdown";
 import "streamdown/styles.css";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function normalizeDedupeText(text) {
-  return text.trim().replace(/\s+/g, " ").toLowerCase();
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function normalizeDedupeText(text2) {
+  return text2.trim().replace(/\s+/g, " ").toLowerCase();
 }
 function paragraphsAreNearDuplicates(first, second) {
   const left = normalizeDedupeText(first);
@@ -4957,8 +5206,8 @@ function paragraphsShareOpening(first, second) {
   if (!opening || opening.length < 20) return false;
   return second.trim().startsWith(opening);
 }
-function collapseRepeatedText(text) {
-  const trimmed = text.trim();
+function collapseRepeatedText(text2) {
+  const trimmed = text2.trim();
   if (trimmed.length < 40) return trimmed;
   const paragraphs = trimmed.split(/\n{2,}/u).map((part) => part.trim()).filter(Boolean);
   if (paragraphs.length === 2 && (paragraphsAreNearDuplicates(paragraphs[0], paragraphs[1]) || paragraphsShareOpening(paragraphs[0], paragraphs[1]))) {
@@ -4996,11 +5245,11 @@ function MessageBubble({
     offers.length > 0 ? sanitizeBookingOfferCopy(visibleText) : looksLikeBookingAvailabilityDump(visibleText) ? sanitizeBookingOfferCopy(visibleText) : visibleText || (isStreaming ? "" : message.text)
   );
   if (message.role === "visitor") {
-    return /* @__PURE__ */ jsx7("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ jsx7("p", { className: "message-bubble__text", children: message.text }) });
+    return /* @__PURE__ */ jsx8("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ jsx8("p", { className: "message-bubble__text", children: message.text }) });
   }
   const citations = message.citations ?? [];
-  const agentText = /* @__PURE__ */ jsxs7("div", { className: "message-bubble__text", children: [
-    /* @__PURE__ */ jsx7(
+  const agentText = /* @__PURE__ */ jsxs8("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ jsx8(
       Streamdown,
       {
         animated: isStreaming,
@@ -5014,8 +5263,9 @@ function MessageBubble({
         children: displayText
       }
     ),
-    citations.length > 0 ? /* @__PURE__ */ jsx7("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs7("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(SearchReferences, { results: message.searchResults ?? [] }),
+    citations.length > 0 ? /* @__PURE__ */ jsx8("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs8("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ jsx8(
         "span",
         {
           className: "message-bubble__source-icon",
@@ -5023,12 +5273,12 @@ function MessageBubble({
           children: "\u25A6"
         }
       ),
-      /* @__PURE__ */ jsx7("span", { children: citation.label })
+      /* @__PURE__ */ jsx8("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
-  return /* @__PURE__ */ jsxs7("article", { className: "message-bubble message-bubble--agent", children: [
-    displayText ? showBrandLogo ? /* @__PURE__ */ jsxs7("div", { className: "message-bubble__agent-row", children: [
-      /* @__PURE__ */ jsx7("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs8("article", { className: "message-bubble message-bubble--agent", children: [
+    displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ jsxs8("div", { className: "message-bubble__agent-row", children: [
+      /* @__PURE__ */ jsx8("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx8(
         "img",
         {
           src: resolvedLogoUrl,
@@ -5040,7 +5290,7 @@ function MessageBubble({
       ) }),
       agentText
     ] }) : agentText : null,
-    offers.map((nextOffer, index) => /* @__PURE__ */ jsx7(
+    offers.map((nextOffer, index) => /* @__PURE__ */ jsx8(
       BookingCard,
       {
         disabled: bookingDisabled,
@@ -5056,7 +5306,7 @@ function MessageBubble({
 import { useState as useState8 } from "react";
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function ConfirmationCard({
   disabled = false,
   request,
@@ -5065,17 +5315,17 @@ function ConfirmationCard({
   const options = request.options ?? [];
   const heading = request.kind === "tool-approval" ? "Confirm this action" : request.prompt;
   const prompt = request.kind === "tool-approval" ? request.prompt : void 0;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "section",
     {
       className: "confirmation-card",
       "aria-labelledby": `confirmation-${request.requestId}`,
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "confirmation-card__heading", children: [
-          /* @__PURE__ */ jsx8("strong", { id: `confirmation-${request.requestId}`, children: heading }),
-          prompt ? /* @__PURE__ */ jsx8("p", { children: prompt }) : null
+        /* @__PURE__ */ jsxs9("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ jsx9("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ jsx9("p", { children: prompt }) : null
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -5096,7 +5346,7 @@ function ConfirmationCard({
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function isRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -5220,7 +5470,7 @@ function FieldDescription({
   field,
   id
 }) {
-  return field.description ? /* @__PURE__ */ jsx9("span", { id, className: "tool-input-card__description", children: field.description }) : null;
+  return field.description ? /* @__PURE__ */ jsx10("span", { id, className: "tool-input-card__description", children: field.description }) : null;
 }
 function ChoiceField({
   field,
@@ -5239,7 +5489,7 @@ function ChoiceField({
     const selectedIndex = options.findIndex(
       (option) => valuesMatch(option.value, value)
     );
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "select",
       {
         id,
@@ -5254,13 +5504,13 @@ function ChoiceField({
           if (option) onChange(option.value);
         },
         children: [
-          /* @__PURE__ */ jsx9("option", { value: "", disabled: field.required, children: "Choose an option" }),
-          options.map((option, index) => /* @__PURE__ */ jsx9("option", { value: index, children: option.label }, optionKey(option)))
+          /* @__PURE__ */ jsx10("option", { value: "", disabled: field.required, children: "Choose an option" }),
+          options.map((option, index) => /* @__PURE__ */ jsx10("option", { value: index, children: option.label }, optionKey(option)))
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: "tool-input-card__choices",
@@ -5271,8 +5521,8 @@ function ChoiceField({
       "aria-required": field.required,
       children: options.map((option, index) => {
         const checked = multiple ? selected.some((item) => valuesMatch(item, option.value)) : valuesMatch(value, option.value);
-        return /* @__PURE__ */ jsxs9("label", { className: "tool-input-card__choice", children: [
-          /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsxs10("label", { className: "tool-input-card__choice", children: [
+          /* @__PURE__ */ jsx10(
             "input",
             {
               type: multiple ? "checkbox" : "radio",
@@ -5294,7 +5544,7 @@ function ChoiceField({
               }
             }
           ),
-          /* @__PURE__ */ jsx9("span", { children: option.label })
+          /* @__PURE__ */ jsx10("span", { children: option.label })
         ] }, optionKey(option));
       })
     }
@@ -5314,9 +5564,9 @@ function ToolField({
     error ? `${id}-error` : ""
   ].filter(Boolean).join(" ");
   if (field.kind === "checkbox" || field.kind === "confirmation") {
-    return /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__field", children: [
-      /* @__PURE__ */ jsxs9("label", { className: "tool-input-card__check", htmlFor: id, children: [
-        /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__field", children: [
+      /* @__PURE__ */ jsxs10("label", { className: "tool-input-card__check", htmlFor: id, children: [
+        /* @__PURE__ */ jsx10(
           "input",
           {
             id,
@@ -5329,17 +5579,17 @@ function ToolField({
             onChange: (event) => onChange(event.target.checked)
           }
         ),
-        /* @__PURE__ */ jsxs9("span", { children: [
-          /* @__PURE__ */ jsx9("strong", { children: field.label }),
-          field.description ? /* @__PURE__ */ jsx9("span", { id: `${id}-description`, children: field.description }) : null
+        /* @__PURE__ */ jsxs10("span", { children: [
+          /* @__PURE__ */ jsx10("strong", { children: field.label }),
+          field.description ? /* @__PURE__ */ jsx10("span", { id: `${id}-description`, children: field.description }) : null
         ] })
       ] }),
-      error ? /* @__PURE__ */ jsx9("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+      error ? /* @__PURE__ */ jsx10("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
     ] });
   }
-  const label = /* @__PURE__ */ jsxs9("label", { id: `${id}-label`, htmlFor: id, children: [
+  const label = /* @__PURE__ */ jsxs10("label", { id: `${id}-label`, htmlFor: id, children: [
     field.label,
-    field.required ? /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: " *" }) : null
+    field.required ? /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
   const common = {
     id,
@@ -5351,7 +5601,7 @@ function ToolField({
   };
   let control;
   if (field.kind === "select" || field.kind === "radio" || field.kind === "multi-select") {
-    control = /* @__PURE__ */ jsx9(
+    control = /* @__PURE__ */ jsx10(
       ChoiceField,
       {
         field,
@@ -5365,7 +5615,7 @@ function ToolField({
       }
     );
   } else if (field.kind === "textarea" || field.kind === "json") {
-    control = /* @__PURE__ */ jsx9(
+    control = /* @__PURE__ */ jsx10(
       "textarea",
       {
         ...common,
@@ -5379,8 +5629,8 @@ function ToolField({
     );
   } else if (field.kind === "range") {
     const numericValue = typeof value === "number" ? value : field.min ?? 0;
-    control = /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__range", children: [
-      /* @__PURE__ */ jsx9(
+    control = /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__range", children: [
+      /* @__PURE__ */ jsx10(
         "input",
         {
           ...common,
@@ -5392,11 +5642,11 @@ function ToolField({
           onChange: (event) => onChange(Number(event.target.value))
         }
       ),
-      /* @__PURE__ */ jsx9("output", { htmlFor: id, children: numericValue })
+      /* @__PURE__ */ jsx10("output", { htmlFor: id, children: numericValue })
     ] });
   } else {
     const type = field.kind === "date-time" ? "datetime-local" : field.kind === "calendar" ? "date" : field.kind;
-    control = /* @__PURE__ */ jsx9(
+    control = /* @__PURE__ */ jsx10(
       "input",
       {
         ...common,
@@ -5414,11 +5664,11 @@ function ToolField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__field", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__field", children: [
     label,
-    /* @__PURE__ */ jsx9(FieldDescription, { field, id: `${id}-description` }),
+    /* @__PURE__ */ jsx10(FieldDescription, { field, id: `${id}-description` }),
     control,
-    error ? /* @__PURE__ */ jsx9("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+    error ? /* @__PURE__ */ jsx10("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
   ] });
 }
 function ToolInputCard({
@@ -5455,14 +5705,14 @@ function ToolInputCard({
     onSubmit?.(surface, result);
   }
   if (submitted) {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "section",
       {
         className: "tool-input-card tool-input-card--submitted",
         role: "status",
         children: [
-          /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ jsxs9("strong", { children: [
+          /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ jsxs10("strong", { children: [
             surface.title,
             " submitted"
           ] })
@@ -5470,18 +5720,18 @@ function ToolInputCard({
       }
     );
   }
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "section",
     {
       className: "tool-input-card",
       "aria-labelledby": `tool-input-${surface.id}`,
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__heading", children: [
-          /* @__PURE__ */ jsx9("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
-          surface.description ? /* @__PURE__ */ jsx9("p", { children: surface.description }) : null
+        /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__heading", children: [
+          /* @__PURE__ */ jsx10("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
+          surface.description ? /* @__PURE__ */ jsx10("p", { children: surface.description }) : null
         ] }),
-        /* @__PURE__ */ jsxs9("form", { noValidate: true, onSubmit: submit, children: [
-          /* @__PURE__ */ jsx9("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs10("form", { noValidate: true, onSubmit: submit, children: [
+          /* @__PURE__ */ jsx10("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ jsx10(
             ToolField,
             {
               disabled,
@@ -5494,8 +5744,8 @@ function ToolInputCard({
             },
             field.path
           )) }),
-          /* @__PURE__ */ jsxs9("div", { className: "tool-input-card__actions", children: [
-            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsxs10("div", { className: "tool-input-card__actions", children: [
+            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
@@ -5508,7 +5758,7 @@ function ToolInputCard({
                 children: surface.actions.find((action) => action.id === "reset")?.label ?? "Clear"
               }
             ) : null,
-            /* @__PURE__ */ jsx9("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
+            /* @__PURE__ */ jsx10("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
           ] })
         ] })
       ]
@@ -5517,17 +5767,17 @@ function ToolInputCard({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function HumanInputCard({
   disabled = false,
   request,
   onRespond
 }) {
-  const [text, setText] = useState8("");
+  const [text2, setText] = useState8("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       ToolInputCard,
       {
         disabled,
@@ -5537,7 +5787,7 @@ function HumanInputCard({
     );
   }
   if (options.length > 0) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       ConfirmationCard,
       {
         disabled,
@@ -5548,62 +5798,62 @@ function HumanInputCard({
   }
   function submitText(event) {
     event.preventDefault();
-    const value = text.trim();
+    const value = text2.trim();
     if (!value || disabled) return;
     onRespond?.({ requestId: request.requestId, text: value });
   }
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "section",
     {
       className: "human-input-card",
       "aria-labelledby": `human-input-${request.requestId}`,
       children: [
-        /* @__PURE__ */ jsx10("div", { className: "human-input-card__heading", children: /* @__PURE__ */ jsx10("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
-        showText ? /* @__PURE__ */ jsxs10("form", { onSubmit: submitText, children: [
-          /* @__PURE__ */ jsx10("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
-          /* @__PURE__ */ jsxs10("div", { children: [
-            /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11("div", { className: "human-input-card__heading", children: /* @__PURE__ */ jsx11("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ jsxs11("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ jsx11("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx11(
               "input",
               {
                 id: `human-input-text-${request.requestId}`,
-                value: text,
+                value: text2,
                 disabled,
                 onChange: (event) => setText(event.target.value)
               }
             ),
-            /* @__PURE__ */ jsx10("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
+            /* @__PURE__ */ jsx11("button", { type: "submit", disabled: disabled || !text2.trim(), children: "Send" })
           ] })
         ] }) : null,
-        !showText && options.length === 0 ? /* @__PURE__ */ jsx10("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+        !showText && options.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
       ]
     }
   );
 }
 
 // src/react/components/CollectionResultCard/CollectionResultCard.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function CollectionResultCard({
   result
 }) {
   const empty = result.items.length === 0;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx11("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx11("strong", { children: result.title })
+        /* @__PURE__ */ jsxs12("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx12("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx12("strong", { children: result.title })
         ] }),
-        empty ? /* @__PURE__ */ jsx11("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ jsx11("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ jsxs11("li", { children: [
-          /* @__PURE__ */ jsx11("div", { className: "collection-result-card__item-title", children: item.title }),
-          item.description ? /* @__PURE__ */ jsx11("p", { children: item.description }) : null,
-          item.details?.length ? /* @__PURE__ */ jsx11("dl", { children: item.details.map((detail) => /* @__PURE__ */ jsxs11("div", { children: [
-            /* @__PURE__ */ jsx11("dt", { children: detail.label }),
-            /* @__PURE__ */ jsx11("dd", { children: detail.value })
+        empty ? /* @__PURE__ */ jsx12("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ jsx12("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ jsxs12("li", { children: [
+          /* @__PURE__ */ jsx12("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ jsx12("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ jsx12("dl", { children: item.details.map((detail) => /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx12("dt", { children: detail.label }),
+            /* @__PURE__ */ jsx12("dd", { children: detail.value })
           ] }, `${detail.label}:${detail.value}`)) }) : null,
-          item.href ? /* @__PURE__ */ jsx11("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+          item.href ? /* @__PURE__ */ jsx12("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
         ] }, item.title)) })
       ]
     }
@@ -5611,26 +5861,26 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function EntityResultCard({
   result
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       className: `entity-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx12("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx12("strong", { children: result.title })
+        /* @__PURE__ */ jsxs13("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx13("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx13("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ jsx12("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ jsx12("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx12("dt", { children: detail.label }),
-          /* @__PURE__ */ jsx12("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ jsx13("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ jsx13("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("dt", { children: detail.label }),
+          /* @__PURE__ */ jsx13("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ jsx12("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx12(
+        result.links?.length ? /* @__PURE__ */ jsx13("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx13(
           "a",
           {
             href: link.href,
@@ -5646,24 +5896,24 @@ function EntityResultCard({
 }
 
 // src/react/components/SignatureResultCard/SignatureResultCard.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function SignatureResultCard({
   result
 }) {
   const primaryLink = result.links?.[0];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "section",
     {
       className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx13("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx13("strong", { children: result.title })
+        /* @__PURE__ */ jsxs14("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx14("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx14("strong", { children: result.title })
         ] }),
-        result.statusLabel ? /* @__PURE__ */ jsx13("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
-        result.description ? /* @__PURE__ */ jsx13("p", { children: result.description }) : null,
-        primaryLink ? /* @__PURE__ */ jsx13(
+        result.statusLabel ? /* @__PURE__ */ jsx14("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ jsx14("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ jsx14(
           "a",
           {
             className: "signature-result-card__cta",
@@ -5679,26 +5929,26 @@ function SignatureResultCard({
 }
 
 // src/react/components/ToolResultCard/ToolResultCard.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function ToolResultCard({
   result
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "section",
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ jsxs14("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx14("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx14("strong", { children: result.title })
+        /* @__PURE__ */ jsxs15("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ jsx15("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx15("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ jsx14("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ jsx14("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx14("dt", { children: detail.label }),
-          /* @__PURE__ */ jsx14("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ jsx15("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ jsx15("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs15("div", { children: [
+          /* @__PURE__ */ jsx15("dt", { children: detail.label }),
+          /* @__PURE__ */ jsx15("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ jsx14("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx14(
+        result.links?.length ? /* @__PURE__ */ jsx15("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx15(
           "a",
           {
             href: link.href,
@@ -5714,14 +5964,14 @@ function ToolResultCard({
 }
 
 // src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function VisitorToolResultView({
   disabled = false,
   onToolInput,
   result
 }) {
   if (result.kind === "input") {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       ToolInputCard,
       {
         disabled,
@@ -5731,16 +5981,16 @@ function VisitorToolResultView({
     );
   }
   if (result.kind === "entity") {
-    return /* @__PURE__ */ jsx15(EntityResultCard, { result });
+    return /* @__PURE__ */ jsx16(EntityResultCard, { result });
   }
   if (result.kind === "collection") {
-    return /* @__PURE__ */ jsx15(CollectionResultCard, { result });
+    return /* @__PURE__ */ jsx16(CollectionResultCard, { result });
   }
   if (result.kind === "signature") {
-    return /* @__PURE__ */ jsx15(SignatureResultCard, { result });
+    return /* @__PURE__ */ jsx16(SignatureResultCard, { result });
   }
   if (result.kind === "summary") {
-    return /* @__PURE__ */ jsx15(ToolResultCard, { result });
+    return /* @__PURE__ */ jsx16(ToolResultCard, { result });
   }
   return null;
 }
@@ -5749,9 +5999,9 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function MinimizeIcon() {
-  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M3.5 8h9",
@@ -5762,7 +6012,7 @@ function MinimizeIcon() {
   ) });
 }
 function CloseIcon2() {
-  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -5773,7 +6023,7 @@ function CloseIcon2() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M9.5 3.5h3v3M12.25 3.75 8 8M7 4H4.5A1.5 1.5 0 0 0 3 5.5v6A1.5 1.5 0 0 0 4.5 13h6a1.5 1.5 0 0 0 1.5-1.5V9",
@@ -5785,7 +6035,7 @@ function NewChatIcon() {
   ) });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -5797,7 +6047,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -5809,7 +6059,7 @@ function RestoreIcon() {
   ) });
 }
 function ChevronDownIcon() {
-  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
     {
       d: "M4 6.5l4 4 4-4",
@@ -5862,44 +6112,7 @@ function AgentRail({
   const [failedLogoUrl, setFailedLogoUrl] = useState9(null);
   const showBrandLogo = Boolean(resolvedBrandLogoUrl) && failedLogoUrl !== resolvedBrandLogoUrl;
   const resolvedColorScheme = useAgentColorScheme(colorScheme);
-  const brandedTheme = { ...defaultAgentRailTheme, ...theme };
-  const resolvedTheme = resolvedColorScheme === "dark" ? {
-    ...brandedTheme,
-    brand: theme?.brand ?? defaultDarkAgentRailTheme.brand,
-    brandDeep: theme?.brandDeep ?? defaultDarkAgentRailTheme.brandDeep,
-    brandSoft: theme?.brandSoft ?? `color-mix(in srgb, ${theme?.brand ?? defaultDarkAgentRailTheme.brand} 18%, ${defaultDarkAgentRailTheme.surface})`,
-    border: theme?.border ?? defaultDarkAgentRailTheme.border,
-    danger: theme?.danger ?? defaultDarkAgentRailTheme.danger,
-    onBrand: theme?.onBrand ?? defaultDarkAgentRailTheme.onBrand,
-    success: theme?.success ?? defaultDarkAgentRailTheme.success,
-    surface: theme?.surface ?? defaultDarkAgentRailTheme.surface,
-    surfaceMuted: theme?.surfaceMuted ?? defaultDarkAgentRailTheme.surfaceMuted,
-    text: theme?.text ?? defaultDarkAgentRailTheme.text,
-    textMuted: theme?.textMuted ?? defaultDarkAgentRailTheme.textMuted,
-    textSubtle: theme?.textSubtle ?? defaultDarkAgentRailTheme.textSubtle,
-    visitorBubble: theme?.visitorBubble ?? theme?.brand ?? defaultDarkAgentRailTheme.visitorBubble
-  } : brandedTheme;
-  const railStyle = {
-    "--rail-width": resolvedTheme.railMaxWidth,
-    "--as-rail-max-width": resolvedTheme.railMaxWidth,
-    "--as-brand": resolvedTheme.brand,
-    "--as-brand-soft": resolvedTheme.brandSoft,
-    "--as-brand-deep": resolvedTheme.brandDeep,
-    "--as-surface": resolvedTheme.surface,
-    "--as-surface-muted": resolvedTheme.surfaceMuted,
-    "--as-text": resolvedTheme.text,
-    "--as-text-muted": resolvedTheme.textMuted,
-    "--as-text-subtle": resolvedTheme.textSubtle,
-    "--as-border": resolvedTheme.border,
-    "--as-visitor-bubble": resolvedTheme.visitorBubble,
-    "--as-visitor-text": resolvedTheme.visitorText,
-    "--as-on-brand": resolvedTheme.onBrand,
-    "--as-success": resolvedTheme.success,
-    "--as-danger": resolvedTheme.danger,
-    "--as-font-body": resolvedTheme.fontBody,
-    "--as-font-display": resolvedTheme.fontDisplay,
-    colorScheme: resolvedColorScheme
-  };
+  const railStyle = agentThemeStyle(theme, resolvedColorScheme);
   const pendingInputRequests = (state.pendingInputs ?? []).filter(
     (request) => shouldRenderVisitorInputCard(request) && (!state.pendingOffer || request.kind === "tool-approval")
   );
@@ -5946,7 +6159,10 @@ function AgentRail({
     id: "streaming-response",
     role: "agent",
     streaming: true,
-    text: state.streamingText
+    text: state.streamingText,
+    searchResults: (state.toolResults ?? []).filter(
+      (result) => result.kind === "search"
+    )
   } : state.pendingOffer && !lastIsAgent ? {
     createdAt: 0,
     id: "pending-booking",
@@ -6068,7 +6284,7 @@ function AgentRail({
     window.setTimeout(settle, 900);
     node.scrollTo({ top: node.scrollHeight, behavior: "smooth" });
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "aside",
     {
       ref: railRef,
@@ -6082,34 +6298,34 @@ function AgentRail({
       autoFocus: mobileFullscreen || expanded,
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
-      children: /* @__PURE__ */ jsxs15(
+      children: /* @__PURE__ */ jsxs16(
         AgentRailOverlayContext.Provider,
         {
           value: { railRef, overlayRef },
           children: [
-            /* @__PURE__ */ jsxs15("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
-              /* @__PURE__ */ jsx16("header", { className: "agent-rail__header", children: /* @__PURE__ */ jsxs15("div", { className: "agent-rail__brand-row", children: [
-                onCollapse ? /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsxs16("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
+              /* @__PURE__ */ jsx17("header", { className: "agent-rail__header", children: /* @__PURE__ */ jsxs16("div", { className: "agent-rail__brand-row", children: [
+                onCollapse ? /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
                     className: "agent-rail__collapse",
                     "aria-label": "Collapse assist",
                     onClick: onCollapse,
-                    children: /* @__PURE__ */ jsx16(MinimizeIcon, {})
+                    children: /* @__PURE__ */ jsx17(MinimizeIcon, {})
                   }
-                ) : onClose ? /* @__PURE__ */ jsx16(
+                ) : onClose ? /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
                     className: "agent-rail__close",
                     "aria-label": "Close agent",
                     onClick: onClose,
-                    children: /* @__PURE__ */ jsx16(CloseIcon2, {})
+                    children: /* @__PURE__ */ jsx17(CloseIcon2, {})
                   }
-                ) : /* @__PURE__ */ jsx16("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-                resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ jsxs15("span", { className: "agent-rail__identity", children: [
-                  showBrandLogo ? /* @__PURE__ */ jsx16("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+                ) : /* @__PURE__ */ jsx17("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+                resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ jsxs16("span", { className: "agent-rail__identity", children: [
+                  showBrandLogo ? /* @__PURE__ */ jsx17("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
                     "img",
                     {
                       className: "agent-rail__brand-logo",
@@ -6120,10 +6336,10 @@ function AgentRail({
                       }
                     }
                   ) }) : null,
-                  resolvedBrandLabel ? /* @__PURE__ */ jsx16("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+                  resolvedBrandLabel ? /* @__PURE__ */ jsx17("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
                 ] }) : null,
-                /* @__PURE__ */ jsxs15("span", { className: "agent-rail__actions", children: [
-                  onReset ? /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsxs16("span", { className: "agent-rail__actions", children: [
+                  onReset ? /* @__PURE__ */ jsx17(
                     "button",
                     {
                       type: "button",
@@ -6131,24 +6347,24 @@ function AgentRail({
                       "aria-label": "Start a new conversation",
                       disabled: !hasVisitorMessages2,
                       onClick: handleReset,
-                      children: /* @__PURE__ */ jsx16(NewChatIcon, {})
+                      children: /* @__PURE__ */ jsx17(NewChatIcon, {})
                     }
                   ) : null,
-                  onExpandToggle ? /* @__PURE__ */ jsx16(
+                  onExpandToggle ? /* @__PURE__ */ jsx17(
                     "button",
                     {
                       type: "button",
                       className: "agent-rail__expand",
                       "aria-label": expanded ? "Exit full screen" : "Open full screen",
                       onClick: onExpandToggle,
-                      children: expanded ? /* @__PURE__ */ jsx16(RestoreIcon, {}) : /* @__PURE__ */ jsx16(ExpandIcon, {})
+                      children: expanded ? /* @__PURE__ */ jsx17(RestoreIcon, {}) : /* @__PURE__ */ jsx17(ExpandIcon, {})
                     }
                   ) : null
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsx16("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs15("div", { className: "agent-rail__thread", children: [
-                !hasVisitorMessages2 ? /* @__PURE__ */ jsxs15("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-                  greeting?.role === "agent" ? /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs16("div", { className: "agent-rail__thread", children: [
+                !hasVisitorMessages2 ? /* @__PURE__ */ jsxs16("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+                  greeting?.role === "agent" ? /* @__PURE__ */ jsx17(
                     MessageBubble,
                     {
                       message: greeting,
@@ -6157,7 +6373,7 @@ function AgentRail({
                       onBook
                     }
                   ) : null,
-                  showIdleFollowUps ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ jsx16(
+                  showIdleFollowUps ? /* @__PURE__ */ jsx17("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ jsx17(
                     FollowUpChips,
                     {
                       suggestions: state.followUps,
@@ -6166,7 +6382,7 @@ function AgentRail({
                       onSelect: (suggestion) => handleFollowUpSelect(suggestion.label)
                     }
                   ) }) : null,
-                  showActivity ? /* @__PURE__ */ jsx16(
+                  showActivity ? /* @__PURE__ */ jsx17(
                     AgentActivityBubble,
                     {
                       brandLabel: resolvedBrandLabel,
@@ -6175,7 +6391,7 @@ function AgentRail({
                       steps: state.toolSteps
                     }
                   ) : null,
-                  visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx16(
+                  visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx17(
                     VisitorToolResultView,
                     {
                       result,
@@ -6184,7 +6400,7 @@ function AgentRail({
                     },
                     result.id
                   )),
-                  pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx16(
+                  pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx17(
                     HumanInputCard,
                     {
                       request,
@@ -6193,8 +6409,8 @@ function AgentRail({
                     request.requestId
                   ))
                 ] }) : null,
-                visibleMessages.map((message, index) => /* @__PURE__ */ jsxs15("div", { className: "agent-rail__turn-block", children: [
-                  /* @__PURE__ */ jsx16(
+                visibleMessages.map((message, index) => /* @__PURE__ */ jsxs16("div", { className: "agent-rail__turn-block", children: [
+                  /* @__PURE__ */ jsx17(
                     MessageBubble,
                     {
                       message,
@@ -6204,7 +6420,7 @@ function AgentRail({
                       onBook
                     }
                   ),
-                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ jsx16(
+                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ jsx17(
                     MessageActions,
                     {
                       answeredAt: message.createdAt,
@@ -6216,8 +6432,8 @@ function AgentRail({
                       onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
                     }
                   ) : null,
-                  index === lastVisitorIndex ? /* @__PURE__ */ jsxs15(Fragment2, { children: [
-                    showActivity ? /* @__PURE__ */ jsx16(
+                  index === lastVisitorIndex ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
+                    showActivity ? /* @__PURE__ */ jsx17(
                       AgentActivityBubble,
                       {
                         brandLabel: resolvedBrandLabel,
@@ -6226,7 +6442,7 @@ function AgentRail({
                         steps: state.toolSteps
                       }
                     ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx16(
+                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx17(
                       VisitorToolResultView,
                       {
                         result,
@@ -6235,7 +6451,7 @@ function AgentRail({
                       },
                       result.id
                     )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx16(
+                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx17(
                       HumanInputCard,
                       {
                         request,
@@ -6245,7 +6461,7 @@ function AgentRail({
                     ))
                   ] }) : null
                 ] }, message.id)),
-                streamingMessage ? /* @__PURE__ */ jsx16(
+                streamingMessage ? /* @__PURE__ */ jsx17(
                   MessageBubble,
                   {
                     message: streamingMessage,
@@ -6255,16 +6471,16 @@ function AgentRail({
                     onBook
                   }
                 ) : null,
-                waitingForBooking ? /* @__PURE__ */ jsx16(BookingCardLoader, {}) : null,
-                state.error ? /* @__PURE__ */ jsxs15("section", { className: "agent-rail__error", role: "alert", children: [
-                  /* @__PURE__ */ jsxs15("div", { children: [
-                    /* @__PURE__ */ jsx16("strong", { children: "Something went wrong" }),
-                    /* @__PURE__ */ jsx16("p", { children: state.error })
+                waitingForBooking ? /* @__PURE__ */ jsx17(BookingCardLoader, {}) : null,
+                state.error ? /* @__PURE__ */ jsxs16("section", { className: "agent-rail__error", role: "alert", children: [
+                  /* @__PURE__ */ jsxs16("div", { children: [
+                    /* @__PURE__ */ jsx17("strong", { children: "Something went wrong" }),
+                    /* @__PURE__ */ jsx17("p", { children: state.error })
                   ] }),
-                  onRetry ? /* @__PURE__ */ jsx16("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+                  onRetry ? /* @__PURE__ */ jsx17("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
                 ] }) : null
               ] }) }),
-              showDisclaimerLabel ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx16("p", { children: disclaimerLink ? /* @__PURE__ */ jsx16(
+              showDisclaimerLabel ? /* @__PURE__ */ jsx17("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx17("p", { children: disclaimerLink ? /* @__PURE__ */ jsx17(
                 "a",
                 {
                   href: disclaimerLink,
@@ -6273,8 +6489,8 @@ function AgentRail({
                   children: resolvedDisclaimerLabel
                 }
               ) : resolvedDisclaimerLabel }) }) : null,
-              /* @__PURE__ */ jsxs15("div", { className: "agent-rail__composer-wrap", children: [
-                showJumpToLatest ? /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsxs16("div", { className: "agent-rail__composer-wrap", children: [
+                showJumpToLatest ? /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
@@ -6282,10 +6498,10 @@ function AgentRail({
                     "aria-label": "Jump to the latest message",
                     title: "Jump to the latest message",
                     onClick: scrollToLatest,
-                    children: /* @__PURE__ */ jsx16(ChevronDownIcon, {})
+                    children: /* @__PURE__ */ jsx17(ChevronDownIcon, {})
                   }
                 ) : null,
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   Composer,
                   {
                     variant: expanded || mobileFullscreen ? "dock" : "default",
@@ -6297,11 +6513,11 @@ function AgentRail({
                   },
                   state.messages.find((message) => message.role === "visitor")?.id ?? "empty"
                 ),
-                poweredByLabel ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx16("p", { children: /* @__PURE__ */ jsx16("span", { children: poweredByLabel }) }) }) : null
+                poweredByLabel ? /* @__PURE__ */ jsx17("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx17("p", { children: /* @__PURE__ */ jsx17("span", { children: poweredByLabel }) }) }) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsx16("div", { ref: overlayRef, className: "agent-rail__overlay" }),
-            receiptOpen && receiptSteps ? /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17("div", { ref: overlayRef, className: "agent-rail__overlay" }),
+            receiptOpen && receiptSteps ? /* @__PURE__ */ jsx17(
               AnswerReceiptDialog,
               {
                 brandLabel: resolvedBrandLabel,
@@ -6317,9 +6533,9 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function SparklesIcon() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "svg",
     {
       className: "assist-edge-tab__sparkles",
@@ -6327,21 +6543,21 @@ function SparklesIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "path",
           {
             d: "M8 1.2l.95 2.7 2.85.05-2.25 1.75.8 2.75L8 6.7 5.65 8.45l.8-2.75L4.2 3.95l2.85-.05L8 1.2z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "path",
           {
             d: "M14.2 6.4l.55 1.55 1.65.03-1.3 1 .46 1.58-1.36-1-1.36 1 .46-1.58-1.3-1 1.65-.03.55-1.55z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "path",
           {
             d: "M3.1 9.1l.4 1.15 1.22.02-.96.74.34 1.17-1-.74-1 .74.34-1.17-.96-.74 1.22-.02.4-1.15z",
@@ -6355,7 +6571,7 @@ function SparklesIcon() {
 function TabMarkIcon({ customIconUrl }) {
   const url = customIconUrl?.trim();
   if (url) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "img",
       {
         alt: "",
@@ -6365,10 +6581,10 @@ function TabMarkIcon({ customIconUrl }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(SparklesIcon, {});
+  return /* @__PURE__ */ jsx18(SparklesIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -6380,7 +6596,7 @@ function ChevronLeftIcon() {
   ) });
 }
 function ChevronDownIcon2() {
-  return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -6392,7 +6608,7 @@ function ChevronDownIcon2() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ jsx17("i", {}, index)) });
+  return /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ jsx18("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -6438,7 +6654,7 @@ function AssistEdgeTab({
     ...resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: resolvedColorScheme
   };
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "button",
     {
       type: "button",
@@ -6450,15 +6666,15 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        mobile ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-          /* @__PURE__ */ jsxs16(
+        mobile ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+          /* @__PURE__ */ jsxs17(
             "span",
             {
               className: "assist-edge-tab__mark assist-edge-tab__mark--mobile",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ jsx17(TabMarkIcon, { customIconUrl }),
-                showLogo ? /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(TabMarkIcon, { customIconUrl }),
+                showLogo ? /* @__PURE__ */ jsx18(
                   "img",
                   {
                     className: "assist-edge-tab__logo",
@@ -6472,11 +6688,11 @@ function AssistEdgeTab({
               ]
             }
           ),
-          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel })
-        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-          /* @__PURE__ */ jsxs16("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx17(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel })
+        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+          /* @__PURE__ */ jsxs17("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx18(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ jsx18(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -6488,18 +6704,18 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx17(ChevronDownIcon2, {})
+          /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx18(ChevronDownIcon2, {})
         ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-          /* @__PURE__ */ jsx17(ChevronLeftIcon, {}),
-          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx17(DragDots, {})
+        variant === "ask" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+          /* @__PURE__ */ jsx18(ChevronLeftIcon, {}),
+          /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx18(DragDots, {})
         ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-          /* @__PURE__ */ jsxs16("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx17(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ jsx17(
+        variant === "fill" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+          /* @__PURE__ */ jsxs17("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx18(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ jsx18(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -6511,8 +6727,8 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsx17("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ jsx17(ChevronLeftIcon, {})
+          /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ jsx18(ChevronLeftIcon, {})
         ] }) : null
       ]
     }
@@ -6534,8 +6750,8 @@ function findPrecedingVisitorText(messages, agentMessageId) {
   }
   return void 0;
 }
-function normalizeAgentFeedbackAnswerText(text) {
-  const normalized = text.replace(/\s+/g, " ").trim();
+function normalizeAgentFeedbackAnswerText(text2) {
+  const normalized = text2.replace(/\s+/g, " ").trim();
   if (!normalized) return void 0;
   return normalized.length > 4e3 ? `${normalized.slice(0, 3997)}...` : normalized;
 }
@@ -6675,7 +6891,7 @@ function useIsMobile(breakpoint = 767) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function AgentWidget({
   indexId,
   customerId,
@@ -6818,19 +7034,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ jsxs17("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs18("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ jsx19(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ jsx18(
+        children: /* @__PURE__ */ jsx19(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ jsx18(
+            children: /* @__PURE__ */ jsx19(
               AgentRail,
               {
                 theme,
@@ -6867,7 +7083,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ jsx18(
+    railCollapsed ? /* @__PURE__ */ jsx19(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -6912,6 +7128,9 @@ export {
   submitAgentPanel,
   defaultAgentRailTheme,
   defaultDarkAgentRailTheme,
+  agentThemeStyle,
+  useAgentColorScheme,
+  MessageBubble,
   MessageActions,
   AgentRail,
   AssistEdgeTab,
@@ -6921,4 +7140,4 @@ export {
   sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-GS65OJFL.js.map
+//# sourceMappingURL=chunk-JZPXXG76.js.map