@webless/agent 0.7.4 → 0.8.0

package/dist/react.cjs

@@ -24,6 +24,7 @@ __export(react_exports, {
   AGENT_STRUCTURED_TOOL_INPUT_HEADER: () => AGENT_STRUCTURED_TOOL_INPUT_HEADER,
   AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION: () => AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION,
   AgentRail: () => AgentRail,
+  AgentTranscript: () => AgentTranscript,
   AgentWidget: () => AgentWidget,
   AssistEdgeTab: () => AssistEdgeTab,
   DEFAULT_AGENT_PLACEMENT: () => DEFAULT_AGENT_PLACEMENT,
@@ -1357,10 +1358,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(
@@ -1588,19 +1589,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;
   }
@@ -1631,52 +1632,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;
   }
@@ -1691,8 +1692,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 {
@@ -1700,7 +1701,7 @@ function resolveComposerForm(input) {
       fields: card.fields.slice(0, MAX_FORM_FIELDS)
     };
   }
-  return inferComposerForm(text);
+  return inferComposerForm(text2);
 }
 
 // src/react/lib/tool-card.ts
@@ -1714,9 +1715,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) {
@@ -1740,19 +1741,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 [];
@@ -1769,7 +1770,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 [];
@@ -1785,11 +1786,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,
@@ -1799,12 +1800,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 };
   }
@@ -1822,33 +1823,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;
   }
@@ -1861,9 +1862,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);
@@ -1872,8 +1873,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 "";
@@ -1982,6 +1983,72 @@ function visitorBookingPrefix(booking) {
   ].join("\n");
 }
 
+// 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/react/persisted-conversation.ts
 var CONVERSATION_VERSION = 3;
 function conversationKey(storageKeyPrefix, visitorSessionId) {
@@ -1989,82 +2056,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
@@ -2075,40 +2147,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 [];
@@ -2122,26 +2204,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) {
@@ -2156,29 +2238,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
         )
@@ -2219,13 +2301,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;
@@ -2313,10 +2395,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 "";
@@ -2536,6 +2618,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") {
@@ -2600,8 +2698,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;
@@ -2657,15 +2755,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);
@@ -2679,13 +2777,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);
@@ -3064,7 +3163,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,
@@ -3472,6 +3578,48 @@ var defaultDarkAgentRailTheme = {
   danger: "#ff8da1"
 };
 
+// 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
 var import_react4 = require("react");
 var DARK_MODE_QUERY = "(prefers-color-scheme: dark)";
@@ -4082,9 +4230,111 @@ function FollowUpChips({
 // src/react/components/MessageBubble/MessageBubble.tsx
 var import_react10 = require("react");
 
+// src/react/components/SearchReferences/SearchReferences.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function SiteIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "search-references", children: [
+    sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { "aria-label": "Sources", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h3", { className: "search-references__heading", children: [
+        "Sources",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { title: "Pages used by Search & Discovery", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: "14",
+            height: "14",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.75",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 11v6M12 7v1" })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "search-references__list", children: sources.map((source) => {
+        const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "search-references__icon", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SiteIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "search-references__copy", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "span",
+              {
+                className: "search-references__title",
+                title: source.title,
+                children: source.title
+              }
+            ),
+            source.url ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "search-references__domain", children: new URL(source.url).hostname.replace(/^www\./u, "") }) : null
+          ] })
+        ] });
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: source.url ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "a",
+          {
+            className: "search-references__source",
+            href: source.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: content
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "search-references__source", children: content }) }, source.key);
+      }) })
+    ] }) : null,
+    actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "search-references__actions", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "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
 var import_react9 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
   { id: "time", label: "Time" },
@@ -4115,7 +4365,7 @@ function calendarCells(year, month) {
   return cells;
 }
 function BookingCardLoader() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard({
   disabled = false,
@@ -4214,14 +4464,14 @@ function BookingCard({
       })
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "section",
     {
       className: "booking-card",
       "aria-busy": disabled || void 0,
       "aria-label": "Book a meeting",
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "li",
           {
             className: [
@@ -4231,40 +4481,40 @@ function BookingCard({
             ].filter(Boolean).join(" "),
             "aria-current": index === stepIndex ? "step" : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: item.label })
             ]
           },
           item.id
         )) }),
-        step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-          timeZone ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "booking-card__tz", children: [
+        step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "booking-card__tz", children: [
             "Times in ",
             timeZone
           ] }) : null,
-          offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
             "label",
             {
               className: "booking-card__field",
               htmlFor: `${fieldId}-type`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Meeting" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Meeting" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                   "select",
                   {
                     id: `${fieldId}-type`,
                     value: eventTypeUri,
                     disabled,
                     onChange: (event) => selectEventType(event.target.value),
-                    children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: item.uri, children: item.name }, item.uri))
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: item.uri, children: item.name }, item.uri))
                   }
                 )
               ]
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__month", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
                 type: "button",
@@ -4275,8 +4525,8 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
                 type: "button",
@@ -4288,9 +4538,9 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: label }, label)) }),
-          offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "div",
             {
               className: "booking-card__calendar",
@@ -4298,7 +4548,7 @@ function BookingCard({
               "aria-label": "Available dates",
               children: cells.map((cell, index) => {
                 if (!cell) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "span",
                     {
                       className: "booking-card__day"
@@ -4308,7 +4558,7 @@ function BookingCard({
                 }
                 const available = availableByDate.has(cell.key);
                 const selected = cell.key === selectedDate;
-                return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                   "button",
                   {
                     type: "button",
@@ -4328,9 +4578,9 @@ function BookingCard({
             }
           )
         ] }, "date") : null,
-        step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
                 type: "button",
@@ -4341,15 +4591,15 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-              timeZone ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "booking-card__tz", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "booking-card__tz", children: [
                 "Times in ",
                 timeZone
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -4361,9 +4611,9 @@ function BookingCard({
             slot.startTime
           )) })
         ] }, "time") : null,
-        step === "details" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__step-bar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        step === "details" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
                 type: "button",
@@ -4374,21 +4624,21 @@ function BookingCard({
                 children: "\u2039"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__title", children: "Enter details" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-              selectedType?.location ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__tz", children: selectedType.location }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "booking-card__identity", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-name`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "input",
                     {
                       id: `${fieldId}-name`,
@@ -4402,14 +4652,14 @@ function BookingCard({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "label",
               {
                 className: "booking-card__field",
                 htmlFor: `${fieldId}-email`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Email" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Email" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "input",
                     {
                       id: `${fieldId}-email`,
@@ -4425,7 +4675,7 @@ function BookingCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "submit",
@@ -4443,9 +4693,9 @@ function BookingCard({
 // src/react/components/MessageBubble/MessageBubble.tsx
 var import_streamdown = require("streamdown");
 var import_styles = require("streamdown/styles.css");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function normalizeDedupeText(text) {
-  return text.trim().replace(/\s+/g, " ").toLowerCase();
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function normalizeDedupeText(text2) {
+  return text2.trim().replace(/\s+/g, " ").toLowerCase();
 }
 function paragraphsAreNearDuplicates(first, second) {
   const left = normalizeDedupeText(first);
@@ -4461,8 +4711,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]))) {
@@ -4500,11 +4750,11 @@ function MessageBubble({
     offers.length > 0 ? sanitizeBookingOfferCopy(visibleText) : looksLikeBookingAvailabilityDump(visibleText) ? sanitizeBookingOfferCopy(visibleText) : visibleText || (isStreaming ? "" : message.text)
   );
   if (message.role === "visitor") {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "message-bubble__text", children: message.text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "message-bubble__text", children: message.text }) });
   }
   const citations = message.citations ?? [];
-  const agentText = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "message-bubble__text", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const agentText = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_streamdown.Streamdown,
       {
         animated: isStreaming,
@@ -4518,8 +4768,9 @@ function MessageBubble({
         children: displayText
       }
     ),
-    citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SearchReferences, { results: message.searchResults ?? [] }),
+    citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "span",
         {
           className: "message-bubble__source-icon",
@@ -4527,12 +4778,12 @@ function MessageBubble({
           children: "\u25A6"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: citation.label })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("article", { className: "message-bubble message-bubble--agent", children: [
-    displayText ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "message-bubble__agent-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: "message-bubble message-bubble--agent", children: [
+    displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "message-bubble__agent-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "img",
         {
           src: resolvedLogoUrl,
@@ -4544,7 +4795,7 @@ function MessageBubble({
       ) }),
       agentText
     ] }) : agentText : null,
-    offers.map((nextOffer, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    offers.map((nextOffer, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       BookingCard,
       {
         disabled: bookingDisabled,
@@ -4561,8 +4812,8 @@ var import_react11 = require("react");
 var import_react_dom2 = require("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");
@@ -4705,10 +4956,10 @@ function subscribeSpeechInterrupts(onInterrupt) {
 }
 
 // src/react/components/MessageActions/MessageActions.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function CopyIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "rect",
       {
         x: "5.75",
@@ -4720,7 +4971,7 @@ function CopyIcon() {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M10.25 5.25V4.5a1.75 1.75 0 0 0-1.75-1.75h-4A1.75 1.75 0 0 0 2.75 4.5v4c0 .97.78 1.75 1.75 1.75h.75",
@@ -4731,7 +4982,7 @@ function CopyIcon() {
   ] });
 }
 function CheckIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "path",
     {
       d: "M3.5 8.5l3 3 6-7",
@@ -4743,8 +4994,8 @@ function CheckIcon() {
   ) });
 }
 function ThumbUpIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M4.67 6.67v8",
@@ -4753,7 +5004,7 @@ function ThumbUpIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M10 3.92 9.33 6.67h3.89a1.33 1.33 0 0 1 1.28 1.7l-1.55 5.33a1.33 1.33 0 0 1-1.28.97H2.67a1.33 1.33 0 0 1-1.34-1.34V8a1.33 1.33 0 0 1 1.34-1.33h1.84a1.33 1.33 0 0 0 1.19-.74L8 1.33a2.09 2.09 0 0 1 2 2.59Z",
@@ -4766,8 +5017,8 @@ function ThumbUpIcon() {
   ] });
 }
 function ThumbDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { transform: "rotate(180 8 8)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { transform: "rotate(180 8 8)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M4.67 6.67v8",
@@ -4776,7 +5027,7 @@ function ThumbDownIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M10 3.92 9.33 6.67h3.89a1.33 1.33 0 0 1 1.28 1.7l-1.55 5.33a1.33 1.33 0 0 1-1.28.97H2.67a1.33 1.33 0 0 1-1.34-1.34V8a1.33 1.33 0 0 1 1.34-1.33h1.84a1.33 1.33 0 0 0 1.19-.74L8 1.33a2.09 2.09 0 0 1 2 2.59Z",
@@ -4789,8 +5040,8 @@ function ThumbDownIcon() {
   ] }) });
 }
 function RegenerateIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M2 8a6 6 0 0 1 6-6 6.5 6.5 0 0 1 4.5 1.83L14 5.33",
@@ -4799,7 +5050,7 @@ function RegenerateIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M14 2v3.33h-3.33",
@@ -4809,7 +5060,7 @@ function RegenerateIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M14 8a6 6 0 0 1-6 6 6.5 6.5 0 0 1-4.5-1.83L2 10.67",
@@ -4818,7 +5069,7 @@ function RegenerateIcon() {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M5.33 10.67H2V14",
@@ -4831,15 +5082,15 @@ function RegenerateIcon() {
   ] });
 }
 function MoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "3.5", cy: "8", r: "1.15", fill: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "8", cy: "8", r: "1.15", fill: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12.5", cy: "8", r: "1.15", fill: "currentColor" })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "3.5", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "8", cy: "8", r: "1.15", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12.5", cy: "8", r: "1.15", fill: "currentColor" })
   ] });
 }
 function SourcesIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M8 4.5C6.9 3.4 5.3 3 3.5 3c-.4 0-.8 0-1.2.1-.3 0-.5.3-.5.6v8.1c0 .4.4.7.8.6.3-.1.7-.1 1.1-.1 1.6 0 3.2.4 4.3 1.3 1.1-.9 2.7-1.3 4.3-1.3.4 0 .8 0 1.1.1.4.1.8-.2.8-.6V3.7c0-.3-.2-.6-.5-.6-.4-.1-.8-.1-1.2-.1-1.8 0-3.4.4-4.5 1.5Z",
@@ -4849,7 +5100,7 @@ function SourcesIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M8 4.5v9",
@@ -4861,8 +5112,8 @@ function SourcesIcon() {
   ] });
 }
 function ReadAloudIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M8.5 3.8 5.8 6H3.5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h2.3l2.7 2.2c.4.3 1 0 1-.5V4.3c0-.5-.6-.8-1-.5Z",
@@ -4872,7 +5123,7 @@ function ReadAloudIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         d: "M11 6.2c.5.5.8 1.1.8 1.8s-.3 1.3-.8 1.8M12.8 4.5c.9.8 1.4 2 1.4 3.5s-.5 2.7-1.4 3.5",
@@ -4884,7 +5135,7 @@ function ReadAloudIcon() {
   ] });
 }
 function StopIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "rect",
     {
       x: "4",
@@ -4897,12 +5148,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);
@@ -5048,7 +5299,7 @@ function MessageActions({
     window.speechSynthesis.speak(utterance);
     setSpeaking(true);
   }
-  const menu = menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  const menu = menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
       className: "agent-message-actions__menu agent-message-actions__menu--portal",
@@ -5059,11 +5310,11 @@ function MessageActions({
         top: `${menuPosition.top}px`
       } : { visibility: "hidden" },
       children: [
-        answeredLabel ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "agent-message-actions__menu-meta", children: [
+        answeredLabel ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "agent-message-actions__menu-meta", children: [
           "Answered ",
           answeredLabel
         ] }) : null,
-        canOpenReceipt ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        canOpenReceipt ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           "button",
           {
             type: "button",
@@ -5074,12 +5325,12 @@ function MessageActions({
               onOpenReceipt?.();
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SourcesIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SourcesIcon, {}),
               "View sources"
             ]
           }
         ) : null,
-        canReadAloud ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        canReadAloud ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           "button",
           {
             type: "button",
@@ -5087,7 +5338,7 @@ function MessageActions({
             role: "menuitem",
             onClick: handleReadAloud,
             children: [
-              speaking ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StopIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ReadAloudIcon, {}),
+              speaking ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StopIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ReadAloudIcon, {}),
               speaking ? "Stop reading" : "Read aloud"
             ]
           }
@@ -5095,8 +5346,8 @@ function MessageActions({
       ]
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agent-message-actions", "aria-label": "Answer actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "agent-message-actions", "aria-label": "Answer actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
@@ -5105,10 +5356,10 @@ function MessageActions({
         title: copied ? "Copied" : "Copy answer",
         disabled,
         onClick: handleCopy,
-        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopyIcon, {})
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopyIcon, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
@@ -5118,10 +5369,10 @@ function MessageActions({
         title: "Good answer",
         disabled,
         onClick: () => handleFeedback("positive"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThumbUpIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ThumbUpIcon, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
@@ -5131,10 +5382,10 @@ function MessageActions({
         title: "Bad answer",
         disabled,
         onClick: () => handleFeedback("negative"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThumbDownIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ThumbDownIcon, {})
       }
     ),
-    onRegenerate ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    onRegenerate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
@@ -5143,11 +5394,11 @@ function MessageActions({
         title: "Regenerate answer",
         disabled,
         onClick: onRegenerate,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RegenerateIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RegenerateIcon, {})
       }
     ) : null,
-    showMenu ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agent-message-actions__more", ref: menuRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    showMenu ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "agent-message-actions__more", ref: menuRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "button",
         {
           ref: moreButtonRef,
@@ -5159,7 +5410,7 @@ function MessageActions({
           title: "More actions",
           disabled,
           onClick: () => setMenuOpen((open) => !open),
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoreIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MoreIcon, {})
         }
       ),
       menuPortalRoot?.current && menu ? (0, import_react_dom2.createPortal)(menu, menuPortalRoot.current) : menu
@@ -5171,7 +5422,7 @@ function MessageActions({
 var import_react13 = require("react");
 
 // src/react/components/ConfirmationCard/ConfirmationCard.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function ConfirmationCard({
   disabled = false,
   request,
@@ -5180,17 +5431,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__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "section",
     {
       className: "confirmation-card",
       "aria-labelledby": `confirmation-${request.requestId}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "confirmation-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
-          prompt ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: prompt }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: prompt }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
             type: "button",
@@ -5211,7 +5462,7 @@ function ConfirmationCard({
 
 // src/react/components/ToolInputCard/ToolInputCard.tsx
 var import_react12 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function isRecord5(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
@@ -5335,7 +5586,7 @@ function FieldDescription({
   field,
   id
 }) {
-  return field.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id, className: "tool-input-card__description", children: field.description }) : null;
+  return field.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id, className: "tool-input-card__description", children: field.description }) : null;
 }
 function ChoiceField({
   field,
@@ -5354,7 +5605,7 @@ function ChoiceField({
     const selectedIndex = options.findIndex(
       (option) => valuesMatch(option.value, value)
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "select",
       {
         id,
@@ -5369,13 +5620,13 @@ function ChoiceField({
           if (option) onChange(option.value);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", disabled: field.required, children: "Choose an option" }),
-          options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: index, children: option.label }, optionKey(option)))
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "", disabled: field.required, children: "Choose an option" }),
+          options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: index, children: option.label }, optionKey(option)))
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       className: "tool-input-card__choices",
@@ -5386,8 +5637,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__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "tool-input-card__choice", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "tool-input-card__choice", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "input",
             {
               type: multiple ? "checkbox" : "radio",
@@ -5409,7 +5660,7 @@ function ChoiceField({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: option.label })
         ] }, optionKey(option));
       })
     }
@@ -5429,9 +5680,9 @@ function ToolField({
     error ? `${id}-error` : ""
   ].filter(Boolean).join(" ");
   if (field.kind === "checkbox" || field.kind === "confirmation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "tool-input-card__check", htmlFor: id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "tool-input-card__check", htmlFor: id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "input",
           {
             id,
@@ -5444,17 +5695,17 @@ function ToolField({
             onChange: (event) => onChange(event.target.checked)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: field.label }),
-          field.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: `${id}-description`, children: field.description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: field.label }),
+          field.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: `${id}-description`, children: field.description }) : null
         ] })
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
     ] });
   }
-  const label = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { id: `${id}-label`, htmlFor: id, children: [
+  const label = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { id: `${id}-label`, htmlFor: id, children: [
     field.label,
-    field.required ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
+    field.required ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
   const common = {
     id,
@@ -5466,7 +5717,7 @@ function ToolField({
   };
   let control;
   if (field.kind === "select" || field.kind === "radio" || field.kind === "multi-select") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       ChoiceField,
       {
         field,
@@ -5480,7 +5731,7 @@ function ToolField({
       }
     );
   } else if (field.kind === "textarea" || field.kind === "json") {
-    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "textarea",
       {
         ...common,
@@ -5494,8 +5745,8 @@ function ToolField({
     );
   } else if (field.kind === "range") {
     const numericValue = typeof value === "number" ? value : field.min ?? 0;
-    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__range", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__range", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "input",
         {
           ...common,
@@ -5507,11 +5758,11 @@ function ToolField({
           onChange: (event) => onChange(Number(event.target.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("output", { htmlFor: id, children: numericValue })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("output", { htmlFor: id, children: numericValue })
     ] });
   } else {
     const type = field.kind === "date-time" ? "datetime-local" : field.kind === "calendar" ? "date" : field.kind;
-    control = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    control = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "input",
       {
         ...common,
@@ -5529,11 +5780,11 @@ function ToolField({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__field", children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldDescription, { field, id: `${id}-description` }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldDescription, { field, id: `${id}-description` }),
     control,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: `${id}-error`, className: "tool-input-card__error", children: error }) : null
   ] });
 }
 function ToolInputCard({
@@ -5570,14 +5821,14 @@ function ToolInputCard({
     onSubmit?.(surface, result);
   }
   if (submitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "section",
       {
         className: "tool-input-card tool-input-card--submitted",
         role: "status",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("strong", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("strong", { children: [
             surface.title,
             " submitted"
           ] })
@@ -5585,18 +5836,18 @@ function ToolInputCard({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "section",
     {
       className: "tool-input-card",
       "aria-labelledby": `tool-input-${surface.id}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
-          surface.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: surface.description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { id: `tool-input-${surface.id}`, children: surface.title }),
+          surface.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: surface.description }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("form", { noValidate: true, onSubmit: submit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { noValidate: true, onSubmit: submit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "tool-input-card__fields", children: surface.fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             ToolField,
             {
               disabled,
@@ -5609,8 +5860,8 @@ function ToolInputCard({
             },
             field.path
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-input-card__actions", children: [
-            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-input-card__actions", children: [
+            surface.actions?.some((action) => action.id === "reset") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "button",
               {
                 type: "button",
@@ -5623,7 +5874,7 @@ function ToolInputCard({
                 children: surface.actions.find((action) => action.id === "reset")?.label ?? "Clear"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "submit", disabled, children: surface.submitLabel ?? surface.actions?.find((action) => action.id === "submit")?.label ?? "Continue" })
           ] })
         ] })
       ]
@@ -5632,17 +5883,17 @@ function ToolInputCard({
 }
 
 // src/react/components/HumanInputCard/HumanInputCard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function HumanInputCard({
   disabled = false,
   request,
   onRespond
 }) {
-  const [text, setText] = (0, import_react13.useState)("");
+  const [text2, setText] = (0, import_react13.useState)("");
   const options = request.options ?? [];
   const showText = request.display === "text" || request.allowFreeform && options.length === 0;
   if (request.ui) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       ToolInputCard,
       {
         disabled,
@@ -5652,7 +5903,7 @@ function HumanInputCard({
     );
   }
   if (options.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       ConfirmationCard,
       {
         disabled,
@@ -5663,62 +5914,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__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "section",
     {
       className: "human-input-card",
       "aria-labelledby": `human-input-${request.requestId}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
-        showText ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: submitText, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "input",
               {
                 id: `human-input-text-${request.requestId}`,
-                value: text,
+                value: text2,
                 disabled,
                 onChange: (event) => setText(event.target.value)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "submit", disabled: disabled || !text2.trim(), children: "Send" })
           ] })
         ] }) : null,
-        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
       ]
     }
   );
 }
 
 // src/react/components/CollectionResultCard/CollectionResultCard.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function CollectionResultCard({
   result
 }) {
   const empty = result.items.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "section",
     {
       className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: result.title })
         ] }),
-        empty ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
-          item.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: item.description }) : null,
-          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: detail.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: detail.value })
+        empty ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: detail.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: detail.value })
           ] }, `${detail.label}:${detail.value}`)) }) : null,
-          item.href ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
         ] }, item.title)) })
       ]
     }
@@ -5726,26 +5977,26 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function EntityResultCard({
   result
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "section",
     {
       className: `entity-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: detail.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "a",
           {
             href: link.href,
@@ -5761,24 +6012,24 @@ function EntityResultCard({
 }
 
 // src/react/components/SignatureResultCard/SignatureResultCard.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function SignatureResultCard({
   result
 }) {
   const primaryLink = result.links?.[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "section",
     {
       className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: result.title })
         ] }),
-        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: result.description }) : null,
-        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "a",
           {
             className: "signature-result-card__cta",
@@ -5794,26 +6045,26 @@ function SignatureResultCard({
 }
 
 // src/react/components/ToolResultCard/ToolResultCard.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function ToolResultCard({
   result
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "section",
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: result.title })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { children: result.title })
         ] }),
-        result.description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { children: detail.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { children: detail.value })
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dd", { children: detail.value })
         ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "a",
           {
             href: link.href,
@@ -5829,14 +6080,14 @@ function ToolResultCard({
 }
 
 // src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function VisitorToolResultView({
   disabled = false,
   onToolInput,
   result
 }) {
   if (result.kind === "input") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ToolInputCard,
       {
         disabled,
@@ -5846,16 +6097,16 @@ function VisitorToolResultView({
     );
   }
   if (result.kind === "entity") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EntityResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EntityResultCard, { result });
   }
   if (result.kind === "collection") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CollectionResultCard, { result });
   }
   if (result.kind === "signature") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SignatureResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SignatureResultCard, { result });
   }
   if (result.kind === "summary") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolResultCard, { result });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolResultCard, { result });
   }
   return null;
 }
@@ -5864,9 +6115,9 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function MinimizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M3.5 8h9",
@@ -5877,7 +6128,7 @@ function MinimizeIcon() {
   ) });
 }
 function CloseIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -5888,7 +6139,7 @@ function CloseIcon2() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "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",
@@ -5900,7 +6151,7 @@ function NewChatIcon() {
   ) });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -5912,7 +6163,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -5924,7 +6175,7 @@ function RestoreIcon() {
   ) });
 }
 function ChevronDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "path",
     {
       d: "M4 6.5l4 4 4-4",
@@ -5977,44 +6228,7 @@ function AgentRail({
   const [failedLogoUrl, setFailedLogoUrl] = (0, import_react14.useState)(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")
   );
@@ -6061,7 +6275,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",
@@ -6183,7 +6400,7 @@ function AgentRail({
     window.setTimeout(settle, 900);
     node.scrollTo({ top: node.scrollHeight, behavior: "smooth" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "aside",
     {
       ref: railRef,
@@ -6197,34 +6414,34 @@ function AgentRail({
       autoFocus: mobileFullscreen || expanded,
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         AgentRailOverlayContext.Provider,
         {
           value: { railRef, overlayRef },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__brand-row", children: [
-                onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "agent-rail__surface", inert: receiptOpen || void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "agent-rail__brand-row", children: [
+                onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     type: "button",
                     className: "agent-rail__collapse",
                     "aria-label": "Collapse assist",
                     onClick: onCollapse,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MinimizeIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MinimizeIcon, {})
                   }
-                ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     type: "button",
                     className: "agent-rail__close",
                     "aria-label": "Close agent",
                     onClick: onClose,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CloseIcon2, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CloseIcon2, {})
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-                resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "agent-rail__identity", children: [
-                  showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+                resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "agent-rail__identity", children: [
+                  showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "img",
                     {
                       className: "agent-rail__brand-logo",
@@ -6235,10 +6452,10 @@ function AgentRail({
                       }
                     }
                   ) }) : null,
-                  resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+                  resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
                 ] }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "agent-rail__actions", children: [
-                  onReset ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "agent-rail__actions", children: [
+                  onReset ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       type: "button",
@@ -6246,24 +6463,24 @@ function AgentRail({
                       "aria-label": "Start a new conversation",
                       disabled: !hasVisitorMessages2,
                       onClick: handleReset,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(NewChatIcon, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NewChatIcon, {})
                     }
                   ) : null,
-                  onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       type: "button",
                       className: "agent-rail__expand",
                       "aria-label": expanded ? "Exit full screen" : "Open full screen",
                       onClick: onExpandToggle,
-                      children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ExpandIcon, {})
+                      children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ExpandIcon, {})
                     }
                   ) : null
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__thread", children: [
-                !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-                  greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "agent-rail__thread", children: [
+                !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+                  greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     MessageBubble,
                     {
                       message: greeting,
@@ -6272,7 +6489,7 @@ function AgentRail({
                       onBook
                     }
                   ) : null,
-                  showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     FollowUpChips,
                     {
                       suggestions: state.followUps,
@@ -6281,7 +6498,7 @@ function AgentRail({
                       onSelect: (suggestion) => handleFollowUpSelect(suggestion.label)
                     }
                   ) }) : null,
-                  showActivity ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  showActivity ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     AgentActivityBubble,
                     {
                       brandLabel: resolvedBrandLabel,
@@ -6290,7 +6507,7 @@ function AgentRail({
                       steps: state.toolSteps
                     }
                   ) : null,
-                  visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     VisitorToolResultView,
                     {
                       result,
@@ -6299,7 +6516,7 @@ function AgentRail({
                     },
                     result.id
                   )),
-                  pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     HumanInputCard,
                     {
                       request,
@@ -6308,8 +6525,8 @@ function AgentRail({
                     request.requestId
                   ))
                 ] }) : null,
-                visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__turn-block", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "agent-rail__turn-block", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     MessageBubble,
                     {
                       message,
@@ -6319,7 +6536,7 @@ function AgentRail({
                       onBook
                     }
                   ),
-                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     MessageActions,
                     {
                       answeredAt: message.createdAt,
@@ -6331,8 +6548,8 @@ function AgentRail({
                       onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
                     }
                   ) : null,
-                  index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                    showActivity ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                    showActivity ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       AgentActivityBubble,
                       {
                         brandLabel: resolvedBrandLabel,
@@ -6341,7 +6558,7 @@ function AgentRail({
                         steps: state.toolSteps
                       }
                     ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       VisitorToolResultView,
                       {
                         result,
@@ -6350,7 +6567,7 @@ function AgentRail({
                       },
                       result.id
                     )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       HumanInputCard,
                       {
                         request,
@@ -6360,7 +6577,7 @@ function AgentRail({
                     ))
                   ] }) : null
                 ] }, message.id)),
-                streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   MessageBubble,
                   {
                     message: streamingMessage,
@@ -6370,16 +6587,16 @@ function AgentRail({
                     onBook
                   }
                 ) : null,
-                waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BookingCardLoader, {}) : null,
-                state.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Something went wrong" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: state.error })
+                waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BookingCardLoader, {}) : null,
+                state.error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "Something went wrong" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: state.error })
                   ] }),
-                  onRetry ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+                  onRetry ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
                 ] }) : null
               ] }) }),
-              showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "a",
                 {
                   href: disclaimerLink,
@@ -6388,8 +6605,8 @@ function AgentRail({
                   children: resolvedDisclaimerLabel
                 }
               ) : resolvedDisclaimerLabel }) }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
-                showJumpToLatest ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
+                showJumpToLatest ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     type: "button",
@@ -6397,10 +6614,10 @@ function AgentRail({
                     "aria-label": "Jump to the latest message",
                     title: "Jump to the latest message",
                     onClick: scrollToLatest,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronDownIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDownIcon, {})
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   Composer,
                   {
                     variant: expanded || mobileFullscreen ? "dock" : "default",
@@ -6412,11 +6629,11 @@ function AgentRail({
                   },
                   state.messages.find((message) => message.role === "visitor")?.id ?? "empty"
                 ),
-                poweredByLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: poweredByLabel }) }) }) : null
+                poweredByLabel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: poweredByLabel }) }) }) : null
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: overlayRef, className: "agent-rail__overlay" }),
-            receiptOpen && receiptSteps ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: overlayRef, className: "agent-rail__overlay" }),
+            receiptOpen && receiptSteps ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               AnswerReceiptDialog,
               {
                 brandLabel: resolvedBrandLabel,
@@ -6432,9 +6649,9 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function SparklesIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "svg",
     {
       className: "assist-edge-tab__sparkles",
@@ -6442,21 +6659,21 @@ function SparklesIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "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__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "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__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "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",
@@ -6470,7 +6687,7 @@ function SparklesIcon() {
 function TabMarkIcon({ customIconUrl }) {
   const url = customIconUrl?.trim();
   if (url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "img",
       {
         alt: "",
@@ -6480,10 +6697,10 @@ function TabMarkIcon({ customIconUrl }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SparklesIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SparklesIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -6495,7 +6712,7 @@ function ChevronLeftIcon() {
   ) });
 }
 function ChevronDownIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -6507,7 +6724,7 @@ function ChevronDownIcon2() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", {}, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -6553,7 +6770,7 @@ function AssistEdgeTab({
     ...resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: resolvedColorScheme
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "button",
     {
       type: "button",
@@ -6565,15 +6782,15 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        mobile ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        mobile ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             "span",
             {
               className: "assist-edge-tab__mark assist-edge-tab__mark--mobile",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabMarkIcon, { customIconUrl }),
-                showLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TabMarkIcon, { customIconUrl }),
+                showLogo ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "img",
                   {
                     className: "assist-edge-tab__logo",
@@ -6587,11 +6804,11 @@ function AssistEdgeTab({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel })
-        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel })
+        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -6603,18 +6820,18 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDownIcon2, {})
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDownIcon2, {})
         ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeftIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DragDots, {})
+        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronLeftIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DragDots, {})
         ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -6626,8 +6843,8 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeftIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronLeftIcon, {})
         ] }) : null
       ]
     }
@@ -6649,8 +6866,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;
 }
@@ -6691,7 +6908,7 @@ function sendAgentAnswerFeedback(eventUrl, event) {
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function AgentWidget({
   indexId,
   customerId,
@@ -6834,19 +7051,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               AgentRail,
               {
                 theme,
@@ -6883,7 +7100,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -6907,12 +7124,71 @@ function AgentWidget({
     ) : null
   ] });
 }
+
+// src/react/components/AgentTranscript/AgentTranscript.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var timestampFormat = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  hour: "numeric",
+  minute: "2-digit",
+  timeZone: "UTC"
+});
+function defaultTimestamp(createdAt) {
+  return `${timestampFormat.format(createdAt)} UTC`;
+}
+function AgentTranscript({
+  messages,
+  theme,
+  colorScheme,
+  agentLabel = "Agent",
+  visitorLabel = "Visitor",
+  label = "Conversation transcript",
+  formatTimestamp = defaultTimestamp
+}) {
+  const scheme = useAgentColorScheme(colorScheme);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "ol",
+    {
+      className: "webless-agent-root agent-transcript not-typeset",
+      "data-not-typeset": "",
+      "data-color-scheme": scheme,
+      "aria-label": label,
+      style: agentThemeStyle(theme, scheme),
+      children: messages.map((message) => {
+        const date = new Date(message.createdAt);
+        const validTimestamp = Number.isFinite(date.getTime());
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          "li",
+          {
+            className: `agent-transcript__message agent-transcript__message--${message.role}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "agent-transcript__meta", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: message.role === "visitor" ? visitorLabel : agentLabel }),
+                validTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(message.createdAt) }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                MessageBubble,
+                {
+                  message: message.role === "agent" ? { ...message, streaming: false } : message,
+                  bookingDisabled: true
+                }
+              )
+            ]
+          },
+          message.id
+        );
+      })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AGENT_ANSWER_FEEDBACK_EVENT_TYPE,
   AGENT_STRUCTURED_TOOL_INPUT_HEADER,
   AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION,
   AgentRail,
+  AgentTranscript,
   AgentWidget,
   AssistEdgeTab,
   DEFAULT_AGENT_PLACEMENT,