@webless/agent 0.8.0 → 0.9.1

package/dist/{chunk-JZPXXG76.js → chunk-3E632FNE.js}

@@ -229,6 +229,98 @@ function hasOnlyKeys(value, allowed) {
   return Object.keys(value).every((key) => allowedKeys.has(key));
 }
 
+// src/runtime/tool-result-envelope.ts
+var ENVELOPE_KEYS = /* @__PURE__ */ new Set([
+  "schemaVersion",
+  "output",
+  "presentationKinds",
+  "ui"
+]);
+function isRecord2(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function isJsonValue2(value, seen = /* @__PURE__ */ new Set()) {
+  if (value === null || typeof value === "string" || typeof value === "boolean") {
+    return true;
+  }
+  if (typeof value === "number") return Number.isFinite(value);
+  if (typeof value !== "object") return false;
+  if (seen.has(value)) return false;
+  seen.add(value);
+  const valid = Array.isArray(value) ? value.every((item) => isJsonValue2(item, seen)) : Object.entries(value).every(
+    ([key, item]) => typeof key === "string" && isJsonValue2(item, seen)
+  );
+  seen.delete(value);
+  return valid;
+}
+function decodeEnvelope(value) {
+  if (typeof value !== "string") return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return null;
+  }
+}
+function parseAgentToolResultEnvelope(value) {
+  const decoded = decodeEnvelope(value);
+  if (!isRecord2(decoded)) return null;
+  const keys = Object.keys(decoded);
+  if (keys.some((key) => !ENVELOPE_KEYS.has(key)) || decoded.schemaVersion !== "webless.tool-result.v1" || !isJsonValue2(decoded.output) || !Array.isArray(decoded.presentationKinds) || decoded.presentationKinds.length < 1 || decoded.presentationKinds.length > 16) {
+    return null;
+  }
+  const presentationKinds = decoded.presentationKinds.flatMap((kind) => {
+    if (typeof kind !== "string") return [];
+    const normalized = kind.trim();
+    return normalized && normalized.length <= 128 ? [normalized] : [];
+  });
+  if (presentationKinds.length !== decoded.presentationKinds.length) {
+    return null;
+  }
+  const ui = decoded.ui === void 0 ? void 0 : parseAgentToolUiSurface(decoded.ui);
+  if (decoded.ui !== void 0 && !ui) return null;
+  return {
+    schemaVersion: "webless.tool-result.v1",
+    output: decoded.output,
+    presentationKinds,
+    ...ui ? { ui } : {}
+  };
+}
+
+// src/runtime/connected-tool-work.ts
+var HUBSPOT_ACTION_LABELS = {
+  HUBSPOT_LIST_CONTACTS: "Checking your details",
+  HUBSPOT_CREATE_CONTACT: "Saving your details",
+  HUBSPOT_UPDATE_CONTACT: "Updating your details",
+  HUBSPOT_CREATE_COMPANY: "Saving your company details"
+};
+function connectedToolWork(action) {
+  const slug = action.toolName === "COMPOSIO_MULTI_EXECUTE_TOOL" ? action.input.toolSlug : action.toolName;
+  if (typeof slug !== "string") return null;
+  const detail = HUBSPOT_ACTION_LABELS[slug];
+  return detail ? {
+    id: action.callId,
+    kind: "tool",
+    label: "Contact details",
+    detail,
+    state: "active"
+  } : null;
+}
+function toolResultFailed(result) {
+  if (result.status !== "completed") return true;
+  const output = parseAgentToolResultEnvelope(result.output)?.output ?? result.output;
+  if (typeof output !== "object" || output === null || Array.isArray(output))
+    return false;
+  return "error" in output && Boolean(output.error) || "providerError" in output && Boolean(output.providerError);
+}
+function completeConnectedToolWork(item, result) {
+  const failed = toolResultFailed(result);
+  return {
+    ...item,
+    state: failed ? "error" : "completed",
+    detail: failed ? "Action could not be confirmed" : "Action completed"
+  };
+}
+
 // src/runtime/search-discovery.ts
 function record(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
@@ -295,63 +387,6 @@ function parseAgentSearchDiscoveryOutput(value) {
   } : null;
 }
 
-// src/runtime/tool-result-envelope.ts
-var ENVELOPE_KEYS = /* @__PURE__ */ new Set([
-  "schemaVersion",
-  "output",
-  "presentationKinds",
-  "ui"
-]);
-function isRecord2(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-function isJsonValue2(value, seen = /* @__PURE__ */ new Set()) {
-  if (value === null || typeof value === "string" || typeof value === "boolean") {
-    return true;
-  }
-  if (typeof value === "number") return Number.isFinite(value);
-  if (typeof value !== "object") return false;
-  if (seen.has(value)) return false;
-  seen.add(value);
-  const valid = Array.isArray(value) ? value.every((item) => isJsonValue2(item, seen)) : Object.entries(value).every(
-    ([key, item]) => typeof key === "string" && isJsonValue2(item, seen)
-  );
-  seen.delete(value);
-  return valid;
-}
-function decodeEnvelope(value) {
-  if (typeof value !== "string") return value;
-  try {
-    return JSON.parse(value);
-  } catch {
-    return null;
-  }
-}
-function parseAgentToolResultEnvelope(value) {
-  const decoded = decodeEnvelope(value);
-  if (!isRecord2(decoded)) return null;
-  const keys = Object.keys(decoded);
-  if (keys.some((key) => !ENVELOPE_KEYS.has(key)) || decoded.schemaVersion !== "webless.tool-result.v1" || !isJsonValue2(decoded.output) || !Array.isArray(decoded.presentationKinds) || decoded.presentationKinds.length < 1 || decoded.presentationKinds.length > 16) {
-    return null;
-  }
-  const presentationKinds = decoded.presentationKinds.flatMap((kind) => {
-    if (typeof kind !== "string") return [];
-    const normalized = kind.trim();
-    return normalized && normalized.length <= 128 ? [normalized] : [];
-  });
-  if (presentationKinds.length !== decoded.presentationKinds.length) {
-    return null;
-  }
-  const ui = decoded.ui === void 0 ? void 0 : parseAgentToolUiSurface(decoded.ui);
-  if (decoded.ui !== void 0 && !ui) return null;
-  return {
-    schemaVersion: "webless.tool-result.v1",
-    output: decoded.output,
-    presentationKinds,
-    ...ui ? { ui } : {}
-  };
-}
-
 // src/react/lib/composer-form.ts
 var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_FORM_FIELDS = 2;
@@ -1046,6 +1081,9 @@ function finalizeSummaryPresentation(result, proposed) {
   };
 }
 function presentVisitorToolResult(result, registry = []) {
+  if (result.status === "completed" && toolResultFailed(result)) {
+    result = { ...result, status: "failed" };
+  }
   if (result.toolName === "search_discovery" && result.status === "completed") {
     const envelope2 = parseAgentToolResultEnvelope(result.output);
     const search = parseAgentSearchDiscoveryOutput(
@@ -1082,7 +1120,7 @@ function presentVisitorToolResult(result, registry = []) {
       surface: envelope.ui
     };
   }
-  if (!proposed) {
+  if (!proposed || result.status !== "completed" && proposed.kind !== "summary") {
     if (result.status === "failed" || result.status === "rejected") {
       return {
         id: result.callId,
@@ -1448,6 +1486,18 @@ function parseChildStreamEvent(value) {
       return { childStreamPath, type: "subagent.called" };
     }
   }
+  if (value.type === "actions.requested" && isRecord4(value.data) && Array.isArray(value.data.actions)) {
+    const items = value.data.actions.flatMap((action) => {
+      if (!isRecord4(action) || action.kind !== "tool-call" || typeof action.callId !== "string" || typeof action.toolName !== "string" || !isRecord4(action.input)) return [];
+      const item = connectedToolWork({
+        callId: action.callId,
+        toolName: action.toolName,
+        input: action.input
+      });
+      return item ? [item] : [];
+    });
+    return { type: "actions.requested", items };
+  }
   if (value.type !== "action.result" || !isRecord4(value.data)) {
     return { type: "other" };
   }
@@ -1469,7 +1519,7 @@ function parseChildStreamEvent(value) {
     result: {
       callId: result.callId,
       toolName: result.toolName,
-      status: data.status,
+      status: result.isError === true ? "failed" : data.status,
       ...Object.hasOwn(result, "output") ? { output: result.output } : {},
       ...error ? { error } : {}
     }
@@ -1570,6 +1620,7 @@ var SubagentChildStreamCoordinator = class {
     this.tasks.set(childStreamPath, task);
   }
   async consume(path, signal) {
+    const workItems = /* @__PURE__ */ new Map();
     let streamIndex = 0;
     let consecutiveRetries = 0;
     let retryDelayMs = INITIAL_RETRY_DELAY_MS;
@@ -1598,7 +1649,18 @@ var SubagentChildStreamCoordinator = class {
             this.beginPath(event.childStreamPath);
             continue;
           }
+          if (event.type === "actions.requested") {
+            for (const item2 of event.items) {
+              workItems.set(item2.id, item2);
+              this.handlers.onWork?.(item2);
+            }
+            continue;
+          }
           if (event.type !== "action.result") continue;
+          const item = workItems.get(event.result.callId);
+          if (item) {
+            this.handlers.onWork?.(completeConnectedToolWork(item, event.result));
+          }
           this.handlers.onToolResult?.(event.result);
           if (event.hasOutput) {
             this.handlers.onActionResult?.(event.result.output);
@@ -1646,7 +1708,7 @@ function emitActionResult(event, handlers) {
     handlers.onToolResult?.({
       callId: result.callId,
       toolName: result.toolName,
-      status: event.data.status,
+      status: result.isError ? "failed" : event.data.status,
       output: result.output,
       ...event.data.error ? { error: event.data.error } : {}
     });
@@ -1772,9 +1834,13 @@ function requestedWorkItem(action) {
       state: "active"
     };
   }
-  return null;
+  return action.kind === "tool-call" ? connectedToolWork(action) : null;
 }
 function applyWorkEvent(event, handlers, workItems) {
+  if (event.type === "subagent.event") {
+    applyWorkEvent(event.data.event, handlers, workItems);
+    return;
+  }
   if (event.type === "step.started" && workItems.size === 0) {
     emitWorkItem(
       {
@@ -1833,6 +1899,15 @@ function applyWorkEvent(event, handlers, workItems) {
   const { result, status } = event.data;
   const current = workItems.get(result.callId);
   if (!current) return;
+  if (current.kind === "tool" && result.kind === "tool-result") {
+    emitWorkItem(completeConnectedToolWork(current, {
+      callId: result.callId,
+      toolName: result.toolName,
+      status: result.isError ? "failed" : status,
+      output: result.output
+    }), handlers, workItems);
+    return;
+  }
   const failed = status !== "completed" || result.isError === true;
   emitWorkItem(
     {
@@ -2344,10 +2419,15 @@ function parseMessage(value) {
     const result = parseToolResult(value2);
     return result?.kind === "search" ? [result] : [];
   }) : [];
+  const toolResults = Array.isArray(record2.toolResults) ? record2.toolResults.flatMap((value2) => {
+    const result = parseToolResult(value2);
+    return result && result.kind !== "search" && result.kind !== "input" ? [result] : [];
+  }) : [];
   return {
     id: record2.id,
     role: "agent",
     ...searchResults.length ? { searchResults } : {},
+    ...toolResults.length ? { toolResults } : {},
     text: record2.text,
     createdAt: record2.createdAt
   };
@@ -2355,7 +2435,7 @@ function parseMessage(value) {
 function parseToolStep(value) {
   if (typeof value !== "object" || value === null) return null;
   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") {
+  if (typeof record2.id !== "string" || record2.kind !== "planning" && record2.kind !== "search" && record2.kind !== "specialist" && record2.kind !== "tool" || typeof record2.label !== "string" || record2.state !== "completed" && record2.state !== "active" && record2.state !== "pending" && record2.state !== "error") {
     return null;
   }
   return {
@@ -2416,6 +2496,15 @@ function parseInputRequest(value) {
     ...ui ? { ui } : {}
   };
 }
+function parseResultDetails(value) {
+  if (!Array.isArray(value)) return [];
+  return value.slice(0, 6).flatMap((item) => {
+    if (typeof item !== "object" || item === null) return [];
+    const detail = item;
+    if (typeof detail.label !== "string" || typeof detail.value !== "string") return [];
+    return [{ label: detail.label.slice(0, 240), value: detail.value.slice(0, 240) }];
+  });
+}
 function parseToolResult(value) {
   if (typeof value !== "object" || value === null) return null;
   const record2 = value;
@@ -2451,6 +2540,7 @@ function parseToolResult(value) {
       status: record2.status,
       kind: "entity",
       title: record2.title,
+      details: parseResultDetails(record2.details),
       ...typeof record2.description === "string" ? { description: record2.description } : {}
     };
   }
@@ -2494,6 +2584,7 @@ function parseToolResult(value) {
     status: record2.status,
     kind: "summary",
     title: record2.title,
+    details: parseResultDetails(record2.details),
     ...typeof record2.description === "string" ? { description: record2.description } : {}
   };
 }
@@ -2650,14 +2741,15 @@ function isNearDuplicateAssistantText(left, right) {
     shorter.slice(0, Math.floor(shorter.length * 0.85))
   );
 }
-function appendAgentTurnMessage(messages, displayText, searchResults = []) {
+function appendAgentTurnMessage(messages, displayText, searchResults = [], toolResults = []) {
   const trimmed = displayText.trim();
-  if (!trimmed && searchResults.length === 0) return [...messages];
+  if (!trimmed && searchResults.length === 0 && toolResults.length === 0) return [...messages];
   const agentMessage = {
     id: `agent-${Date.now()}`,
     role: "agent",
     text: trimmed,
     ...searchResults.length ? { searchResults } : {},
+    ...toolResults.length ? { toolResults } : {},
     createdAt: Date.now()
   };
   const last = messages.at(-1);
@@ -3039,10 +3131,11 @@ function useAgentChat({
           messages: appendAgentTurnMessage(
             prev.messages,
             displayText,
-            (prev.toolResults ?? []).filter((result) => result.kind === "search")
+            (prev.toolResults ?? []).filter((result) => result.kind === "search"),
+            (prev.toolResults ?? []).filter((result) => result.kind !== "search" && result.kind !== "input")
           ),
           toolResults: (prev.toolResults ?? []).filter(
-            (result) => result.kind !== "search"
+            (result) => result.kind === "input"
           ),
           toolSteps: completeActivePlanning(prev.toolSteps),
           streamingText: "",
@@ -3104,16 +3197,18 @@ function useAgentChat({
   const submit = useCallback(
     async (visitorText, options) => {
       const trimmed = visitorText.trim();
-      if (!trimmed) return null;
+      const outgoing = options?.runtimeText ?? visitorText;
+      if (!outgoing.trim()) return null;
       const chatResponse = chatInputResponseForText(
         state.pendingInputs ?? [],
-        trimmed
+        outgoing.trim()
       );
       if (chatResponse) {
         const visitorMessage2 = {
           id: `visitor-${Date.now()}`,
           role: "visitor",
           text: trimmed,
+          ...outgoing !== trimmed ? { runtimeText: outgoing } : {},
           createdAt: Date.now()
         };
         if (runRef.current) {
@@ -3153,7 +3248,6 @@ function useAgentChat({
       const controller = new AbortController();
       runRef.current = controller;
       const booking = pendingBookingRef.current;
-      const outgoing = options?.runtimeText ?? visitorText;
       const runtimeText = booking ? `${visitorBookingPrefix(booking)}
 
 ${outgoing}` : outgoing;
@@ -4155,6 +4249,10 @@ function joinLabels(labels) {
   return `${labels.slice(0, -1).join(", ")} and ${labels.at(-1) ?? ""}`;
 }
 function workSummary(steps, failed, brandLabel) {
+  const activeTool = [...steps].reverse().find(
+    (step) => step.kind === "tool" && step.state === "active"
+  );
+  if (activeTool) return activeTool.detail ?? "Working on your request";
   const activeSpecialists = steps.filter(
     (step) => step.kind === "specialist" && step.state === "active"
   );
@@ -4475,11 +4573,15 @@ function Composer({
     const trimmed = value.trim();
     if (!trimmed || disabled) return;
     const shareDismissal = savedForm && !draft.dismissalSent;
-    onSubmit?.(
-      shareDismissal ? `I'd like to keep chatting without sharing the requested details for now. Please don't ask for them again unless I choose to proceed with something that needs them.
+    if (shareDismissal) {
+      onSubmit?.(trimmed, {
+        runtimeText: `I'd like to keep chatting without sharing the requested details for now. Please don't ask for them again unless I choose to proceed with something that needs them.
 
-${trimmed}` : trimmed
-    );
+${trimmed}`
+      });
+    } else {
+      onSubmit?.(trimmed);
+    }
     if (shareDismissal)
       setDraft((current) => ({ ...current, dismissalSent: true }));
     setValue("");
@@ -4496,7 +4598,9 @@ ${trimmed}` : trimmed
       if (control instanceof HTMLElement) control.focus();
       return;
     }
-    onSubmit?.(formatComposerFormMessage(activeForm, draft.values));
+    onSubmit?.("", {
+      runtimeText: formatComposerFormMessage(activeForm, draft.values)
+    });
     setDraft((current) => ({
       ...current,
       values: emptyValues(activeForm),
@@ -4760,25 +4864,11 @@ function SearchReferences({
   });
   if (!sources.length && !actions.length) return null;
   return /* @__PURE__ */ jsxs6("div", { className: "search-references", children: [
-    sources.length > 0 ? /* @__PURE__ */ jsxs6("section", { "aria-label": "Sources", children: [
-      /* @__PURE__ */ jsxs6("h3", { className: "search-references__heading", children: [
-        "Sources",
-        /* @__PURE__ */ jsx6("span", { title: "Pages used by Search & Discovery", children: /* @__PURE__ */ jsxs6(
-          "svg",
-          {
-            viewBox: "0 0 24 24",
-            width: "14",
-            height: "14",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "1.75",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "9" }),
-              /* @__PURE__ */ jsx6("path", { d: "M12 11v6M12 7v1" })
-            ]
-          }
-        ) })
+    sources.length > 0 ? /* @__PURE__ */ jsxs6("details", { className: "search-references__disclosure", "aria-label": "Sources", children: [
+      /* @__PURE__ */ jsxs6("summary", { className: "search-references__heading", children: [
+        "Sources (",
+        sources.length,
+        ")"
       ] }),
       /* @__PURE__ */ jsx6("ul", { className: "search-references__list", children: sources.map((source) => {
         const content = /* @__PURE__ */ jsxs6(Fragment2, { children: [
@@ -4862,7 +4952,23 @@ function calendarCells(year, month) {
 function BookingCardLoader() {
   return /* @__PURE__ */ jsx7("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx7("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
-function BookingCard({
+function BookingCard(props) {
+  if (!props.readOnly) return /* @__PURE__ */ jsx7(InteractiveBookingCard, { ...props });
+  return /* @__PURE__ */ jsxs7("section", { className: "booking-card", "aria-label": "Recorded available times", children: [
+    /* @__PURE__ */ jsx7("p", { className: "booking-card__title", children: "Available times offered" }),
+    props.offer.slots.length ? /* @__PURE__ */ jsx7("ul", { children: props.offer.slots.map((slot, index) => {
+      const eventType = props.offer.eventTypes.find(
+        (item) => item.uri === slot.eventTypeUri
+      );
+      const label = Number.isFinite(Date.parse(slot.startTime)) ? formatSlotLabel(slot.startTime) : "Time unavailable";
+      return /* @__PURE__ */ jsxs7("li", { children: [
+        eventType ? `${eventType.name} \xB7 ` : "",
+        label
+      ] }, `${slot.eventTypeUri ?? ""}:${slot.startTime}:${index}`);
+    }) }) : /* @__PURE__ */ jsx7("p", { children: "No available times were recorded." })
+  ] });
+}
+function InteractiveBookingCard({
   disabled = false,
   offer,
   onBook
@@ -5228,6 +5334,7 @@ function MessageBubble({
   message,
   brandLogoUrl,
   bookingDisabled = false,
+  bookingReadOnly = false,
   offer,
   onBook
 }) {
@@ -5245,6 +5352,7 @@ function MessageBubble({
     offers.length > 0 ? sanitizeBookingOfferCopy(visibleText) : looksLikeBookingAvailabilityDump(visibleText) ? sanitizeBookingOfferCopy(visibleText) : visibleText || (isStreaming ? "" : message.text)
   );
   if (message.role === "visitor") {
+    if (!message.text.trim()) return null;
     return /* @__PURE__ */ jsx8("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ jsx8("p", { className: "message-bubble__text", children: message.text }) });
   }
   const citations = message.citations ?? [];
@@ -5263,8 +5371,8 @@ function MessageBubble({
         children: displayText
       }
     ),
-    /* @__PURE__ */ jsx8(SearchReferences, { results: message.searchResults ?? [] }),
-    citations.length > 0 ? /* @__PURE__ */ jsx8("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs8("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+    !isStreaming ? /* @__PURE__ */ jsx8(SearchReferences, { results: message.searchResults ?? [] }) : null,
+    !isStreaming && citations.length > 0 ? /* @__PURE__ */ jsx8("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs8("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
       /* @__PURE__ */ jsx8(
         "span",
         {
@@ -5276,6 +5384,7 @@ function MessageBubble({
       /* @__PURE__ */ jsx8("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
+  if (!displayText && !message.searchResults?.length && offers.length === 0) return null;
   return /* @__PURE__ */ jsxs8("article", { className: "message-bubble message-bubble--agent", children: [
     displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ jsxs8("div", { className: "message-bubble__agent-row", children: [
       /* @__PURE__ */ jsx8("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx8(
@@ -5294,6 +5403,7 @@ function MessageBubble({
       BookingCard,
       {
         disabled: bookingDisabled,
+        readOnly: bookingReadOnly,
         offer: nextOffer,
         onBook
       },
@@ -5841,6 +5951,7 @@ function CollectionResultCard({
     {
       className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
+      role: result.status === "completed" ? "status" : "alert",
       children: [
         /* @__PURE__ */ jsxs12("div", { className: "tool-result-card__heading", children: [
           /* @__PURE__ */ jsx12("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
@@ -5861,35 +5972,48 @@ function CollectionResultCard({
 }
 
 // src/react/components/EntityResultCard/EntityResultCard.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function EntityResultCard({
   result
 }) {
+  const compact = !result.description && !result.details?.length && !result.links?.length;
+  const collapsible = result.status === "completed" && Boolean(result.details?.length) && !result.links?.length;
+  const heading = /* @__PURE__ */ jsxs13("span", { className: "tool-result-card__heading", children: [
+    /* @__PURE__ */ jsx13("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx13("strong", { children: result.title })
+  ] });
+  const content = /* @__PURE__ */ jsxs13(Fragment3, { children: [
+    result.description ? /* @__PURE__ */ jsx13("p", { children: result.description }) : null,
+    result.details?.length ? /* @__PURE__ */ jsx13("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs13("div", { children: [
+      /* @__PURE__ */ jsx13("dt", { children: detail.label }),
+      /* @__PURE__ */ jsx13("dd", { children: detail.value })
+    ] }, `${detail.label}:${detail.value}`)) }) : null,
+    result.links?.length ? /* @__PURE__ */ jsx13("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx13(
+      "a",
+      {
+        href: link.href,
+        target: "_blank",
+        rel: "noreferrer",
+        children: link.label
+      },
+      link.href
+    )) }) : null
+  ] });
+  if (collapsible) {
+    return /* @__PURE__ */ jsxs13("details", { className: "entity-result-card tool-result-card entity-result-card--disclosure", children: [
+      /* @__PURE__ */ jsx13("summary", { children: /* @__PURE__ */ jsx13("span", { role: "status", children: heading }) }),
+      content
+    ] });
+  }
   return /* @__PURE__ */ jsxs13(
     "section",
     {
-      className: `entity-result-card tool-result-card tool-result-card--${result.status}`,
+      className: `entity-result-card tool-result-card tool-result-card--${result.status}${compact ? " entity-result-card--compact" : ""}`,
       "aria-label": result.title,
+      role: result.status === "completed" ? "status" : "alert",
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: "tool-result-card__heading", children: [
-          /* @__PURE__ */ jsx13("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx13("strong", { children: result.title })
-        ] }),
-        result.description ? /* @__PURE__ */ jsx13("p", { children: result.description }) : null,
-        result.details?.length ? /* @__PURE__ */ jsx13("dl", { children: result.details.map((detail) => /* @__PURE__ */ jsxs13("div", { children: [
-          /* @__PURE__ */ jsx13("dt", { children: detail.label }),
-          /* @__PURE__ */ jsx13("dd", { children: detail.value })
-        ] }, `${detail.label}:${detail.value}`)) }) : null,
-        result.links?.length ? /* @__PURE__ */ jsx13("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ jsx13(
-          "a",
-          {
-            href: link.href,
-            target: "_blank",
-            rel: "noreferrer",
-            children: link.label
-          },
-          link.href
-        )) }) : null
+        heading,
+        content
       ]
     }
   );
@@ -5938,6 +6062,7 @@ function ToolResultCard({
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
+      role: result.status === "completed" ? "status" : "alert",
       children: [
         /* @__PURE__ */ jsxs15("div", { className: "tool-result-card__heading", children: [
           /* @__PURE__ */ jsx15("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
@@ -5999,7 +6124,7 @@ function isRenderableVisitorToolResult(result) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function MinimizeIcon() {
   return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
     "path",
@@ -6101,6 +6226,9 @@ function AgentRail({
   const railRef = useRef6(null);
   const overlayRef = useRef6(null);
   const transcriptRef = useRef6(null);
+  const responseRef = useRef6(null);
+  const threadRef = useRef6(null);
+  const lastScrolledVisitorIdRef = useRef6(void 0);
   const pinnedToBottomRef = useRef6(true);
   const smoothScrollToLatestRef = useRef6(false);
   const lockedTranscriptScrollTopRef = useRef6(null);
@@ -6124,7 +6252,7 @@ function AgentRail({
   const activeVisitorToolInput = [...visitorToolResults].reverse().find((result) => result.kind === "input");
   const visibleVisitorToolResults = activeVisitorToolInput ? [activeVisitorToolInput] : visitorToolResults;
   const activityActive = state.toolSteps.some((step) => step.state === "active");
-  const showActivity = state.toolSteps.length > 0 && visibleVisitorToolResults.length === 0 && pendingInputRequests.length === 0 && !state.pendingOffer && activityActive;
+  const showActivity = state.toolSteps.length > 0 && pendingInputRequests.length === 0 && !state.pendingOffer && activityActive;
   const hasVisitorMessages2 = state.messages.some(
     (message) => message.role === "visitor"
   );
@@ -6153,7 +6281,7 @@ function AgentRail({
     }
   }
   const lastIsAgent = lastMessage?.role === "agent";
-  const showMessageActions = state.phase === "complete" && lastIsAgent && hasVisitorMessages2;
+  const showMessageActions = state.phase === "complete" && lastIsAgent && hasVisitorMessages2 && Boolean(hideToolCardFences(lastMessage.text).trim());
   const streamingMessage = state.phase === "streaming" && state.streamingText && !lastIsAgent ? {
     createdAt: 0,
     id: "streaming-response",
@@ -6183,15 +6311,21 @@ function AgentRail({
     hasPendingConfirmation,
     enabled: lastIsAgent && !isBusy
   });
+  const latestResultId = [
+    ...visibleMessages.flatMap(
+      (message) => message.role === "agent" ? message.toolResults ?? [] : []
+    ),
+    ...visibleVisitorToolResults
+  ].reverse().find((result) => result.kind !== "input")?.id;
   const receiptSteps = answerReceipt && state.toolSteps.length > 0 ? state.toolSteps : void 0;
   useEffect6(() => {
     if (state.phase !== "complete") {
       setReceiptOpen(false);
     }
   }, [state.phase]);
-  function handleSubmit(message) {
+  function handleSubmit(message, options) {
     setReceiptOpen(false);
-    onSubmit?.(message);
+    onSubmit?.(message, options);
   }
   function handleRegenerate() {
     setReceiptOpen(false);
@@ -6205,15 +6339,31 @@ function AgentRail({
     setReceiptOpen(false);
     onFollowUpSelect?.(label);
   }
+  const latestVisitorId = visibleMessages[lastVisitorIndex]?.id;
   useEffect6(() => {
     const node = transcriptRef.current;
     if (!node) return;
-    const lastMessage2 = state.messages.at(-1);
-    const visitorJustSent = lastMessage2?.role === "visitor";
-    if (pinnedToBottomRef.current || visitorJustSent) {
-      node.scrollTop = node.scrollHeight;
+    if (latestVisitorId !== lastScrolledVisitorIdRef.current) {
+      lastScrolledVisitorIdRef.current = latestVisitorId;
+      pinnedToBottomRef.current = true;
     }
+    const followResponse = () => {
+      if (node.clientHeight === 0 || !pinnedToBottomRef.current) return;
+      const bottom = Math.max(0, node.scrollHeight - node.clientHeight);
+      const response = responseRef.current;
+      const responseTop = response ? node.scrollTop + response.getBoundingClientRect().top - node.getBoundingClientRect().top : bottom;
+      node.scrollTop = Math.max(node.scrollTop, Math.min(bottom, responseTop));
+      const pinned = bottom - node.scrollTop < 48;
+      pinnedToBottomRef.current = pinned;
+      setShowJumpToLatest(!pinned);
+    };
+    followResponse();
+    const observer = new ResizeObserver(followResponse);
+    observer.observe(node);
+    if (threadRef.current) observer.observe(threadRef.current);
+    return () => observer.disconnect();
   }, [
+    latestVisitorId,
     state.messages,
     state.toolSteps,
     state.streamingText,
@@ -6234,18 +6384,6 @@ function AgentRail({
     handleScroll();
     return () => node.removeEventListener("scroll", handleScroll);
   }, []);
-  useEffect6(() => {
-    const node = transcriptRef.current;
-    if (!node) return;
-    const observer = new ResizeObserver(() => {
-      if (node.clientHeight === 0) return;
-      if (pinnedToBottomRef.current) {
-        node.scrollTo({ top: node.scrollHeight, behavior: "instant" });
-      }
-    });
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, []);
   useEffect6(() => {
     if (!receiptOpen) {
       lockedTranscriptScrollTopRef.current = null;
@@ -6362,7 +6500,7 @@ function AgentRail({
                   ) : null
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsx17("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs16("div", { className: "agent-rail__thread", children: [
+              /* @__PURE__ */ jsx17("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ jsxs16("div", { ref: threadRef, className: "agent-rail__thread", children: [
                 !hasVisitorMessages2 ? /* @__PURE__ */ jsxs16("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
                   greeting?.role === "agent" ? /* @__PURE__ */ jsx17(
                     MessageBubble,
@@ -6409,59 +6547,68 @@ function AgentRail({
                     request.requestId
                   ))
                 ] }) : null,
-                visibleMessages.map((message, index) => /* @__PURE__ */ jsxs16("div", { className: "agent-rail__turn-block", children: [
-                  /* @__PURE__ */ jsx17(
-                    MessageBubble,
-                    {
-                      message,
-                      bookingDisabled: isBusy,
-                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                      offer: index === lastAgentIndex ? state.pendingOffer : void 0,
-                      onBook
-                    }
-                  ),
-                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ jsx17(
-                    MessageActions,
-                    {
-                      answeredAt: message.createdAt,
-                      copyText: hideToolCardFences(message.text).trim() || message.text,
-                      readAloud,
-                      receiptSteps,
-                      onOpenReceipt: receiptSteps ? openReceipt : void 0,
-                      onRegenerate: onRegenerate ? handleRegenerate : void 0,
-                      onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
-                    }
-                  ) : null,
-                  index === lastVisitorIndex ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-                    showActivity ? /* @__PURE__ */ jsx17(
-                      AgentActivityBubble,
-                      {
-                        brandLabel: resolvedBrandLabel,
-                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                        failed: state.phase === "error",
-                        steps: state.toolSteps
-                      }
-                    ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx17(
-                      VisitorToolResultView,
-                      {
-                        result,
-                        disabled: semanticSurfaceDisabled,
-                        onToolInput
-                      },
-                      result.id
-                    )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx17(
-                      HumanInputCard,
-                      {
-                        request,
-                        onRespond: onInputResponse
-                      },
-                      request.requestId
-                    ))
-                  ] }) : null
-                ] }, message.id)),
-                streamingMessage ? /* @__PURE__ */ jsx17(
+                visibleMessages.map((message, index) => /* @__PURE__ */ jsxs16(
+                  "div",
+                  {
+                    ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
+                    className: "agent-rail__turn-block",
+                    children: [
+                      message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ jsx17(VisitorToolResultView, { result }, result.id)) : null,
+                      /* @__PURE__ */ jsx17(
+                        MessageBubble,
+                        {
+                          message,
+                          bookingDisabled: isBusy,
+                          brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                          offer: index === lastAgentIndex ? state.pendingOffer : void 0,
+                          onBook
+                        }
+                      ),
+                      index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ jsx17(
+                        MessageActions,
+                        {
+                          answeredAt: message.createdAt,
+                          copyText: hideToolCardFences(message.text).trim() || message.text,
+                          readAloud,
+                          receiptSteps,
+                          onOpenReceipt: receiptSteps ? openReceipt : void 0,
+                          onRegenerate: onRegenerate ? handleRegenerate : void 0,
+                          onFeedback: onFeedback ? (rating) => onFeedback(rating, message) : void 0
+                        }
+                      ) : null,
+                      index === lastVisitorIndex ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
+                        showActivity ? /* @__PURE__ */ jsx17(
+                          AgentActivityBubble,
+                          {
+                            brandLabel: resolvedBrandLabel,
+                            brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                            failed: state.phase === "error",
+                            steps: state.toolSteps
+                          }
+                        ) : null,
+                        visibleVisitorToolResults.map((result) => /* @__PURE__ */ jsx17(
+                          VisitorToolResultView,
+                          {
+                            result,
+                            disabled: semanticSurfaceDisabled,
+                            onToolInput
+                          },
+                          result.id
+                        )),
+                        pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ jsx17(
+                          HumanInputCard,
+                          {
+                            request,
+                            onRespond: onInputResponse
+                          },
+                          request.requestId
+                        ))
+                      ] }) : null
+                    ]
+                  },
+                  message.id
+                )),
+                streamingMessage ? /* @__PURE__ */ jsx17("div", { ref: responseRef, children: /* @__PURE__ */ jsx17(
                   MessageBubble,
                   {
                     message: streamingMessage,
@@ -6470,7 +6617,7 @@ function AgentRail({
                     offer: state.pendingOffer,
                     onBook
                   }
-                ) : null,
+                ) }) : null,
                 waitingForBooking ? /* @__PURE__ */ jsx17(BookingCardLoader, {}) : null,
                 state.error ? /* @__PURE__ */ jsxs16("section", { className: "agent-rail__error", role: "alert", children: [
                   /* @__PURE__ */ jsxs16("div", { children: [
@@ -6511,7 +6658,7 @@ function AgentRail({
                     placeholder: composerPlaceholder,
                     onSubmit: handleSubmit
                   },
-                  state.messages.find((message) => message.role === "visitor")?.id ?? "empty"
+                  `${state.messages.find((message) => message.role === "visitor")?.id ?? "empty"}:${latestResultId ?? ""}`
                 ),
                 poweredByLabel ? /* @__PURE__ */ jsx17("div", { className: "agent-rail__footer", children: /* @__PURE__ */ jsx17("p", { children: /* @__PURE__ */ jsx17("span", { children: poweredByLabel }) }) }) : null
               ] })
@@ -6533,7 +6680,7 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function SparklesIcon() {
   return /* @__PURE__ */ jsxs17(
     "svg",
@@ -6666,7 +6813,7 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        mobile ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+        mobile ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
           /* @__PURE__ */ jsxs17(
             "span",
             {
@@ -6689,7 +6836,7 @@ function AssistEdgeTab({
             }
           ),
           /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel })
-        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+        ] }) : variant === "outline" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
           /* @__PURE__ */ jsxs17("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
             /* @__PURE__ */ jsx18(TabMarkIcon, { customIconUrl }),
             showLogo ? /* @__PURE__ */ jsx18(
@@ -6707,12 +6854,12 @@ function AssistEdgeTab({
           /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel }),
           /* @__PURE__ */ jsx18(ChevronDownIcon2, {})
         ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+        variant === "ask" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
           /* @__PURE__ */ jsx18(ChevronLeftIcon, {}),
           /* @__PURE__ */ jsx18("span", { className: "assist-edge-tab__label", children: visibleLabel }),
           /* @__PURE__ */ jsx18(DragDots, {})
         ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+        variant === "fill" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
           /* @__PURE__ */ jsxs17("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
             /* @__PURE__ */ jsx18(TabMarkIcon, { customIconUrl }),
             showLogo ? /* @__PURE__ */ jsx18(
@@ -6978,9 +7125,9 @@ function AgentWidget({
     });
     return () => unregisterAgentPanelController(customerId);
   }, [customerId, registerPanelController, reset, submit]);
-  async function handleSubmit(message) {
+  async function handleSubmit(message, options) {
     if (isMobile) setRailCollapsed(false);
-    await submit(message);
+    await submit(message, options);
   }
   function handleFeedback(rating, message) {
     if (!analytics) return;
@@ -7109,11 +7256,11 @@ function AgentWidget({
 }
 
 export {
-  DEFAULT_RUNTIME_ORIGIN,
-  resolveAgentRuntimeConfig,
   AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION,
   AGENT_STRUCTURED_TOOL_INPUT_HEADER,
   formatAgentStructuredToolInput,
+  DEFAULT_RUNTIME_ORIGIN,
+  resolveAgentRuntimeConfig,
   builtInVisitorToolResultRegistry,
   presentVisitorToolResult,
   useAgentChat,
@@ -7130,8 +7277,11 @@ export {
   defaultDarkAgentRailTheme,
   agentThemeStyle,
   useAgentColorScheme,
+  SearchReferences,
+  BookingCard,
   MessageBubble,
   MessageActions,
+  VisitorToolResultView,
   AgentRail,
   AssistEdgeTab,
   AGENT_ANSWER_FEEDBACK_EVENT_TYPE,
@@ -7140,4 +7290,4 @@ export {
   sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-JZPXXG76.js.map
+//# sourceMappingURL=chunk-3E632FNE.js.map