@webless/agent 0.8.0 → 0.9.1

package/dist/react.cjs

@@ -131,6 +131,329 @@ function usePageShift(input) {
 // src/react/hooks/useAgentChat.ts
 var import_react2 = require("react");
 
+// src/runtime/tool-ui.ts
+var AGENT_TOOL_UI_SCHEMA_VERSION = "webless.tool-ui.v1";
+var AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION = "webless.structured-tool-input.v1";
+var AGENT_STRUCTURED_TOOL_INPUT_HEADER = "Webless-Structured-Tool-Input-JSON:";
+function formatAgentStructuredToolInput(surface, values) {
+  const payload = {
+    schemaVersion: AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION,
+    toolSlug: surface.toolSlug,
+    ...surface.operationId ? { operationId: surface.operationId } : {},
+    values
+  };
+  return `${AGENT_STRUCTURED_TOOL_INPUT_HEADER} ${JSON.stringify(payload)}`;
+}
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function isJsonValue(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) => isJsonValue(item, seen)) : Object.entries(value).every(
+    ([key, item]) => typeof key === "string" && isJsonValue(item, seen)
+  );
+  seen.delete(value);
+  return valid;
+}
+function boundedString(value, max) {
+  if (typeof value !== "string" || value.trim().length === 0 || value.length > max) {
+    return void 0;
+  }
+  return value.trim();
+}
+function numberValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function integerValue(value) {
+  return typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= 8e3 ? value : void 0;
+}
+function isFieldKind(value) {
+  return typeof value === "string" && [
+    "text",
+    "textarea",
+    "email",
+    "number",
+    "select",
+    "multi-select",
+    "checkbox",
+    "confirmation",
+    "radio",
+    "date",
+    "time",
+    "date-time",
+    "calendar",
+    "range",
+    "json"
+  ].includes(value);
+}
+function parseField(value) {
+  if (!isRecord(value)) return null;
+  if (!hasOnlyKeys(value, [
+    "description",
+    "kind",
+    "label",
+    "max",
+    "maxItems",
+    "maxLength",
+    "min",
+    "minLength",
+    "options",
+    "path",
+    "placeholder",
+    "required",
+    "step",
+    "defaultValue"
+  ])) {
+    return null;
+  }
+  if (!isFieldKind(value.kind)) return null;
+  const path = boundedString(value.path, 160);
+  const label = boundedString(value.label, 160);
+  const description = value.description === void 0 ? void 0 : boundedString(value.description, 500);
+  const placeholder = value.placeholder === void 0 || typeof value.placeholder !== "string" ? void 0 : value.placeholder;
+  const required = value.required === void 0 || typeof value.required !== "boolean" ? void 0 : value.required;
+  const min = value.min === void 0 ? void 0 : numberValue(value.min);
+  const max = value.max === void 0 ? void 0 : numberValue(value.max);
+  const maxItems = value.maxItems === void 0 ? void 0 : integerValue(value.maxItems);
+  const step = value.step === void 0 ? void 0 : numberValue(value.step);
+  const minLength = value.minLength === void 0 ? void 0 : integerValue(value.minLength);
+  const maxLength = value.maxLength === void 0 ? void 0 : integerValue(value.maxLength);
+  const defaultValue = value.defaultValue === void 0 || !isJsonValue(value.defaultValue) ? void 0 : value.defaultValue;
+  if (!path || !/^[A-Za-z0-9_.[\]-]+$/u.test(path) || !label) {
+    return null;
+  }
+  if (value.description !== void 0 && !description) return null;
+  if (value.placeholder !== void 0 && placeholder === void 0) return null;
+  if (value.required !== void 0 && required === void 0) return null;
+  if (value.min !== void 0 && min === void 0) return null;
+  if (value.max !== void 0 && max === void 0) return null;
+  if (value.maxItems !== void 0 && (maxItems === void 0 || maxItems < 1 || maxItems > 100))
+    return null;
+  if (value.step !== void 0 && step === void 0) return null;
+  if (value.minLength !== void 0 && minLength === void 0) return null;
+  if (value.maxLength !== void 0 && maxLength === void 0) return null;
+  if (value.defaultValue !== void 0 && defaultValue === void 0)
+    return null;
+  if (value.options !== void 0) {
+    if (!Array.isArray(value.options) || value.options.length > 100)
+      return null;
+    for (const option of value.options) {
+      if (!isRecord(option) || !boundedString(option.label, 160) || !isJsonValue(option.value)) {
+        return null;
+      }
+    }
+  }
+  return {
+    kind: value.kind,
+    path,
+    label,
+    ...description ? { description } : {},
+    ...placeholder !== void 0 ? { placeholder } : {},
+    ...required !== void 0 ? { required } : {},
+    ...defaultValue !== void 0 ? { defaultValue } : {},
+    ...value.options !== void 0 ? { options: value.options } : {},
+    ...min !== void 0 ? { min } : {},
+    ...max !== void 0 ? { max } : {},
+    ...maxItems !== void 0 ? { maxItems } : {},
+    ...step !== void 0 ? { step } : {},
+    ...minLength !== void 0 ? { minLength } : {},
+    ...maxLength !== void 0 ? { maxLength } : {}
+  };
+}
+function parseStep(value) {
+  if (!isRecord(value)) return null;
+  if (!hasOnlyKeys(value, ["description", "fieldPaths", "id", "label"])) {
+    return null;
+  }
+  const id = boundedString(value.id, 80);
+  const label = boundedString(value.label, 160);
+  const description = value.description === void 0 ? void 0 : boundedString(value.description, 500);
+  if (!id || !/^[A-Za-z0-9][A-Za-z0-9_-]*$/u.test(id) || !label || value.description !== void 0 && !description || !Array.isArray(value.fieldPaths) || value.fieldPaths.length < 1 || value.fieldPaths.length > 32 || value.fieldPaths.some(
+    (path) => typeof path !== "string" || !/^[A-Za-z0-9_.[\]-]+$/u.test(path) || path.length > 160
+  )) {
+    return null;
+  }
+  return {
+    id,
+    label,
+    fieldPaths: value.fieldPaths,
+    ...description ? { description } : {}
+  };
+}
+function parseAction(value) {
+  if (!isRecord(value)) return null;
+  if (!hasOnlyKeys(value, ["id", "label"])) return null;
+  const label = boundedString(value.label, 80);
+  if (value.id !== "submit" && value.id !== "back" && value.id !== "next" && value.id !== "reset" || !label) {
+    return null;
+  }
+  return {
+    id: value.id,
+    label
+  };
+}
+function parseAgentToolUiSurface(value) {
+  if (!isRecord(value) || value.schemaVersion !== AGENT_TOOL_UI_SCHEMA_VERSION)
+    return null;
+  if (!hasOnlyKeys(value, [
+    "actions",
+    "description",
+    "fields",
+    "id",
+    "operationId",
+    "requestId",
+    "schemaVersion",
+    "steps",
+    "submitLabel",
+    "title",
+    "toolSlug",
+    "values"
+  ])) {
+    return null;
+  }
+  const id = boundedString(value.id, 200);
+  const title = boundedString(value.title, 200);
+  const toolSlug = boundedString(value.toolSlug, 200);
+  const description = value.description === void 0 ? void 0 : boundedString(value.description, 800);
+  const operationId = value.operationId === void 0 ? void 0 : boundedString(value.operationId, 200);
+  const requestId = value.requestId === void 0 ? void 0 : boundedString(value.requestId, 200);
+  const submitLabel = value.submitLabel === void 0 ? void 0 : boundedString(value.submitLabel, 80);
+  if (!id || !title || !toolSlug || !Array.isArray(value.fields) || value.fields.length < 1 || value.fields.length > 32) {
+    return null;
+  }
+  const fields = value.fields.map(parseField);
+  if (fields.some((field) => field === null)) return null;
+  const steps = value.steps === void 0 ? void 0 : Array.isArray(value.steps) && value.steps.length <= 8 ? value.steps.map(parseStep) : null;
+  if (steps?.some((step) => step === null)) return null;
+  const actions = value.actions === void 0 ? void 0 : Array.isArray(value.actions) && value.actions.length <= 8 ? value.actions.map(parseAction) : null;
+  if (actions?.some((action) => action === null)) return null;
+  if (value.description !== void 0 && !description) return null;
+  if (value.operationId !== void 0 && !operationId) return null;
+  if (value.requestId !== void 0 && !requestId) return null;
+  if (value.submitLabel !== void 0 && !submitLabel) return null;
+  const values = value.values !== void 0 && isRecord(value.values) ? value.values : void 0;
+  if (value.values !== void 0) {
+    if (!values || !Object.values(values).every((item) => isJsonValue(item)))
+      return null;
+  }
+  return {
+    schemaVersion: AGENT_TOOL_UI_SCHEMA_VERSION,
+    id,
+    title,
+    toolSlug,
+    fields,
+    ...actions ? { actions } : {},
+    ...description ? { description } : {},
+    ...operationId ? { operationId } : {},
+    ...requestId ? { requestId } : {},
+    ...submitLabel ? { submitLabel } : {},
+    ...steps ? { steps } : {},
+    ...values ? { values } : {}
+  };
+}
+function hasOnlyKeys(value, allowed) {
+  const allowedKeys = new Set(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/client.ts
 var import_client2 = require("eve/client");
 
@@ -157,11 +480,11 @@ function localBootstrapOrigins(origin) {
     ...LOCAL_LOOPBACK_ORIGINS.filter((candidate) => candidate !== normalized)
   ];
 }
-function isRecord(value) {
+function isRecord3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBootstrapResponse(value, indexId, now) {
-  if (!isRecord(value) || value.apiVersion !== "webless.ai/agent-runtime-bootstrap/v1" || typeof value.accessToken !== "string" || !value.accessToken || typeof value.expiresAt !== "string" || !isRecord(value.identity) || value.identity.indexId !== indexId || typeof value.identity.revision !== "string" || !value.identity.revision || typeof value.identity.tenantId !== "string" || !value.identity.tenantId || typeof value.origin !== "string" || !value.origin || value.tokenType !== "Bearer" || typeof value.visitorSubject !== "string" || !value.visitorSubject) {
+  if (!isRecord3(value) || value.apiVersion !== "webless.ai/agent-runtime-bootstrap/v1" || typeof value.accessToken !== "string" || !value.accessToken || typeof value.expiresAt !== "string" || !isRecord3(value.identity) || value.identity.indexId !== indexId || typeof value.identity.revision !== "string" || !value.identity.revision || typeof value.identity.tenantId !== "string" || !value.identity.tenantId || typeof value.origin !== "string" || !value.origin || value.tokenType !== "Bearer" || typeof value.visitorSubject !== "string" || !value.visitorSubject) {
     throw new Error("Agent Runtime returned an invalid access response.");
   }
   const expiresAt = Date.parse(value.expiresAt);
@@ -181,7 +504,7 @@ async function readBootstrapError(response) {
   const fallback = `Agent Runtime is unavailable (${response.status}).`;
   try {
     const value = await response.json();
-    return isRecord(value) && typeof value.error === "string" && value.error ? value.error : fallback;
+    return isRecord3(value) && typeof value.error === "string" && value.error ? value.error : fallback;
   } catch {
     return fallback;
   }
@@ -393,11 +716,11 @@ function clearPersistedAgentSession(visitorSessionId, options) {
 var INITIAL_RETRY_DELAY_MS = 100;
 var MAX_RETRY_DELAY_MS = 2e3;
 var MAX_CONSECUTIVE_RETRIES = 6;
-function isRecord2(value) {
+function isRecord4(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseError(value) {
-  if (!isRecord2(value)) return void 0;
+  if (!isRecord4(value)) return void 0;
   const { code, message } = value;
   if (typeof code !== "string" || typeof message !== "string") {
     return void 0;
@@ -405,29 +728,41 @@ function parseError(value) {
   return { code, message };
 }
 function parseChildStreamEvent(value) {
-  if (!isRecord2(value) || typeof value.type !== "string") {
+  if (!isRecord4(value) || typeof value.type !== "string") {
     return { type: "other" };
   }
   if (value.type === "session.waiting" || value.type === "session.completed" || value.type === "session.failed") {
     return { type: "session.boundary" };
   }
-  if (value.type === "subagent.event" && isRecord2(value.data) && Object.hasOwn(value.data, "event")) {
+  if (value.type === "subagent.event" && isRecord4(value.data) && Object.hasOwn(value.data, "event")) {
     return parseChildStreamEvent(value.data.event);
   }
-  if (value.type === "subagent.called" && isRecord2(value.data)) {
+  if (value.type === "subagent.called" && isRecord4(value.data)) {
     const { childStreamPath } = value.data;
     if (typeof childStreamPath === "string") {
       return { childStreamPath, type: "subagent.called" };
     }
   }
-  if (value.type !== "action.result" || !isRecord2(value.data)) {
+  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" };
   }
   const { data } = value;
   if (data.status !== "completed" && data.status !== "failed" && data.status !== "rejected") {
     return { type: "other" };
   }
-  if (!isRecord2(data.result) || data.result.kind !== "tool-result") {
+  if (!isRecord4(data.result) || data.result.kind !== "tool-result") {
     return { type: "other" };
   }
   const result = data.result;
@@ -441,7 +776,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 } : {}
     }
@@ -522,300 +857,81 @@ var SubagentChildStreamCoordinator = class {
     this.controllers.clear();
   }
   beginPath(childStreamPath) {
-    if (this.tasks.has(childStreamPath)) return;
-    const controller = new AbortController();
-    const abort = () => controller.abort();
-    if (this.parentSignal.aborted) {
-      controller.abort();
-    } else {
-      this.parentSignal.addEventListener("abort", abort, { once: true });
-    }
-    this.controllers.set(childStreamPath, controller);
-    const task = this.consume(childStreamPath, controller.signal).finally(
-      () => {
-        this.parentSignal.removeEventListener("abort", abort);
-        if (this.controllers.get(childStreamPath) === controller) {
-          this.controllers.delete(childStreamPath);
-        }
-      }
-    );
-    this.tasks.set(childStreamPath, task);
-  }
-  async consume(path, signal) {
-    let streamIndex = 0;
-    let consecutiveRetries = 0;
-    let retryDelayMs = INITIAL_RETRY_DELAY_MS;
-    while (!signal.aborted && consecutiveRetries < MAX_CONSECUTIVE_RETRIES) {
-      let receivedEvent = false;
-      try {
-        const response = await this.client.fetch(
-          streamPathAt(path, streamIndex),
-          {
-            cache: "no-store",
-            signal
-          }
-        );
-        if (!response.ok || response.body === null) {
-          await response.body?.cancel().catch(() => {
-          });
-          throw new Error(`Child stream returned ${response.status}.`);
-        }
-        for await (const rawEvent of readNdjsonStream(response.body)) {
-          if (signal.aborted) return;
-          receivedEvent = true;
-          streamIndex += 1;
-          const event = parseChildStreamEvent(rawEvent);
-          if (event.type === "session.boundary") return;
-          if (event.type === "subagent.called") {
-            this.beginPath(event.childStreamPath);
-            continue;
-          }
-          if (event.type !== "action.result") continue;
-          this.handlers.onToolResult?.(event.result);
-          if (event.hasOutput) {
-            this.handlers.onActionResult?.(event.result.output);
-          }
-        }
-      } catch {
-        if (signal.aborted) return;
-      }
-      consecutiveRetries = receivedEvent ? 0 : consecutiveRetries + 1;
-      retryDelayMs = receivedEvent ? INITIAL_RETRY_DELAY_MS : Math.min(retryDelayMs * 2, MAX_RETRY_DELAY_MS);
-      await abortableDelay(retryDelayMs, signal);
-    }
-  }
-};
-
-// src/runtime/tool-ui.ts
-var AGENT_TOOL_UI_SCHEMA_VERSION = "webless.tool-ui.v1";
-var AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION = "webless.structured-tool-input.v1";
-var AGENT_STRUCTURED_TOOL_INPUT_HEADER = "Webless-Structured-Tool-Input-JSON:";
-function formatAgentStructuredToolInput(surface, values) {
-  const payload = {
-    schemaVersion: AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION,
-    toolSlug: surface.toolSlug,
-    ...surface.operationId ? { operationId: surface.operationId } : {},
-    values
-  };
-  return `${AGENT_STRUCTURED_TOOL_INPUT_HEADER} ${JSON.stringify(payload)}`;
-}
-function isRecord3(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-function isJsonValue(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) => isJsonValue(item, seen)) : Object.entries(value).every(
-    ([key, item]) => typeof key === "string" && isJsonValue(item, seen)
-  );
-  seen.delete(value);
-  return valid;
-}
-function boundedString(value, max) {
-  if (typeof value !== "string" || value.trim().length === 0 || value.length > max) {
-    return void 0;
-  }
-  return value.trim();
-}
-function numberValue(value) {
-  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
-}
-function integerValue(value) {
-  return typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= 8e3 ? value : void 0;
-}
-function isFieldKind(value) {
-  return typeof value === "string" && [
-    "text",
-    "textarea",
-    "email",
-    "number",
-    "select",
-    "multi-select",
-    "checkbox",
-    "confirmation",
-    "radio",
-    "date",
-    "time",
-    "date-time",
-    "calendar",
-    "range",
-    "json"
-  ].includes(value);
-}
-function parseField(value) {
-  if (!isRecord3(value)) return null;
-  if (!hasOnlyKeys(value, [
-    "description",
-    "kind",
-    "label",
-    "max",
-    "maxItems",
-    "maxLength",
-    "min",
-    "minLength",
-    "options",
-    "path",
-    "placeholder",
-    "required",
-    "step",
-    "defaultValue"
-  ])) {
-    return null;
-  }
-  if (!isFieldKind(value.kind)) return null;
-  const path = boundedString(value.path, 160);
-  const label = boundedString(value.label, 160);
-  const description = value.description === void 0 ? void 0 : boundedString(value.description, 500);
-  const placeholder = value.placeholder === void 0 || typeof value.placeholder !== "string" ? void 0 : value.placeholder;
-  const required = value.required === void 0 || typeof value.required !== "boolean" ? void 0 : value.required;
-  const min = value.min === void 0 ? void 0 : numberValue(value.min);
-  const max = value.max === void 0 ? void 0 : numberValue(value.max);
-  const maxItems = value.maxItems === void 0 ? void 0 : integerValue(value.maxItems);
-  const step = value.step === void 0 ? void 0 : numberValue(value.step);
-  const minLength = value.minLength === void 0 ? void 0 : integerValue(value.minLength);
-  const maxLength = value.maxLength === void 0 ? void 0 : integerValue(value.maxLength);
-  const defaultValue = value.defaultValue === void 0 || !isJsonValue(value.defaultValue) ? void 0 : value.defaultValue;
-  if (!path || !/^[A-Za-z0-9_.[\]-]+$/u.test(path) || !label) {
-    return null;
-  }
-  if (value.description !== void 0 && !description) return null;
-  if (value.placeholder !== void 0 && placeholder === void 0) return null;
-  if (value.required !== void 0 && required === void 0) return null;
-  if (value.min !== void 0 && min === void 0) return null;
-  if (value.max !== void 0 && max === void 0) return null;
-  if (value.maxItems !== void 0 && (maxItems === void 0 || maxItems < 1 || maxItems > 100))
-    return null;
-  if (value.step !== void 0 && step === void 0) return null;
-  if (value.minLength !== void 0 && minLength === void 0) return null;
-  if (value.maxLength !== void 0 && maxLength === void 0) return null;
-  if (value.defaultValue !== void 0 && defaultValue === void 0)
-    return null;
-  if (value.options !== void 0) {
-    if (!Array.isArray(value.options) || value.options.length > 100)
-      return null;
-    for (const option of value.options) {
-      if (!isRecord3(option) || !boundedString(option.label, 160) || !isJsonValue(option.value)) {
-        return null;
-      }
-    }
-  }
-  return {
-    kind: value.kind,
-    path,
-    label,
-    ...description ? { description } : {},
-    ...placeholder !== void 0 ? { placeholder } : {},
-    ...required !== void 0 ? { required } : {},
-    ...defaultValue !== void 0 ? { defaultValue } : {},
-    ...value.options !== void 0 ? { options: value.options } : {},
-    ...min !== void 0 ? { min } : {},
-    ...max !== void 0 ? { max } : {},
-    ...maxItems !== void 0 ? { maxItems } : {},
-    ...step !== void 0 ? { step } : {},
-    ...minLength !== void 0 ? { minLength } : {},
-    ...maxLength !== void 0 ? { maxLength } : {}
-  };
-}
-function parseStep(value) {
-  if (!isRecord3(value)) return null;
-  if (!hasOnlyKeys(value, ["description", "fieldPaths", "id", "label"])) {
-    return null;
-  }
-  const id = boundedString(value.id, 80);
-  const label = boundedString(value.label, 160);
-  const description = value.description === void 0 ? void 0 : boundedString(value.description, 500);
-  if (!id || !/^[A-Za-z0-9][A-Za-z0-9_-]*$/u.test(id) || !label || value.description !== void 0 && !description || !Array.isArray(value.fieldPaths) || value.fieldPaths.length < 1 || value.fieldPaths.length > 32 || value.fieldPaths.some(
-    (path) => typeof path !== "string" || !/^[A-Za-z0-9_.[\]-]+$/u.test(path) || path.length > 160
-  )) {
-    return null;
-  }
-  return {
-    id,
-    label,
-    fieldPaths: value.fieldPaths,
-    ...description ? { description } : {}
-  };
-}
-function parseAction(value) {
-  if (!isRecord3(value)) return null;
-  if (!hasOnlyKeys(value, ["id", "label"])) return null;
-  const label = boundedString(value.label, 80);
-  if (value.id !== "submit" && value.id !== "back" && value.id !== "next" && value.id !== "reset" || !label) {
-    return null;
-  }
-  return {
-    id: value.id,
-    label
-  };
-}
-function parseAgentToolUiSurface(value) {
-  if (!isRecord3(value) || value.schemaVersion !== AGENT_TOOL_UI_SCHEMA_VERSION)
-    return null;
-  if (!hasOnlyKeys(value, [
-    "actions",
-    "description",
-    "fields",
-    "id",
-    "operationId",
-    "requestId",
-    "schemaVersion",
-    "steps",
-    "submitLabel",
-    "title",
-    "toolSlug",
-    "values"
-  ])) {
-    return null;
-  }
-  const id = boundedString(value.id, 200);
-  const title = boundedString(value.title, 200);
-  const toolSlug = boundedString(value.toolSlug, 200);
-  const description = value.description === void 0 ? void 0 : boundedString(value.description, 800);
-  const operationId = value.operationId === void 0 ? void 0 : boundedString(value.operationId, 200);
-  const requestId = value.requestId === void 0 ? void 0 : boundedString(value.requestId, 200);
-  const submitLabel = value.submitLabel === void 0 ? void 0 : boundedString(value.submitLabel, 80);
-  if (!id || !title || !toolSlug || !Array.isArray(value.fields) || value.fields.length < 1 || value.fields.length > 32) {
-    return null;
+    if (this.tasks.has(childStreamPath)) return;
+    const controller = new AbortController();
+    const abort = () => controller.abort();
+    if (this.parentSignal.aborted) {
+      controller.abort();
+    } else {
+      this.parentSignal.addEventListener("abort", abort, { once: true });
+    }
+    this.controllers.set(childStreamPath, controller);
+    const task = this.consume(childStreamPath, controller.signal).finally(
+      () => {
+        this.parentSignal.removeEventListener("abort", abort);
+        if (this.controllers.get(childStreamPath) === controller) {
+          this.controllers.delete(childStreamPath);
+        }
+      }
+    );
+    this.tasks.set(childStreamPath, task);
   }
-  const fields = value.fields.map(parseField);
-  if (fields.some((field) => field === null)) return null;
-  const steps = value.steps === void 0 ? void 0 : Array.isArray(value.steps) && value.steps.length <= 8 ? value.steps.map(parseStep) : null;
-  if (steps?.some((step) => step === null)) return null;
-  const actions = value.actions === void 0 ? void 0 : Array.isArray(value.actions) && value.actions.length <= 8 ? value.actions.map(parseAction) : null;
-  if (actions?.some((action) => action === null)) return null;
-  if (value.description !== void 0 && !description) return null;
-  if (value.operationId !== void 0 && !operationId) return null;
-  if (value.requestId !== void 0 && !requestId) return null;
-  if (value.submitLabel !== void 0 && !submitLabel) return null;
-  const values = value.values !== void 0 && isRecord3(value.values) ? value.values : void 0;
-  if (value.values !== void 0) {
-    if (!values || !Object.values(values).every((item) => isJsonValue(item)))
-      return null;
+  async consume(path, signal) {
+    const workItems = /* @__PURE__ */ new Map();
+    let streamIndex = 0;
+    let consecutiveRetries = 0;
+    let retryDelayMs = INITIAL_RETRY_DELAY_MS;
+    while (!signal.aborted && consecutiveRetries < MAX_CONSECUTIVE_RETRIES) {
+      let receivedEvent = false;
+      try {
+        const response = await this.client.fetch(
+          streamPathAt(path, streamIndex),
+          {
+            cache: "no-store",
+            signal
+          }
+        );
+        if (!response.ok || response.body === null) {
+          await response.body?.cancel().catch(() => {
+          });
+          throw new Error(`Child stream returned ${response.status}.`);
+        }
+        for await (const rawEvent of readNdjsonStream(response.body)) {
+          if (signal.aborted) return;
+          receivedEvent = true;
+          streamIndex += 1;
+          const event = parseChildStreamEvent(rawEvent);
+          if (event.type === "session.boundary") return;
+          if (event.type === "subagent.called") {
+            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);
+          }
+        }
+      } catch {
+        if (signal.aborted) return;
+      }
+      consecutiveRetries = receivedEvent ? 0 : consecutiveRetries + 1;
+      retryDelayMs = receivedEvent ? INITIAL_RETRY_DELAY_MS : Math.min(retryDelayMs * 2, MAX_RETRY_DELAY_MS);
+      await abortableDelay(retryDelayMs, signal);
+    }
   }
-  return {
-    schemaVersion: AGENT_TOOL_UI_SCHEMA_VERSION,
-    id,
-    title,
-    toolSlug,
-    fields,
-    ...actions ? { actions } : {},
-    ...description ? { description } : {},
-    ...operationId ? { operationId } : {},
-    ...requestId ? { requestId } : {},
-    ...submitLabel ? { submitLabel } : {},
-    ...steps ? { steps } : {},
-    ...values ? { values } : {}
-  };
-}
-function hasOnlyKeys(value, allowed) {
-  const allowedKeys = new Set(allowed);
-  return Object.keys(value).every((key) => allowedKeys.has(key));
-}
+};
 
 // src/runtime/client.ts
 function isTurnBoundary(event) {
@@ -849,7 +965,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 } : {}
     });
@@ -975,9 +1091,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(
       {
@@ -1036,6 +1156,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(
     {
@@ -2073,10 +2202,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
   };
@@ -2084,7 +2218,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 {
@@ -2145,6 +2279,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;
@@ -2180,6 +2323,7 @@ function parseToolResult(value) {
       status: record2.status,
       kind: "entity",
       title: record2.title,
+      details: parseResultDetails(record2.details),
       ...typeof record2.description === "string" ? { description: record2.description } : {}
     };
   }
@@ -2223,6 +2367,7 @@ function parseToolResult(value) {
     status: record2.status,
     kind: "summary",
     title: record2.title,
+    details: parseResultDetails(record2.details),
     ...typeof record2.description === "string" ? { description: record2.description } : {}
   };
 }
@@ -2327,63 +2472,6 @@ function clearPendingWidgetBooking(storageKeyPrefix, visitorSessionId) {
   );
 }
 
-// src/runtime/tool-result-envelope.ts
-var ENVELOPE_KEYS = /* @__PURE__ */ new Set([
-  "schemaVersion",
-  "output",
-  "presentationKinds",
-  "ui"
-]);
-function isRecord4(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 (!isRecord4(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/tool-result.ts
 var MAX_TEXT_LENGTH = 240;
 var MAX_DETAILS = 6;
@@ -2618,6 +2706,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(
@@ -2654,7 +2745,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,
@@ -2777,14 +2868,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);
@@ -3166,10 +3258,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: "",
@@ -3231,16 +3324,18 @@ function useAgentChat({
   const submit = (0, import_react2.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) {
@@ -3280,7 +3375,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;
@@ -3659,6 +3753,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"
   );
@@ -3986,11 +4084,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("");
@@ -4007,7 +4109,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),
@@ -4271,25 +4375,11 @@ function SearchReferences({
   });
   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" })
-            ]
-          }
-        ) })
+    sources.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "search-references__disclosure", "aria-label": "Sources", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { className: "search-references__heading", children: [
+        "Sources (",
+        sources.length,
+        ")"
       ] }),
       /* @__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: [
@@ -4367,7 +4457,23 @@ function calendarCells(year, month) {
 function BookingCardLoader() {
   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({
+function BookingCard(props) {
+  if (!props.readOnly) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InteractiveBookingCard, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "booking-card", "aria-label": "Recorded available times", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "booking-card__title", children: "Available times offered" }),
+    props.offer.slots.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+        eventType ? `${eventType.name} \xB7 ` : "",
+        label
+      ] }, `${slot.eventTypeUri ?? ""}:${slot.startTime}:${index}`);
+    }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "No available times were recorded." })
+  ] });
+}
+function InteractiveBookingCard({
   disabled = false,
   offer,
   onBook
@@ -4733,6 +4839,7 @@ function MessageBubble({
   message,
   brandLogoUrl,
   bookingDisabled = false,
+  bookingReadOnly = false,
   offer,
   onBook
 }) {
@@ -4750,6 +4857,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__ */ (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 ?? [];
@@ -4768,8 +4876,8 @@ function MessageBubble({
         children: displayText
       }
     ),
-    /* @__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: [
+    !isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SearchReferences, { results: message.searchResults ?? [] }) : null,
+    !isStreaming && 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",
         {
@@ -4781,6 +4889,7 @@ function MessageBubble({
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
+  if (!displayText && !message.searchResults?.length && offers.length === 0) return null;
   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)(
@@ -4799,6 +4908,7 @@ function MessageBubble({
       BookingCard,
       {
         disabled: bookingDisabled,
+        readOnly: bookingReadOnly,
         offer: nextOffer,
         onBook
       },
@@ -5957,6 +6067,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__ */ (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" }),
@@ -5981,31 +6092,44 @@ var import_jsx_runtime13 = require("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__ */ (0, import_jsx_runtime13.jsxs)("span", { 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 })
+  ] });
+  const content = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    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_runtime13.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "a",
+      {
+        href: link.href,
+        target: "_blank",
+        rel: "noreferrer",
+        children: link.label
+      },
+      link.href
+    )) }) : null
+  ] });
+  if (collapsible) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("details", { className: "entity-result-card tool-result-card entity-result-card--disclosure", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("summary", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { role: "status", children: heading }) }),
+      content
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "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__ */ (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_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_runtime13.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "a",
-          {
-            href: link.href,
-            target: "_blank",
-            rel: "noreferrer",
-            children: link.label
-          },
-          link.href
-        )) }) : null
+        heading,
+        content
       ]
     }
   );
@@ -6054,6 +6178,7 @@ function ToolResultCard({
     {
       className: `tool-result-card tool-result-card--${result.status}`,
       "aria-label": result.title,
+      role: result.status === "completed" ? "status" : "alert",
       children: [
         /* @__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" }),
@@ -6217,6 +6342,9 @@ function AgentRail({
   const railRef = (0, import_react14.useRef)(null);
   const overlayRef = (0, import_react14.useRef)(null);
   const transcriptRef = (0, import_react14.useRef)(null);
+  const responseRef = (0, import_react14.useRef)(null);
+  const threadRef = (0, import_react14.useRef)(null);
+  const lastScrolledVisitorIdRef = (0, import_react14.useRef)(void 0);
   const pinnedToBottomRef = (0, import_react14.useRef)(true);
   const smoothScrollToLatestRef = (0, import_react14.useRef)(false);
   const lockedTranscriptScrollTopRef = (0, import_react14.useRef)(null);
@@ -6240,7 +6368,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"
   );
@@ -6269,7 +6397,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",
@@ -6299,15 +6427,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;
   (0, import_react14.useEffect)(() => {
     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);
@@ -6321,15 +6455,31 @@ function AgentRail({
     setReceiptOpen(false);
     onFollowUpSelect?.(label);
   }
+  const latestVisitorId = visibleMessages[lastVisitorIndex]?.id;
   (0, import_react14.useEffect)(() => {
     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,
@@ -6350,18 +6500,6 @@ function AgentRail({
     handleScroll();
     return () => node.removeEventListener("scroll", handleScroll);
   }, []);
-  (0, import_react14.useEffect)(() => {
-    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();
-  }, []);
   (0, import_react14.useEffect)(() => {
     if (!receiptOpen) {
       lockedTranscriptScrollTopRef.current = null;
@@ -6478,7 +6616,7 @@ function AgentRail({
                   ) : null
                 ] })
               ] }) }),
-              /* @__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: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: threadRef, 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,
@@ -6525,59 +6663,68 @@ function AgentRail({
                     request.requestId
                   ))
                 ] }) : null,
-                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,
-                      bookingDisabled: isBusy,
-                      brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                      offer: index === lastAgentIndex ? state.pendingOffer : void 0,
-                      onBook
-                    }
-                  ),
-                  index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                    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__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                    showActivity ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      AgentActivityBubble,
-                      {
-                        brandLabel: resolvedBrandLabel,
-                        brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                        failed: state.phase === "error",
-                        steps: state.toolSteps
-                      }
-                    ) : null,
-                    visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      VisitorToolResultView,
-                      {
-                        result,
-                        disabled: semanticSurfaceDisabled,
-                        onToolInput
-                      },
-                      result.id
-                    )),
-                    pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      HumanInputCard,
-                      {
-                        request,
-                        onRespond: onInputResponse
-                      },
-                      request.requestId
-                    ))
-                  ] }) : null
-                ] }, message.id)),
-                streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  "div",
+                  {
+                    ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
+                    className: "agent-rail__turn-block",
+                    children: [
+                      message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VisitorToolResultView, { result }, result.id)) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        MessageBubble,
+                        {
+                          message,
+                          bookingDisabled: isBusy,
+                          brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                          offer: index === lastAgentIndex ? state.pendingOffer : void 0,
+                          onBook
+                        }
+                      ),
+                      index === lastAgentIndex && showMessageActions && message.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        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__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                        showActivity ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          AgentActivityBubble,
+                          {
+                            brandLabel: resolvedBrandLabel,
+                            brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                            failed: state.phase === "error",
+                            steps: state.toolSteps
+                          }
+                        ) : null,
+                        visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          VisitorToolResultView,
+                          {
+                            result,
+                            disabled: semanticSurfaceDisabled,
+                            onToolInput
+                          },
+                          result.id
+                        )),
+                        pendingInputRequests.slice(0, 1).map((request) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          HumanInputCard,
+                          {
+                            request,
+                            onRespond: onInputResponse
+                          },
+                          request.requestId
+                        ))
+                      ] }) : null
+                    ]
+                  },
+                  message.id
+                )),
+                streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: responseRef, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   MessageBubble,
                   {
                     message: streamingMessage,
@@ -6586,7 +6733,7 @@ function AgentRail({
                     offer: state.pendingOffer,
                     onBook
                   }
-                ) : null,
+                ) }) : null,
                 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: [
@@ -6627,7 +6774,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__ */ (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
               ] })
@@ -6995,9 +7142,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;
@@ -7125,8 +7272,86 @@ function AgentWidget({
   ] });
 }
 
-// src/react/components/AgentTranscript/AgentTranscript.tsx
+// src/react/components/AgentTranscript/TranscriptActivity.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
+var statusLabels = {
+  started: "No result recorded",
+  completed: "",
+  failed: "Failed",
+  rejected: "Rejected"
+};
+function RecordedResult({
+  result
+}) {
+  if (result.kind === "search") return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchReferences, { results: [result] });
+  if (result.kind === "booking") {
+    const card = result.card;
+    if (card.type === "booking_offer")
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BookingCard, { readOnly: true, offer: card });
+    if (card.type === "booking_confirmed")
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { children: [
+        "Booking confirmed",
+        card.startTime ? ` \xB7 ${card.startTime}` : ""
+      ] });
+    if (card.type === "booking_canceled") return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: "Booking canceled" });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: "Information requested" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(VisitorToolResultView, { disabled: true, result });
+}
+function TranscriptActivity({
+  activity,
+  formatTimestamp
+}) {
+  const date = new Date(activity.createdAt);
+  const validTimestamp = Number.isFinite(date.getTime());
+  const result = activity.result?.kind === "hidden" ? void 0 : activity.result;
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: activity.category === "specialist" ? `Specialist \xB7 ${activity.label}` : activity.label }),
+    activity.status !== "completed" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "agent-transcript__activity-status", children: statusLabels[activity.status] }) : null,
+    validTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(activity.createdAt) }) : null
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "agent-transcript__activity", "data-status": activity.status, children: result ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("details", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("summary", { className: "agent-transcript__activity-heading", children: heading }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "agent-transcript__activity-result", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RecordedResult, { result }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "agent-transcript__activity-heading", children: heading }) });
+}
+
+// src/react/components/AgentTranscript/group-activities.ts
+function groupTranscriptActivities(activities) {
+  const calls = /* @__PURE__ */ new Map();
+  for (const activity of activities) {
+    const key = `${activity.category}:${activity.callId}`;
+    const previous = calls.get(key);
+    if (!previous) {
+      calls.set(key, {
+        latest: activity,
+        id: activity.id,
+        startedAt: activity.createdAt,
+        label: activity.label
+      });
+      continue;
+    }
+    const previousHasResult = previous.latest.status !== "started";
+    const nextHasResult = activity.status !== "started";
+    const useNext = nextHasResult && !previousHasResult || nextHasResult === previousHasResult && activity.createdAt >= previous.latest.createdAt;
+    const latest = useNext ? activity : previous.latest;
+    calls.set(key, {
+      latest,
+      id: previous.id,
+      startedAt: Math.min(previous.startedAt, activity.createdAt),
+      label: activity.createdAt < previous.startedAt ? activity.label : previous.label
+    });
+  }
+  return [...calls.values()].map(({ latest, id, startedAt, label }) => ({
+    ...latest,
+    id,
+    label,
+    createdAt: startedAt
+  }));
+}
+
+// src/react/components/AgentTranscript/AgentTranscript.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var timestampFormat = new Intl.DateTimeFormat("en-US", {
   month: "short",
   day: "numeric",
@@ -7139,6 +7364,7 @@ function defaultTimestamp(createdAt) {
 }
 function AgentTranscript({
   messages,
+  activities = [],
   theme,
   colorScheme,
   agentLabel = "Agent",
@@ -7147,7 +7373,14 @@ function AgentTranscript({
   formatTimestamp = defaultTimestamp
 }) {
   const scheme = useAgentColorScheme(colorScheme);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const entries = [
+    ...messages.map((message) => ({ kind: "message", ...message })),
+    ...groupTranscriptActivities(activities).map((activity) => ({
+      kind: "activity",
+      ...activity
+    }))
+  ].sort((left, right) => left.createdAt - right.createdAt);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "ol",
     {
       className: "webless-agent-root agent-transcript not-typeset",
@@ -7155,22 +7388,34 @@ function AgentTranscript({
       "data-color-scheme": scheme,
       "aria-label": label,
       style: agentThemeStyle(theme, scheme),
-      children: messages.map((message) => {
+      children: entries.map((message) => {
+        if (message.kind === "activity")
+          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            TranscriptActivity,
+            {
+              activity: message,
+              formatTimestamp
+            },
+            message.id
+          );
+        if (message.role === "visitor" && !message.text.trim()) return null;
         const date = new Date(message.createdAt);
         const validTimestamp = Number.isFinite(date.getTime());
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsxs)("div", { className: "agent-transcript__meta", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: message.role === "visitor" ? visitorLabel : agentLabel }),
+                validTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(message.createdAt) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(VisitorToolResultView, { result }, result.id)) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 MessageBubble,
                 {
                   message: message.role === "agent" ? { ...message, streaming: false } : message,
+                  bookingReadOnly: true,
                   bookingDisabled: true
                 }
               )