@webless/agent 0.6.2 → 0.6.4

package/dist/embed.cjs

@@ -27,6 +27,8 @@ __export(embed_exports, {
   mountAgent: () => mountAgent,
   normalizeAgentPlacement: () => normalizeAgentPlacement,
   normalizeAgentTagManifest: () => normalizeAgentTagManifest,
+  resetAgentPanel: () => resetAgentPanel,
+  submitAgentPanel: () => submitAgentPanel,
   unmountAgent: () => unmountAgent
 });
 module.exports = __toCommonJS(embed_exports);
@@ -48,9 +50,21 @@ function openAgentPanel(customerId) {
 function closeAgentPanel(customerId) {
   controllers.get(customerId)?.close();
 }
+function resetAgentPanel(customerId) {
+  controllers.get(customerId)?.reset();
+}
+function submitAgentPanel(customerId, message, options) {
+  const controller = controllers.get(customerId);
+  if (!controller) {
+    return Promise.reject(
+      new Error(`Agent panel "${customerId}" is not mounted.`)
+    );
+  }
+  return controller.submit(message, options);
+}
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/react/page-shift.ts
 var import_react = require("react");
@@ -141,6 +155,26 @@ var import_client2 = require("eve/client");
 // src/runtime/capability.ts
 var import_client = require("eve/client");
 var MAX_REFRESH_SKEW_MS = 3e4;
+var LOCAL_LOOPBACK_ORIGINS = [
+  "http://127.0.0.1:3010",
+  "http://127.0.0.1:3001"
+];
+function isLoopbackRuntimeOrigin(origin) {
+  try {
+    const host = new URL(origin).hostname;
+    return host === "127.0.0.1" || host === "localhost";
+  } catch {
+    return false;
+  }
+}
+function localBootstrapOrigins(origin) {
+  const normalized = origin.replace(/\/$/, "");
+  if (!isLoopbackRuntimeOrigin(normalized)) return [normalized];
+  return [
+    normalized,
+    ...LOCAL_LOOPBACK_ORIGINS.filter((candidate) => candidate !== normalized)
+  ];
+}
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -187,20 +221,31 @@ function createAgentRuntimeCapability(options) {
         );
       }
     }
-    const response = await fetchImplementation(
-      `${options.runtimeOrigin}/webless/v1/bootstrap`,
-      {
-        body: JSON.stringify({
-          clientSessionId: options.visitorSessionId,
-          indexId: options.indexId,
-          ...previewBuildId ? { previewBuildId } : {},
-          ...previewGrant ? { previewGrant } : {},
-          version: options.version
-        }),
-        headers: { "content-type": "application/json" },
-        method: "POST"
+    const bootstrapBody = JSON.stringify({
+      clientSessionId: options.visitorSessionId,
+      indexId: options.indexId,
+      ...previewBuildId ? { previewBuildId } : {},
+      ...previewGrant ? { previewGrant } : {},
+      version: options.version
+    });
+    const postBootstrap = (origin) => fetchImplementation(`${origin}/webless/v1/bootstrap`, {
+      body: bootstrapBody,
+      headers: { "content-type": "application/json" },
+      method: "POST"
+    });
+    let response;
+    let lastError;
+    for (const origin of localBootstrapOrigins(options.runtimeOrigin)) {
+      try {
+        response = await postBootstrap(origin);
+        break;
+      } catch (error) {
+        lastError = error;
       }
-    );
+    }
+    if (!response) {
+      throw lastError instanceof Error ? lastError : new Error("Agent Runtime is unavailable.");
+    }
     if (!response.ok) {
       throw new Error(await readBootstrapError(response));
     }
@@ -362,6 +407,226 @@ function clearPersistedAgentSession(visitorSessionId, options) {
   sessionStorage.removeItem(runtimeLastMessageKey(visitorSessionId, prefix));
 }
 
+// src/runtime/tool-ui.ts
+var AGENT_TOOL_UI_SCHEMA_VERSION = "webless.tool-ui.v1";
+function isRecord2(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 (!isRecord2(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 (!isRecord2(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 (!isRecord2(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 (!isRecord2(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 (!isRecord2(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 && isRecord2(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/client.ts
 function isTurnBoundary(event) {
   return event.type === "session.waiting" || event.type === "session.completed" || event.type === "session.failed";
@@ -374,12 +639,8 @@ function applyMessageEvent(event, rendered, handlers, workItems) {
   if (event.type === "message.completed") {
     handlers.onComplete?.();
   }
-  if (event.type === "action.result") {
-    const result = event.data.result;
-    if (result && typeof result === "object" && "output" in result) {
-      handlers.onActionResult?.(result.output);
-    }
-  }
+  if (event.type === "action.result") emitActionResult(event, handlers);
+  if (event.type === "input.requested") emitInputRequests(event, handlers);
   if (event.type !== "message.appended") return rendered;
   const { messageDelta, messageSoFar } = event.data;
   let delta = messageDelta;
@@ -390,9 +651,45 @@ function applyMessageEvent(event, rendered, handlers, workItems) {
   } else if (messageDelta) {
     next += messageDelta;
   }
-  if (delta) handlers.onDelta(delta);
+  if (delta) handlers.onDelta?.(delta);
   return next;
 }
+function emitActionResult(event, handlers) {
+  const result = event.data.result;
+  if (result.kind === "tool-result") {
+    handlers.onToolResult?.({
+      callId: result.callId,
+      toolName: result.toolName,
+      status: event.data.status,
+      output: result.output,
+      ...event.data.error ? { error: event.data.error } : {}
+    });
+  }
+  if ("output" in result) handlers.onActionResult?.(result.output);
+}
+function emitInputRequests(event, handlers) {
+  handlers.onInputRequest?.(
+    event.data.requests.map((request) => {
+      const ui = parseAgentToolUiSurface(
+        request.ui
+      );
+      return {
+        requestId: request.requestId,
+        kind: request.kind,
+        prompt: request.prompt,
+        ...request.display ? { display: request.display } : {},
+        ...request.allowFreeform !== void 0 ? { allowFreeform: request.allowFreeform } : {},
+        ...request.options ? { options: request.options } : {},
+        ...ui ? { ui } : {},
+        action: {
+          callId: request.action.callId,
+          kind: "tool-call",
+          toolName: request.action.toolName
+        }
+      };
+    })
+  );
+}
 function isResumeTurnMessage(received, candidate) {
   if (received === candidate) return true;
   return Boolean(candidate) && received.endsWith(`
@@ -668,9 +965,11 @@ var AgentSession = class {
     let streamIndex = session?.state.streamIndex ?? 0;
     let rendered = "";
     const workItems = /* @__PURE__ */ new Map();
+    let requestedInput = false;
     try {
       for await (const event of response) {
         if (signal.aborted) break;
+        if (event.type === "input.requested") requestedInput = true;
         rendered = applyMessageEvent(event, rendered, handlers, workItems);
         streamIndex += 1;
         if (session) {
@@ -688,7 +987,7 @@ var AgentSession = class {
         this.persistSessionCursor(session);
       }
     }
-    if (!rendered.trim() && !signal.aborted) {
+    if (!rendered.trim() && !signal.aborted && !requestedInput) {
       throw new Error("Empty response from runtime");
     }
     return rendered.trim();
@@ -708,6 +1007,9 @@ var AgentSession = class {
       () => attached.snapshot({ signal })
     );
     const turnEvents = latestTurnEvents(snapshot.events);
+    const hasInputRequest = turnEvents.some(
+      (event) => event.type === "input.requested"
+    );
     const received = turnEvents[0];
     const lastSent = persisted.lastMessage;
     const inFlight = !turnEvents.some((event) => isTurnBoundary(event));
@@ -718,6 +1020,8 @@ var AgentSession = class {
     const workItems = /* @__PURE__ */ new Map();
     for (const event of turnEvents) {
       applyWorkEvent(event, handlers, workItems);
+      if (event.type === "input.requested") emitInputRequests(event, handlers);
+      if (event.type === "action.result") emitActionResult(event, handlers);
     }
     if (rendered.startsWith(initialText)) {
       const missedText = rendered.slice(initialText.length);
@@ -747,7 +1051,9 @@ var AgentSession = class {
         );
       }
       handlers.onComplete?.();
-      if (!rendered.trim()) throw new Error("Empty response from runtime");
+      if (!rendered.trim() && !hasInputRequest) {
+        throw new Error("Empty response from runtime");
+      }
       return rendered.trim();
     }
     let streamIndex = snapshot.session.streamIndex;
@@ -766,7 +1072,55 @@ var AgentSession = class {
     session = client.sessions.attach(session.state.sessionId, { streamIndex });
     this.session = session;
     this.persistSessionCursor(session);
-    if (!rendered.trim() && !signal.aborted) {
+    if (!rendered.trim() && !signal.aborted && !hasInputRequest) {
+      throw new Error("Empty response from runtime");
+    }
+    return rendered.trim();
+  }
+  async respondTurn(responses, signal, handlers) {
+    const client = this.ensureClient();
+    const session = this.session ?? this.attachPersistedSession(client);
+    if (!session) {
+      throw new Error("No active session is waiting for input.");
+    }
+    this.session = session;
+    const inputResponses = responses.map(
+      ({ requestId, optionId, text }) => ({
+        requestId,
+        ...optionId ? { optionId } : {},
+        ...text ? { text } : {}
+      })
+    );
+    const response = await withCapabilityRefresh(
+      this.capability,
+      () => session.respond(inputResponses, { signal })
+    );
+    this.activeResponse = response;
+    let streamIndex = session.state.streamIndex;
+    let rendered = "";
+    let requestedInput = false;
+    const workItems = /* @__PURE__ */ new Map();
+    try {
+      for await (const event of response) {
+        if (signal.aborted) break;
+        if (event.type === "input.requested") requestedInput = true;
+        rendered = applyMessageEvent(event, rendered, handlers, workItems);
+        streamIndex += 1;
+        savePersistedAgentSession(
+          this.visitorSessionId,
+          session.state.sessionId,
+          streamIndex,
+          this.storeOptions
+        );
+      }
+    } finally {
+      this.activeResponse = void 0;
+      this.session = client.sessions.attach(session.state.sessionId, {
+        streamIndex
+      });
+      this.persistSessionCursor(this.session);
+    }
+    if (!rendered.trim() && !signal.aborted && !requestedInput) {
       throw new Error("Empty response from runtime");
     }
     return rendered.trim();
@@ -826,6 +1180,11 @@ function createAgentClient(options) {
       resumeOptions.handlers,
       resumeOptions.initialText
     ),
+    respondTurn: (respondOptions) => session.respondTurn(
+      respondOptions.responses,
+      respondOptions.signal ?? new AbortController().signal,
+      respondOptions.handlers
+    ),
     reset: () => session.reset(),
     cancelActive: () => session.cancelActive(),
     getActiveSessionId: () => session.getActiveSessionId()
@@ -875,7 +1234,176 @@ function formatAgentError(error) {
   return TRANSIENT_AGENT_ERROR_MESSAGE;
 }
 
+// src/react/lib/composer-form.ts
+var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_FORM_FIELDS = 2;
+var MAX_FORM_FIELDS = 5;
+var FIELD_LIBRARY = [
+  {
+    id: "email",
+    kind: "email",
+    label: "Email",
+    placeholder: "email@example.com",
+    required: true,
+    autocomplete: "email",
+    patterns: [/\be-?mails?\b/i]
+  },
+  {
+    id: "name",
+    kind: "text",
+    label: "Name",
+    placeholder: "Your name",
+    required: true,
+    autocomplete: "name",
+    patterns: [/\b((full|first|last)\s+)?names?\b/i],
+    exclude: /\bcompany\s+names?\b/i
+  },
+  {
+    id: "phone",
+    kind: "tel",
+    label: "Phone",
+    placeholder: "+1 555 0100",
+    required: true,
+    autocomplete: "tel",
+    patterns: [/\b(phone|mobile|cell)\b/i]
+  },
+  {
+    id: "company",
+    kind: "text",
+    label: "Company",
+    placeholder: "Company name",
+    required: true,
+    autocomplete: "organization",
+    patterns: [/\bcompan(y|ies)\b/i]
+  },
+  {
+    id: "message",
+    kind: "textarea",
+    label: "Message",
+    placeholder: "Message\u2026",
+    required: true,
+    patterns: [/\b(your message|a message|the message|inquiry|enquiry)\b/i],
+    exclude: /\bin one message\b/i
+  }
+];
+function asRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function asString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function isFieldKind2(value) {
+  return value === "text" || value === "email" || value === "tel" || value === "textarea";
+}
+function parseVisitorFormFields(value) {
+  if (!Array.isArray(value)) return [];
+  const fields = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    const record = asRecord(item);
+    const id = asString(record?.id).toLowerCase().replace(/[^a-z0-9_-]/g, "");
+    const kind = asString(record?.kind);
+    if (!record || !id || seen.has(id) || !isFieldKind2(kind)) continue;
+    seen.add(id);
+    const label = asString(record.label) || id;
+    fields.push({
+      id,
+      kind,
+      label,
+      placeholder: asString(record.placeholder) || label,
+      required: record.required !== false,
+      ...asString(record.autocomplete) ? { autocomplete: asString(record.autocomplete) } : {}
+    });
+    if (fields.length >= MAX_FORM_FIELDS) break;
+  }
+  return fields;
+}
+function readComposerControlValue(event) {
+  const node = event.target ?? event.currentTarget ?? null;
+  if (node && typeof node === "object" && "value" in node && typeof node.value === "string") {
+    return node.value;
+  }
+  return "";
+}
+function isValidComposerFieldValue(field, value) {
+  const trimmed = value.trim();
+  if (!trimmed) return !field.required;
+  if (field.kind === "email") return EMAIL_PATTERN.test(trimmed);
+  if (field.kind === "tel") return trimmed.replace(/\D/g, "").length >= 7;
+  return trimmed.length > 0;
+}
+function isComposerFormComplete(form, values) {
+  return form.fields.every(
+    (field) => isValidComposerFieldValue(field, values[field.id] ?? "")
+  );
+}
+function formatComposerFormMessage(form, values) {
+  return form.fields.map((field) => {
+    const value = (values[field.id] ?? "").trim();
+    return value ? `${field.label}: ${value}` : "";
+  }).filter(Boolean).join("\n");
+}
+function looksLikeFieldCollection(text) {
+  return /\b(please|need|send|share|enter|provide|add|collect|what|which|use)\b/i.test(
+    text
+  ) || /:\s*$/m.test(text) || /^[-*•]\s+/m.test(text);
+}
+function looksLikeBookingCopy(text) {
+  return /book(ing)? (card|a demo|this time)|pick a (date|time)|available (times|slots)|calendly/i.test(
+    text
+  );
+}
+function inferComposerForm(text) {
+  const cleaned = text.trim();
+  if (!cleaned || looksLikeBookingCopy(cleaned) || !looksLikeFieldCollection(cleaned)) {
+    return null;
+  }
+  const fields = FIELD_LIBRARY.flatMap((field) => {
+    if (field.exclude?.test(cleaned)) {
+      const leftover = cleaned.replace(field.exclude, " ");
+      if (!field.patterns.some((pattern) => pattern.test(leftover))) return [];
+    } else if (!field.patterns.some((pattern) => pattern.test(cleaned))) {
+      return [];
+    }
+    const { patterns: _patterns, exclude: _exclude, ...next } = field;
+    return [next];
+  }).slice(0, MAX_FORM_FIELDS);
+  if (fields.length < MIN_FORM_FIELDS) return null;
+  return {
+    id: `inferred:${fields.map((field) => field.id).join("+")}`,
+    fields
+  };
+}
+function resolveComposerForm(input) {
+  if (input.enabled === false || input.hasBookingOffer) return null;
+  const text = input.agentText.trim();
+  if (!text) return null;
+  const card = input.cards?.find((item) => item.type === "visitor_form");
+  if (card?.fields && card.fields.length >= MIN_FORM_FIELDS) {
+    return {
+      id: `card:${card.fields.map((field) => field.id).join("+")}`,
+      fields: card.fields.slice(0, MAX_FORM_FIELDS)
+    };
+  }
+  return inferComposerForm(text);
+}
+
 // src/react/lib/tool-card.ts
+function preferBookingOffer(current, next) {
+  if (!current) return next;
+  if (next.slots.length !== current.slots.length) {
+    return next.slots.length > current.slots.length ? next : current;
+  }
+  if (next.eventTypes.length !== current.eventTypes.length) {
+    return next.eventTypes.length > current.eventTypes.length ? next : current;
+  }
+  return next;
+}
+function looksLikeBookingReady(text) {
+  return /demo option|options are ready|pick a (date|time)|available (times|slots)|book(ing)? (card|the demo)|schedule/i.test(
+    text
+  );
+}
 function bookingOfferIdentityKey(offer) {
   const eventTypes = offer.eventTypes.map(
     (item) => `${item.uri}:${item.duration ?? ""}:${item.locationKind ?? ""}:${item.location ?? ""}`
@@ -884,10 +1412,10 @@ function bookingOfferIdentityKey(offer) {
   return `${eventTypes}::${slots}` || "offer";
 }
 var FENCE_PATTERN = /```(?:webless-tool-card|json)\s*([\s\S]*?)```/gi;
-function asRecord(value) {
+function asRecord2(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
-function asString(value) {
+function asString2(value) {
   return typeof value === "string" ? value.trim() : "";
 }
 function isEventUri(value) {
@@ -897,24 +1425,28 @@ function isEventTypeUri(value) {
   return /^https:\/\/api\.calendly\.com\/event_types\/[^/]+$/i.test(value);
 }
 function parseToolCard(value) {
-  const record = asRecord(value);
+  const record = asRecord2(value);
   if (!record) return null;
-  if (record.booking_offer && asString(record.type) !== "booking_offer") {
+  if (record.booking_offer && asString2(record.type) !== "booking_offer") {
     const nested = parseToolCard(record.booking_offer);
     if (nested) return nested;
   }
-  const type = asString(record.type);
+  if (record.visitor_booking && asString2(record.type) !== "booking_confirmed") {
+    const nested = parseToolCard(record.visitor_booking);
+    if (nested) return nested;
+  }
+  const type = asString2(record.type);
   if (type === "booking_offer") {
     const eventTypes = Array.isArray(record.eventTypes) ? record.eventTypes.flatMap((item) => {
-      const entry = asRecord(item);
-      const uri = asString(entry?.uri);
-      if (!entry || !isEventTypeUri(uri)) return [];
+      const entry = asRecord2(item);
+      const uri = asString2(entry?.uri);
+      if (!entry || !uri) return [];
       const duration = entry.duration;
-      const locationKind = asString(entry.locationKind);
-      const location = asString(entry.location);
+      const locationKind = asString2(entry.locationKind);
+      const location = asString2(entry.location);
       return [
         {
-          name: asString(entry.name) || "Meeting",
+          name: asString2(entry.name) || "Meeting",
           uri,
           ...typeof duration === "number" ? { duration } : {},
           ...locationKind ? { locationKind } : {},
@@ -923,10 +1455,10 @@ function parseToolCard(value) {
       ];
     }) : [];
     const slots = Array.isArray(record.slots) ? record.slots.flatMap((item) => {
-      const entry = asRecord(item);
-      const startTime = asString(entry?.startTime);
+      const entry = asRecord2(item);
+      const startTime = asString2(entry?.startTime);
       if (!entry || !startTime) return [];
-      const eventTypeUri = asString(entry.eventTypeUri);
+      const eventTypeUri = asString2(entry.eventTypeUri);
       return [
         {
           startTime,
@@ -934,15 +1466,15 @@ function parseToolCard(value) {
         }
       ];
     }) : [];
-    if (slots.length === 0) return null;
+    if (eventTypes.length === 0 && slots.length === 0) return null;
     return { type: "booking_offer", eventTypes, slots };
   }
   if (type === "booking_confirmed") {
-    const eventUri = asString(record.eventUri);
+    const eventUri = asString2(record.eventUri);
     if (!isEventUri(eventUri)) return null;
-    const inviteeUri = asString(record.inviteeUri);
-    const inviteeEmail = asString(record.inviteeEmail);
-    const startTime = asString(record.startTime);
+    const inviteeUri = asString2(record.inviteeUri);
+    const inviteeEmail = asString2(record.inviteeEmail);
+    const startTime = asString2(record.startTime);
     return {
       type: "booking_confirmed",
       eventUri,
@@ -952,10 +1484,15 @@ function parseToolCard(value) {
     };
   }
   if (type === "booking_canceled") {
-    const eventUri = asString(record.eventUri);
+    const eventUri = asString2(record.eventUri);
     if (!isEventUri(eventUri)) return null;
     return { type: "booking_canceled", eventUri };
   }
+  if (type === "visitor_form") {
+    const fields = parseVisitorFormFields(record.fields);
+    if (fields.length < 2) return null;
+    return { type: "visitor_form", fields };
+  }
   return null;
 }
 function formatBookingOfferFence(offer) {
@@ -969,11 +1506,10 @@ function formatBookingOfferFence(offer) {
     "```"
   ].join("\n");
 }
-function bookingOfferFromActionOutput(output) {
-  const record = asRecord(output);
-  const data = asRecord(record?.data) ?? record;
-  const card = parseToolCard(data);
-  return card?.type === "booking_offer" ? card : null;
+function bookingCardFromActionOutput(output) {
+  const record = asRecord2(output);
+  const data = asRecord2(record?.data) ?? record;
+  return parseToolCard(data);
 }
 function ensureBookingOfferText(text, offer) {
   if (!offer) return text;
@@ -988,6 +1524,21 @@ ${formatBookingOfferFence(offer)}`;
 function hideToolCardFences(text) {
   return text.replace(/```(?:webless-tool-card|json)\s*[\s\S]*?```/gi, "").replace(/```(?:webless-tool-card|json)[\s\S]*$/i, "").replace(/\n{3,}/g, "\n\n").trim();
 }
+var BOOKING_CARD_FALLBACK = "Pick a date and time that works for you.";
+function looksLikeBookingAvailabilityDump(text) {
+  const cleaned = text.trim();
+  if (!cleaned) return false;
+  const isoCount = (cleaned.match(/\d{4}-\d{2}-\d{2}[ T]\d{2}:\d{2}/g) ?? []).length;
+  const utcCount = (cleaned.match(/\bUTC\b/g) ?? []).length;
+  return isoCount >= 2 || utcCount >= 2 || /api\.calendly\.com|calendly\.com\//i.test(cleaned) || /webless-tool-card/i.test(cleaned);
+}
+function sanitizeBookingOfferCopy(text) {
+  const cleaned = hideToolCardFences(text);
+  if (!cleaned || looksLikeBookingAvailabilityDump(cleaned)) {
+    return BOOKING_CARD_FALLBACK;
+  }
+  return cleaned;
+}
 function visitorTimeZone() {
   try {
     return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
@@ -1089,6 +1640,7 @@ function formatSlotLabel(startTime) {
 function formatBookingRequest(input) {
   return [
     "Book this meeting now with CALENDLY_POST_INVITEE.",
+    "Execute CALENDLY_POST_INVITEE in this turn with the fields below.",
     "Do not open a Calendly URL and do not list other scheduled events.",
     "Do not invent a location kind. Use only the location fields below.",
     `event_type: ${input.eventTypeUri}`,
@@ -1116,7 +1668,7 @@ function visitorBookingPrefix(booking) {
 }
 
 // src/react/persisted-conversation.ts
-var CONVERSATION_VERSION = 2;
+var CONVERSATION_VERSION = 3;
 function conversationKey(storageKeyPrefix, visitorSessionId) {
   return `${storageKeyPrefix}:conversation:${visitorSessionId}`;
 }
@@ -1156,30 +1708,171 @@ function parseToolStep(value) {
     ...typeof record.detail === "string" && record.detail ? { detail: record.detail } : {}
   };
 }
+function parseInputOption(value) {
+  if (typeof value !== "object" || value === null) return null;
+  const record = value;
+  if (typeof record.id !== "string" || typeof record.label !== "string") {
+    return null;
+  }
+  return {
+    id: record.id,
+    label: record.label,
+    ...typeof record.description === "string" ? { description: record.description } : {},
+    ...record.style === "default" || record.style === "primary" || record.style === "danger" ? { style: record.style } : {}
+  };
+}
+function parseInputRequest(value) {
+  if (typeof value !== "object" || value === null) return null;
+  const record = value;
+  if (typeof record.requestId !== "string" || record.kind !== "question" && record.kind !== "session-limit" && record.kind !== "tool-approval" || typeof record.prompt !== "string") {
+    return null;
+  }
+  const action = record.action;
+  if (typeof action !== "object" || action === null) return null;
+  const actionRecord = action;
+  if (typeof actionRecord.callId !== "string" || actionRecord.kind !== "tool-call" || typeof actionRecord.toolName !== "string") {
+    return null;
+  }
+  const options = Array.isArray(record.options) ? record.options.map(parseInputOption) : void 0;
+  if (Array.isArray(record.options) && options?.some((option) => option === null)) {
+    return null;
+  }
+  const ui = record.ui ? parseAgentToolUiSurface(record.ui) : void 0;
+  if (record.ui && !ui) return null;
+  return {
+    requestId: record.requestId,
+    kind: record.kind,
+    prompt: record.prompt,
+    action: {
+      callId: actionRecord.callId,
+      kind: "tool-call",
+      toolName: actionRecord.toolName
+    },
+    ...record.display === "confirmation" || record.display === "select" || record.display === "text" ? { display: record.display } : {},
+    ...record.allowFreeform === true ? { allowFreeform: true } : {},
+    ...options && options.length > 0 ? {
+      options: options.filter(
+        (option) => option !== null
+      )
+    } : {},
+    ...ui ? { ui } : {}
+  };
+}
+function parseToolResult(value) {
+  if (typeof value !== "object" || value === null) return null;
+  const record = value;
+  if (typeof record.id !== "string" || typeof record.toolName !== "string" || record.status !== "completed" && record.status !== "failed" && record.status !== "rejected") {
+    return null;
+  }
+  if (record.kind === "input") {
+    const surface = parseAgentToolUiSurface(
+      record.surface
+    );
+    return surface ? {
+      id: record.id,
+      toolName: record.toolName,
+      status: record.status,
+      kind: "input",
+      surface
+    } : null;
+  }
+  if (record.kind === "entity" && typeof record.title === "string") {
+    return {
+      id: record.id,
+      toolName: record.toolName,
+      status: record.status,
+      kind: "entity",
+      title: record.title,
+      ...typeof record.description === "string" ? { description: record.description } : {}
+    };
+  }
+  if (record.kind === "collection" && typeof record.title === "string" && Array.isArray(record.items)) {
+    return {
+      id: record.id,
+      toolName: record.toolName,
+      status: record.status,
+      kind: "collection",
+      title: record.title,
+      items: record.items.flatMap((item) => {
+        if (typeof item !== "object" || item === null) return [];
+        const entry = item;
+        if (typeof entry.title !== "string") return [];
+        return [
+          {
+            title: entry.title,
+            ...typeof entry.description === "string" ? { description: entry.description } : {},
+            ...typeof entry.href === "string" ? { href: entry.href } : {}
+          }
+        ];
+      })
+    };
+  }
+  if (record.kind === "signature" && typeof record.title === "string") {
+    return {
+      id: record.id,
+      toolName: record.toolName,
+      status: record.status,
+      kind: "signature",
+      title: record.title,
+      ...typeof record.description === "string" ? { description: record.description } : {},
+      ...typeof record.statusLabel === "string" ? { statusLabel: record.statusLabel } : {}
+    };
+  }
+  if (record.kind !== "summary" || typeof record.title !== "string")
+    return null;
+  return {
+    id: record.id,
+    toolName: record.toolName,
+    status: record.status,
+    kind: "summary",
+    title: record.title,
+    ...typeof record.description === "string" ? { description: record.description } : {}
+  };
+}
 function visitorTurnText(message) {
   return message.role === "visitor" && message.runtimeText ? message.runtimeText : message.text;
 }
 function loadPersistedAgentConversation(storageKeyPrefix, visitorSessionId) {
   if (typeof sessionStorage === "undefined") return null;
-  const raw = sessionStorage.getItem(conversationKey(storageKeyPrefix, visitorSessionId));
+  const raw = sessionStorage.getItem(
+    conversationKey(storageKeyPrefix, visitorSessionId)
+  );
   if (!raw) return null;
   try {
     const value = JSON.parse(raw);
     if (typeof value !== "object" || value === null) return null;
     const record = value;
-    if (record.version !== 1 && record.version !== CONVERSATION_VERSION || !Array.isArray(record.messages) || typeof record.pending !== "boolean" || typeof record.streamingText !== "string" || record.version === CONVERSATION_VERSION && !Array.isArray(record.toolSteps)) {
+    if (record.version !== 1 && record.version !== 2 && record.version !== CONVERSATION_VERSION || !Array.isArray(record.messages) || typeof record.pending !== "boolean" || typeof record.streamingText !== "string" || record.version === CONVERSATION_VERSION && !Array.isArray(record.toolSteps)) {
       return null;
     }
     const messages = record.messages.map(parseMessage);
     if (messages.some((message) => message === null)) return null;
-    const storedToolSteps = record.version === CONVERSATION_VERSION && Array.isArray(record.toolSteps) ? record.toolSteps : [];
+    const storedToolSteps = (record.version === 2 || record.version === CONVERSATION_VERSION) && Array.isArray(record.toolSteps) ? record.toolSteps : [];
     const toolSteps = storedToolSteps.map(parseToolStep);
     if (toolSteps.some((step) => step === null)) return null;
+    const storedToolResults = record.version === CONVERSATION_VERSION && Array.isArray(record.toolResults) ? record.toolResults : [];
+    const toolResults = storedToolResults.map(parseToolResult);
+    if (toolResults.some((result) => result === null)) return null;
+    const storedPendingInputs = Array.isArray(record.pendingInputs) ? record.pendingInputs : [];
+    const pendingInputs = storedPendingInputs.map(parseInputRequest);
+    if (pendingInputs.some((request) => request === null)) return null;
     return {
-      messages: messages.filter((message) => message !== null),
+      messages: messages.filter(
+        (message) => message !== null
+      ),
       pending: record.pending,
       streamingText: record.streamingText,
-      toolSteps: toolSteps.filter((step) => step !== null)
+      toolSteps: toolSteps.filter((step) => step !== null),
+      ...Array.isArray(record.toolResults) ? {
+        toolResults: toolResults.filter(
+          (result) => result !== null
+        )
+      } : {},
+      ...pendingInputs.length > 0 ? {
+        pendingInputs: pendingInputs.filter(
+          (request) => request !== null
+        )
+      } : {}
     };
   } catch {
     return null;
@@ -1194,7 +1887,9 @@ function savePersistedAgentConversation(storageKeyPrefix, visitorSessionId, conv
 }
 function clearPersistedAgentConversation(storageKeyPrefix, visitorSessionId) {
   if (typeof sessionStorage === "undefined") return;
-  sessionStorage.removeItem(conversationKey(storageKeyPrefix, visitorSessionId));
+  sessionStorage.removeItem(
+    conversationKey(storageKeyPrefix, visitorSessionId)
+  );
   clearPendingWidgetBooking(storageKeyPrefix, visitorSessionId);
 }
 function pendingBookingKey(storageKeyPrefix, visitorSessionId) {
@@ -1230,45 +1925,457 @@ function savePendingWidgetBooking(storageKeyPrefix, visitorSessionId, booking) {
 }
 function clearPendingWidgetBooking(storageKeyPrefix, visitorSessionId) {
   if (typeof sessionStorage === "undefined") return;
-  sessionStorage.removeItem(pendingBookingKey(storageKeyPrefix, visitorSessionId));
+  sessionStorage.removeItem(
+    pendingBookingKey(storageKeyPrefix, visitorSessionId)
+  );
 }
 
-// src/react/hooks/useAgentChat.ts
-var DEFAULT_GREETING = "Hi! I can search this site or bring in a specialist when it helps. What would you like to know?";
-function createInitialState(greeting = DEFAULT_GREETING) {
+// src/runtime/tool-result-envelope.ts
+var ENVELOPE_KEYS = /* @__PURE__ */ new Set([
+  "schemaVersion",
+  "output",
+  "presentationKinds",
+  "ui"
+]);
+function isRecord3(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 (!isRecord3(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 {
-    phase: "idle",
-    messages: [
-      {
-        id: "greeting",
-        role: "agent",
-        text: greeting,
-        createdAt: 0
-      }
-    ],
-    toolSteps: [],
-    journey: null,
-    followUps: [],
-    streamingText: "",
-    pendingOffer: null,
-    error: null
+    schemaVersion: "webless.tool-result.v1",
+    output: decoded.output,
+    presentationKinds,
+    ...ui ? { ui } : {}
   };
 }
-function stateFromConversation(conversation, initialState) {
-  if (!conversation || conversation.messages.length === 0) return initialState;
+
+// src/react/lib/tool-result.ts
+var MAX_TEXT_LENGTH = 240;
+var MAX_DETAILS = 6;
+var MAX_LINKS = 4;
+var MAX_COLLECTION_ITEMS = 8;
+var INTERNAL_FACT_LABEL = /^(hs\b|createdate|created at|updatedate|updated at|firstname|first name|lastname|last name|vid|objectid|object id|all contact)/iu;
+function safeText(value) {
+  if (typeof value !== "string") return "";
+  return value.trim().slice(0, MAX_TEXT_LENGTH);
+}
+function safeHref(value) {
+  const text = safeText(value);
+  if (!text) return "";
+  try {
+    const url = new URL(text);
+    return url.protocol === "https:" ? url.toString() : "";
+  } catch {
+    return "";
+  }
+}
+function fallbackTitle(result) {
+  if (result.status === "failed") return "Couldn\u2019t complete this action";
+  if (result.status === "rejected") return "Action not approved";
+  return "Action completed";
+}
+function bookingPresenter(kind) {
   return {
-    ...initialState,
-    messages: conversation.messages,
-    phase: conversation.pending ? conversation.streamingText ? "streaming" : "thinking" : "complete",
-    streamingText: conversation.streamingText,
-    toolSteps: conversation.toolSteps
+    kind,
+    present: ({ envelope }) => {
+      const card = bookingCardFromActionOutput(envelope.output);
+      return card && card.type === kind ? { kind: "booking", card } : null;
+    }
   };
 }
-function upsertToolStep(steps, item) {
-  const next = {
-    id: item.id,
-    kind: item.kind,
-    label: item.label,
+function asRecord3(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function parseFacts(value) {
+  if (!Array.isArray(value)) return [];
+  return value.flatMap((item) => {
+    const fact = asRecord3(item);
+    const label = safeText(fact?.label);
+    const factValue = safeText(fact?.value);
+    if (!label || !factValue) return [];
+    if (INTERNAL_FACT_LABEL.test(label)) return [];
+    return [{ label, value: factValue }];
+  });
+}
+function parseLinks(output, defaultLabel) {
+  const href = safeHref(output.href);
+  const linkLabel = safeText(output.linkLabel) || defaultLabel;
+  return href ? [{ label: linkLabel, href }] : [];
+}
+function entityResultPresenter() {
+  return {
+    kind: "entity_result",
+    present: ({ envelope, result }) => {
+      const output = asRecord3(envelope.output);
+      if (!output) return null;
+      const title = safeText(output.title) || fallbackTitle(result);
+      const description = safeText(output.description);
+      const facts = parseFacts(output.facts).filter((fact) => fact.value !== description && fact.value !== title).slice(0, MAX_DETAILS);
+      return {
+        kind: "entity",
+        title,
+        ...description && description !== title ? { description } : {},
+        ...facts.length ? { details: facts } : {},
+        ...parseLinks(output, "Open record").length ? { links: parseLinks(output, "Open record") } : {}
+      };
+    }
+  };
+}
+function collectionResultPresenter() {
+  return {
+    kind: "collection",
+    present: ({ envelope, result }) => {
+      const output = asRecord3(envelope.output);
+      if (!output) return null;
+      const title = safeText(output.title) || fallbackTitleFromKind("collection");
+      const items = Array.isArray(output.items) ? output.items.slice(0, MAX_COLLECTION_ITEMS).flatMap((item) => {
+        const entry = asRecord3(item);
+        if (!entry) return [];
+        const itemTitle = safeText(entry.title);
+        if (!itemTitle) return [];
+        const description = safeText(entry.description);
+        const details = parseFacts(entry.facts).slice(0, MAX_DETAILS);
+        const href = safeHref(entry.href);
+        return [
+          {
+            title: itemTitle,
+            ...description ? { description } : {},
+            ...details.length ? { details } : {},
+            ...href ? { href } : {}
+          }
+        ];
+      }) : [];
+      return {
+        kind: "collection",
+        title,
+        items
+      };
+    }
+  };
+}
+function signatureResultPresenter() {
+  return {
+    kind: "signature",
+    present: ({ envelope, result }) => {
+      const output = asRecord3(envelope.output);
+      if (!output) return null;
+      const title = safeText(output.title) || fallbackTitleFromKind("signature");
+      const description = safeText(output.description);
+      const statusLabel = safeText(output.status);
+      return {
+        kind: "signature",
+        title,
+        ...description ? { description } : {},
+        ...statusLabel ? { statusLabel } : {},
+        ...parseLinks(output, "Sign now").length ? { links: parseLinks(output, "Sign now") } : {}
+      };
+    }
+  };
+}
+function resultCardPresenter(kind) {
+  return {
+    kind,
+    present: ({ envelope, result }) => {
+      const output = asRecord3(envelope.output);
+      if (!output) return null;
+      const title = safeText(output.title) || fallbackTitleFromKind(kind);
+      const description = safeText(output.description);
+      const facts = parseFacts(output.facts).slice(0, MAX_DETAILS);
+      return {
+        kind: "summary",
+        title,
+        ...description && description !== title ? { description } : {},
+        ...facts.length ? { details: facts } : {},
+        ...parseLinks(output, "Open").length ? { links: parseLinks(output, "Open") } : {}
+      };
+    }
+  };
+}
+function fallbackTitleFromKind(kind) {
+  if (kind === "document") return "Document ready";
+  if (kind === "signature") return "Ready to sign";
+  if (kind === "payment") return "Payment link";
+  if (kind === "collection") return "Results";
+  if (kind === "confirmation_result") return "Confirmed";
+  return "Saved";
+}
+var builtInVisitorToolResultRegistry = [
+  bookingPresenter("booking_offer"),
+  bookingPresenter("booking_confirmed"),
+  bookingPresenter("booking_canceled"),
+  entityResultPresenter(),
+  collectionResultPresenter(),
+  signatureResultPresenter(),
+  resultCardPresenter("document"),
+  resultCardPresenter("payment"),
+  resultCardPresenter("confirmation_result")
+];
+function resolvePresenterOutput(result, envelope, registry) {
+  const presenters = [...registry, ...builtInVisitorToolResultRegistry];
+  for (const presentationKind of envelope.presentationKinds) {
+    const presenter = presenters.find(
+      (candidate) => candidate.kind === presentationKind
+    );
+    if (!presenter) continue;
+    try {
+      const presented = presenter.present({
+        envelope,
+        presentationKind,
+        result
+      });
+      if (presented) return presented;
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+function finalizeSummaryPresentation(result, proposed) {
+  const title = safeText(proposed.title) || fallbackTitle(result);
+  const description = safeText(proposed.description);
+  const details = proposed.details?.slice(0, MAX_DETAILS).flatMap((detail) => {
+    const label = safeText(detail.label);
+    const value = safeText(detail.value);
+    if (!label || !value) return [];
+    if (INTERNAL_FACT_LABEL.test(label)) return [];
+    if (value === title || value === description) return [];
+    return [{ label, value }];
+  });
+  const links = proposed.links?.slice(0, MAX_LINKS).flatMap((link) => {
+    const label = safeText(link.label);
+    const href = safeHref(link.href);
+    return label && href ? [{ label, href }] : [];
+  });
+  return {
+    id: result.callId,
+    toolName: result.toolName,
+    status: result.status,
+    kind: "summary",
+    title,
+    ...description && description !== title ? { description } : {},
+    ...details?.length ? { details } : {},
+    ...links?.length ? { links } : {}
+  };
+}
+function presentVisitorToolResult(result, registry = []) {
+  const envelope = parseAgentToolResultEnvelope(result.output) ?? legacyBookingEnvelope(result.output);
+  const proposed = envelope ? resolvePresenterOutput(result, envelope, registry) : null;
+  if (proposed?.kind === "booking") {
+    return {
+      id: result.callId,
+      toolName: result.toolName,
+      status: result.status,
+      kind: "booking",
+      card: proposed.card
+    };
+  }
+  if (envelope?.ui && envelope.presentationKinds.includes("tool_input")) {
+    return {
+      id: result.callId,
+      toolName: result.toolName,
+      status: result.status,
+      kind: "hidden"
+    };
+  }
+  if (!proposed) {
+    if (result.status === "failed" || result.status === "rejected") {
+      return {
+        id: result.callId,
+        toolName: result.toolName,
+        status: result.status,
+        kind: "summary",
+        title: fallbackTitle(result)
+      };
+    }
+    return {
+      id: result.callId,
+      toolName: result.toolName,
+      status: result.status,
+      kind: "hidden"
+    };
+  }
+  if (proposed.kind === "entity") {
+    return {
+      id: result.callId,
+      toolName: result.toolName,
+      status: result.status,
+      ...proposed
+    };
+  }
+  if (proposed.kind === "collection") {
+    return {
+      id: result.callId,
+      toolName: result.toolName,
+      status: result.status,
+      ...proposed
+    };
+  }
+  if (proposed.kind === "signature") {
+    return {
+      id: result.callId,
+      toolName: result.toolName,
+      status: result.status,
+      ...proposed
+    };
+  }
+  return finalizeSummaryPresentation(result, proposed);
+}
+function legacyBookingEnvelope(output) {
+  const card = bookingCardFromActionOutput(output);
+  return card ? {
+    schemaVersion: "webless.tool-result.v1",
+    output: card,
+    presentationKinds: [card.type]
+  } : null;
+}
+
+// src/react/lib/visitor-input.ts
+function shouldRenderVisitorInputCard(request) {
+  if (request.kind === "tool-approval" || request.kind === "session-limit") {
+    return true;
+  }
+  if (request.kind === "question") {
+    return (request.options?.length ?? 0) > 0;
+  }
+  return false;
+}
+function isChatCollectibleInputRequest(request) {
+  return request.kind === "question" && (request.options?.length ?? 0) === 0;
+}
+function appendChatCollectiblePrompts(messages, requests) {
+  const next = [...messages];
+  for (const request of requests.filter(isChatCollectibleInputRequest)) {
+    const prompt = request.prompt.trim();
+    if (!prompt) continue;
+    const last = next.at(-1);
+    if (last?.role === "agent" && last.text.trim() === prompt) continue;
+    next.push({
+      id: `agent-input-${request.requestId}`,
+      role: "agent",
+      text: prompt,
+      createdAt: Date.now()
+    });
+  }
+  return next;
+}
+function chatInputResponseForText(requests, text) {
+  const trimmed = text.trim();
+  if (!trimmed) return null;
+  const pending = requests.find(isChatCollectibleInputRequest);
+  if (!pending) return null;
+  return { requestId: pending.requestId, text: trimmed };
+}
+function normalizeAssistantDedupeKey(text) {
+  return text.trim().replace(/\s+/g, " ").toLowerCase();
+}
+function isNearDuplicateAssistantText(left, right) {
+  const a = normalizeAssistantDedupeKey(left);
+  const b = normalizeAssistantDedupeKey(right);
+  if (!a || !b) return false;
+  if (a === b) return true;
+  const shorter = a.length <= b.length ? a : b;
+  const longer = a.length <= b.length ? b : a;
+  if (shorter.length < 40) return false;
+  return longer.startsWith(
+    shorter.slice(0, Math.floor(shorter.length * 0.85))
+  );
+}
+function appendAgentTurnMessage(messages, displayText) {
+  const trimmed = displayText.trim();
+  if (!trimmed) return [...messages];
+  const agentMessage = {
+    id: `agent-${Date.now()}`,
+    role: "agent",
+    text: trimmed,
+    createdAt: Date.now()
+  };
+  const last = messages.at(-1);
+  if (last?.role === "agent" && (last.id.startsWith("agent-input-") || isNearDuplicateAssistantText(last.text, trimmed))) {
+    return [...messages.slice(0, -1), agentMessage];
+  }
+  return [...messages, agentMessage];
+}
+
+// src/react/hooks/useAgentChat.ts
+var DEFAULT_GREETING = "Hi! I can search this site or bring in a specialist when it helps. What would you like to know?";
+function createInitialState(greeting = DEFAULT_GREETING) {
+  return {
+    phase: "idle",
+    messages: [
+      {
+        id: "greeting",
+        role: "agent",
+        text: greeting,
+        createdAt: 0
+      }
+    ],
+    toolSteps: [],
+    journey: null,
+    followUps: [],
+    streamingText: "",
+    pendingOffer: null,
+    pendingInputs: [],
+    toolResults: [],
+    error: null
+  };
+}
+function stateFromConversation(conversation, initialState) {
+  if (!conversation || conversation.messages.length === 0) return initialState;
+  const pendingInputs = conversation.pendingInputs ?? [];
+  const hasWaitingInput = pendingInputs.length > 0;
+  return {
+    ...initialState,
+    messages: conversation.messages,
+    phase: hasWaitingInput ? "waiting-input" : conversation.pending ? conversation.streamingText ? "streaming" : "thinking" : "complete",
+    streamingText: conversation.streamingText,
+    toolSteps: conversation.toolSteps,
+    toolResults: conversation.toolResults,
+    ...hasWaitingInput ? { pendingInputs } : {}
+  };
+}
+function upsertToolStep(steps, item) {
+  const next = {
+    id: item.id,
+    kind: item.kind,
+    label: item.label,
     state: item.state,
     ...item.detail ? { detail: item.detail } : {}
   };
@@ -1276,6 +2383,24 @@ function upsertToolStep(steps, item) {
   if (index < 0) return [...steps, next];
   return steps.map((step, stepIndex) => stepIndex === index ? next : step);
 }
+function applyBookingOffer(prev, card) {
+  const pendingOffer = preferBookingOffer(prev.pendingOffer, card);
+  const last = prev.messages.at(-1);
+  if (last?.role === "agent" && prev.phase === "complete") {
+    return {
+      ...prev,
+      pendingOffer,
+      messages: [
+        ...prev.messages.slice(0, -1),
+        {
+          ...last,
+          text: ensureBookingOfferText(last.text, pendingOffer)
+        }
+      ]
+    };
+  }
+  return { ...prev, pendingOffer };
+}
 function completeActivePlanning(steps) {
   return steps.map(
     (step) => step.kind === "planning" && step.state === "active" ? {
@@ -1285,6 +2410,9 @@ function completeActivePlanning(steps) {
     } : step
   );
 }
+function isJsonRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
 function useAgentChat({
   customerId,
   getUnpublishedPreviewGrant,
@@ -1294,7 +2422,8 @@ function useAgentChat({
   runtimeOrigin,
   visitorSessionId,
   storageKeyPrefix,
-  greeting
+  greeting,
+  toolResultRegistry
 }) {
   const initialState = (0, import_react2.useMemo)(
     () => createInitialState(greeting?.trim() || DEFAULT_GREETING),
@@ -1302,6 +2431,8 @@ function useAgentChat({
   );
   const previewGrantProviderRef = (0, import_react2.useRef)(getUnpublishedPreviewGrant);
   previewGrantProviderRef.current = getUnpublishedPreviewGrant;
+  const toolResultRegistryRef = (0, import_react2.useRef)(toolResultRegistry);
+  toolResultRegistryRef.current = toolResultRegistry;
   const resolveUnpublishedPreviewGrant = () => {
     const provider = previewGrantProviderRef.current;
     if (!provider) {
@@ -1396,14 +2527,18 @@ function useAgentChat({
       messages: state.messages,
       pending: isAgentBusy(state.phase),
       streamingText: state.streamingText,
-      toolSteps: state.toolSteps
+      toolSteps: state.toolSteps,
+      toolResults: state.toolResults ?? [],
+      ...state.pendingInputs && state.pendingInputs.length > 0 ? { pendingInputs: state.pendingInputs } : {}
     });
   }, [
     resolvedStorageKeyPrefix,
     state.messages,
+    state.pendingInputs,
     state.phase,
     state.streamingText,
     state.toolSteps,
+    state.toolResults,
     visitorId
   ]);
   const reset = (0, import_react2.useCallback)(() => {
@@ -1416,13 +2551,20 @@ function useAgentChat({
   }, [initialState, resolvedStorageKeyPrefix, visitorId]);
   const runTurn = (0, import_react2.useCallback)(
     async (input) => {
-      const { controller, initialText = "", resume, visitorText } = input;
+      const {
+        controller,
+        initialText = "",
+        responses,
+        resume,
+        visitorText
+      } = input;
       const { signal } = controller;
       const isActiveRun = () => runRef.current === controller && !signal.aborted;
       try {
         let streamStarted = Boolean(initialText);
         let streamed = initialText;
         const capturedOffers = [];
+        let capturedInputCount = 0;
         const handlers = {
           onWork: (item) => {
             if (!isActiveRun()) return;
@@ -1432,11 +2574,62 @@ function useAgentChat({
               toolSteps: upsertToolStep(prev.toolSteps, item)
             }));
           },
-          onActionResult: (output) => {
-            const offer = bookingOfferFromActionOutput(output);
-            if (!offer) return;
-            capturedOffers.push(offer);
-            setState((prev) => ({ ...prev, pendingOffer: offer }));
+          onToolResult: (result) => {
+            const presentation = presentVisitorToolResult(
+              result,
+              toolResultRegistryRef.current
+            );
+            if (presentation.kind === "booking") {
+              const card = presentation.card;
+              if (card.type === "booking_offer") {
+                capturedOffers.push(card);
+                setState((prev) => applyBookingOffer(prev, card));
+                return;
+              }
+              if (!isActiveRun()) return;
+              if (card.type === "booking_confirmed") {
+                pendingBookingRef.current = card;
+                savePendingWidgetBooking(
+                  resolvedStorageKeyPrefix,
+                  visitorId,
+                  card
+                );
+              } else if (card.type === "booking_canceled" && pendingBookingRef.current?.eventUri === card.eventUri) {
+                pendingBookingRef.current = null;
+                clearPendingWidgetBooking(resolvedStorageKeyPrefix, visitorId);
+              }
+              return;
+            }
+            if (!isActiveRun()) return;
+            if (presentation.kind === "hidden") return;
+            if (presentation.kind === "input") return;
+            setState((prev) => ({
+              ...prev,
+              toolResults: [
+                ...(prev.toolResults ?? []).filter(
+                  (item) => item.id !== presentation.id
+                ),
+                presentation
+              ]
+            }));
+          },
+          onInputRequest: (requests) => {
+            if (!isActiveRun()) return;
+            capturedInputCount += requests.length;
+            const cardRequests = requests.filter(shouldRenderVisitorInputCard);
+            const chatRequests = requests.filter(isChatCollectibleInputRequest);
+            setState((prev) => ({
+              ...prev,
+              phase: cardRequests.length > 0 ? "waiting-input" : "complete",
+              pendingInputs: [...requests],
+              ...chatRequests.length > 0 ? {
+                messages: appendChatCollectiblePrompts(
+                  prev.messages,
+                  chatRequests
+                ),
+                toolSteps: completeActivePlanning(prev.toolSteps)
+              } : {}
+            }));
           },
           onDelta: (delta) => {
             if (!isActiveRun()) return;
@@ -1462,7 +2655,11 @@ function useAgentChat({
             streamStarted = true;
           }
         };
-        let finalText = resume ? await clientRef.current.resumeTurn({
+        let finalText = responses ? await clientRef.current.respondTurn({
+          handlers,
+          responses,
+          signal
+        }) : resume ? await clientRef.current.resumeTurn({
           handlers,
           initialText,
           message: visitorText,
@@ -1474,17 +2671,15 @@ function useAgentChat({
             signal
           });
         }
-        if (!isActiveRun() || finalText === null) return;
+        if (!isActiveRun() || finalText === null) return null;
+        if (!finalText.trim() && capturedInputCount > 0) {
+          runRef.current = null;
+          return null;
+        }
         const displayText = ensureBookingOfferText(
           finalText,
           capturedOffers.at(-1) ?? null
         );
-        const agentMessage = {
-          id: `agent-${Date.now()}`,
-          role: "agent",
-          text: displayText,
-          createdAt: Date.now()
-        };
         const parsedCards = extractToolCards(displayText);
         for (const card of parsedCards) {
           if (card.type === "booking_confirmed") {
@@ -1498,21 +2693,25 @@ function useAgentChat({
         }
         setState((prev) => ({
           ...prev,
-          phase: "complete",
-          messages: [...prev.messages, agentMessage],
+          phase: (prev.pendingInputs ?? []).some(shouldRenderVisitorInputCard) ? "waiting-input" : "complete",
+          messages: appendAgentTurnMessage(prev.messages, displayText),
           toolSteps: completeActivePlanning(prev.toolSteps),
           streamingText: "",
-          pendingOffer: null,
+          pendingOffer: capturedOffers.at(-1) ?? prev.pendingOffer,
+          pendingInputs: (prev.pendingInputs ?? []).filter(
+            isChatCollectibleInputRequest
+          ),
           followUps: [],
           journey: null
         }));
         runRef.current = null;
+        return displayText;
       } catch (error) {
         if (error instanceof DOMException && error.name === "AbortError")
-          return;
-        if (!isActiveRun()) return;
+          return null;
+        if (!isActiveRun()) return null;
         const message = formatAgentError(error);
-        if (!message) return;
+        if (!message) return null;
         setState((prev) => ({
           ...prev,
           phase: "error",
@@ -1528,6 +2727,7 @@ function useAgentChat({
           error: message
         }));
         runRef.current = null;
+        return null;
       }
     },
     [resolvedStorageKeyPrefix, visitorId]
@@ -1555,6 +2755,49 @@ function useAgentChat({
   );
   const submit = (0, import_react2.useCallback)(
     async (visitorText, options) => {
+      const trimmed = visitorText.trim();
+      if (!trimmed) return null;
+      const chatResponse = chatInputResponseForText(
+        state.pendingInputs ?? [],
+        trimmed
+      );
+      if (chatResponse) {
+        const visitorMessage2 = {
+          id: `visitor-${Date.now()}`,
+          role: "visitor",
+          text: trimmed,
+          createdAt: Date.now()
+        };
+        if (runRef.current) {
+          runRef.current.abort();
+          clientRef.current.cancelActive();
+        }
+        const controller2 = new AbortController();
+        runRef.current = controller2;
+        setState((prev) => ({
+          ...prev,
+          phase: "running-tools",
+          messages: [...prev.messages, visitorMessage2],
+          pendingInputs: (prev.pendingInputs ?? []).filter(
+            (request) => request.requestId !== chatResponse.requestId
+          ),
+          toolSteps: [
+            {
+              id: "planning",
+              kind: "planning",
+              label: "Understanding your question",
+              state: "active"
+            }
+          ],
+          error: null
+        }));
+        return await runTurn({
+          controller: controller2,
+          responses: [chatResponse],
+          resume: false,
+          visitorText: ""
+        });
+      }
       if (runRef.current) {
         runRef.current.abort();
         clientRef.current.cancelActive();
@@ -1589,11 +2832,17 @@ ${outgoing}` : outgoing;
         followUps: [],
         streamingText: "",
         pendingOffer: null,
+        pendingInputs: [],
+        toolResults: [],
         error: null
       }));
-      await runTurn({ controller, resume: false, visitorText: runtimeText });
+      return await runTurn({
+        controller,
+        resume: false,
+        visitorText: runtimeText
+      });
     },
-    [runTurn]
+    [runTurn, state.pendingInputs]
   );
   const retry = (0, import_react2.useCallback)(async () => {
     const visitorMessage = [...state.messages].reverse().find((message) => message.role === "visitor");
@@ -1619,6 +2868,8 @@ ${outgoing}` : outgoing;
       followUps: [],
       streamingText: "",
       pendingOffer: null,
+      pendingInputs: [],
+      toolResults: [],
       error: null
     }));
     await runTurn({
@@ -1627,6 +2878,50 @@ ${outgoing}` : outgoing;
       visitorText: visitorTurnText(visitorMessage)
     });
   }, [runTurn, state.messages]);
+  const respondToToolInput = (0, import_react2.useCallback)(
+    async (surface, values) => {
+      const details = JSON.stringify(values);
+      await submit(`${surface.title} details provided`, {
+        runtimeText: [
+          `Structured input provided for ${surface.toolSlug}.`,
+          surface.operationId ? `Operation: ${surface.operationId}.` : "",
+          `Use these exact values and retry the action: ${details}`,
+          "Do not invent or alter any values."
+        ].filter(Boolean).join("\n")
+      });
+    },
+    [submit]
+  );
+  const respondToInput = (0, import_react2.useCallback)(
+    async (response) => {
+      if (runRef.current) return;
+      const pending = state.pendingInputs?.find(
+        (request) => request.requestId === response.requestId
+      );
+      if (!pending) return;
+      if (pending.ui && isJsonRecord(response.value)) {
+        await respondToToolInput(pending.ui, response.value);
+        return;
+      }
+      const controller = new AbortController();
+      runRef.current = controller;
+      setState((prev) => ({
+        ...prev,
+        phase: "running-tools",
+        pendingInputs: (prev.pendingInputs ?? []).filter(
+          (request) => request.requestId !== response.requestId
+        ),
+        error: null
+      }));
+      await runTurn({
+        controller,
+        responses: [response],
+        resume: false,
+        visitorText: ""
+      });
+    },
+    [respondToToolInput, runTurn, state.pendingInputs]
+  );
   (0, import_react2.useEffect)(() => {
     const conversation = loadPersistedAgentConversation(
       resolvedStorageKeyPrefix,
@@ -1660,6 +2955,8 @@ ${outgoing}` : outgoing;
     state,
     reset,
     retry,
+    respondToInput,
+    respondToToolInput,
     submit,
     rememberBooking,
     forgetBooking,
@@ -1708,7 +3005,7 @@ function normalizeAgentPlacement(placement) {
 }
 
 // src/react/components/AgentRail/AgentRail.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/react/types/conversation.ts
 var defaultAgentRailTheme = {
@@ -1722,8 +3019,8 @@ var defaultAgentRailTheme = {
   textMuted: "#5a6378",
   textSubtle: "#8a94a8",
   border: "rgb(42 51 70 / 0.1)",
-  visitorBubble: "#6f16ff",
-  visitorText: "#ffffff",
+  visitorBubble: "#f3edff",
+  visitorText: "#171b2a",
   success: "#18794e",
   danger: "#c94b63",
   fontBody: '"Mulish", "Avenir Next", "Segoe UI", sans-serif',
@@ -1740,7 +3037,8 @@ var defaultDarkAgentRailTheme = {
   textMuted: "#b6bfce",
   textSubtle: "#919cad",
   border: "rgb(226 232 240 / 0.16)",
-  visitorBubble: "#7c3aed",
+  visitorBubble: "#2b2140",
+  visitorText: "#f5f7fb",
   success: "#55cf91",
   danger: "#ff8da1"
 };
@@ -1778,10 +3076,20 @@ function resolveAgentColorScheme(colorScheme = "auto", prefersDarkMode) {
 // src/react/components/AgentActivityBubble/AgentActivityBubble.tsx
 var import_react5 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+function joinLabels(labels) {
+  if (labels.length <= 1) return labels[0] ?? "";
+  if (labels.length === 2) return `${labels[0]} and ${labels[1]}`;
+  return `${labels.slice(0, -1).join(", ")} and ${labels.at(-1) ?? ""}`;
+}
 function workSummary(steps, failed, brandLabel) {
+  const activeSpecialists = steps.filter(
+    (step) => step.kind === "specialist" && step.state === "active"
+  );
+  if (activeSpecialists.length > 0)
+    return `Working with ${joinLabels(
+      activeSpecialists.map((step) => step.label)
+    )}`;
   const active = [...steps].reverse().find((step) => step.state === "active");
-  if (active?.kind === "specialist")
-    return `${active.label} is reviewing your question`;
   if (active?.kind === "search") return "Searching this site";
   if (active)
     return brandLabel ? `${brandLabel} is choosing the best way to help` : "Choosing the best way to help";
@@ -1799,7 +3107,7 @@ function workSummary(steps, failed, brandLabel) {
   if (specialists.length === 1)
     return `Brought in ${specialists[0]?.label}`;
   if (searched) return "Searched this site";
-  return "Answer ready";
+  return brandLabel ? `Answered with ${brandLabel}` : "Answer ready";
 }
 function stepLabel(step, brandLabel) {
   return step.kind === "planning" ? brandLabel : step.label;
@@ -1817,36 +3125,11 @@ function stepDetail(step, steps) {
     return "Searched this site";
   return step.detail;
 }
-function SearchIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "7", cy: "7", r: "3.75", stroke: "currentColor", strokeWidth: "1.4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "path",
-      {
-        d: "m10 10 3 3",
-        stroke: "currentColor",
-        strokeWidth: "1.4",
-        strokeLinecap: "round"
-      }
-    )
-  ] });
-}
-function PlanningIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
-    {
-      d: "M4 4.5h8M4 8h5.5M4 11.5h7",
-      stroke: "currentColor",
-      strokeWidth: "1.4",
-      strokeLinecap: "round"
-    }
-  ) });
-}
 function AgentActivityBubble({
   brandLabel = "",
-  brandLogoUrl,
   failed = false,
-  steps
+  steps,
+  onRetryStep
 }) {
   const active = steps.some((step) => step.state === "active");
   const receiptId = steps.map((step) => step.id).join(":");
@@ -1854,6 +3137,10 @@ function AgentActivityBubble({
     null
   );
   const detailsOpen = active || expandedReceiptId === receiptId;
+  const delegationCount = steps.filter(
+    (step) => step.kind === "specialist"
+  ).length;
+  const delegated = delegationCount > 0 && steps.some((step) => step.kind === "planning");
   const visibleSteps = steps.filter(
     (step) => step.kind !== "planning" || Boolean(brandLabel)
   );
@@ -1869,7 +3156,7 @@ function AgentActivityBubble({
       workSummary(steps, failed, brandLabel)
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-activity-bubble__details", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "button",
         {
           type: "button",
@@ -1881,15 +3168,19 @@ function AgentActivityBubble({
               (current) => current === receiptId ? null : receiptId
             );
           },
-          children: "How this answer was made"
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__summary-title", children: "How this answer was made" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__summary-toggle", children: detailsOpen ? "Hide work" : "Show work" })
+          ]
         }
       ),
       detailsOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "agent-activity-bubble__steps", children: visibleSteps.map((step) => {
         const detail = stepDetail(step, steps);
+        const child = delegated && step.kind === "specialist";
         return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "li",
           {
-            className: "agent-activity-bubble__step",
+            className: `agent-activity-bubble__step${child ? " agent-activity-bubble__step--child" : ""}`,
             "data-kind": step.kind,
             "data-state": step.state,
             children: [
@@ -1897,25 +3188,27 @@ function AgentActivityBubble({
                 "span",
                 {
                   className: "agent-activity-bubble__step-icon",
-                  "aria-hidden": "true",
-                  children: step.kind === "planning" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlanningIcon, {}),
-                    brandLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      "img",
-                      {
-                        src: brandLogoUrl,
-                        alt: "",
-                        onError: (event) => {
-                          event.currentTarget.hidden = true;
-                        }
-                      }
-                    ) : null
-                  ] }) : step.kind === "search" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}) : step.label.slice(0, 1).toUpperCase()
+                  "aria-hidden": "true"
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "agent-activity-bubble__step-copy", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-heading", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: stepLabel(step, brandLabel) }) }),
-                detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-detail", children: detail }) : null
+                detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agent-activity-bubble__step-detail", children: detail }) : null,
+                delegated && step.kind === "planning" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "agent-activity-bubble__delegation", children: [
+                  "Delegated ",
+                  delegationCount,
+                  " ",
+                  delegationCount === 1 ? "task" : "tasks"
+                ] }) : null,
+                step.state === "error" && onRetryStep ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "agent-activity-bubble__step-retry",
+                    onClick: () => onRetryStep(step),
+                    children: "Retry"
+                  }
+                ) : null
               ] })
             ]
           },
@@ -1930,59 +3223,190 @@ function AgentActivityBubble({
 var import_react6 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function SendIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 12V4M8 4l-3 3M8 4l3 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      d: "M8 12V4M8 4l-3 3M8 4l3 3",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function emptyValues(form) {
+  const values = {};
+  for (const field of form?.fields ?? []) values[field.id] = "";
+  return values;
 }
 function Composer({
   disabled = false,
   placeholder = "Ask anything\u2026",
   variant = "default",
+  form = null,
   onSubmit
 }) {
   const [value, setValue] = (0, import_react6.useState)("");
+  const [values, setValues] = (0, import_react6.useState)(
+    () => emptyValues(form)
+  );
+  const [blurred, setBlurred] = (0, import_react6.useState)({});
   const inputRef = (0, import_react6.useRef)(null);
-  function submitCurrent() {
+  const firstFieldRef = (0, import_react6.useRef)(null);
+  const formId = (0, import_react6.useId)();
+  const activeForm = form;
+  const canSendForm = activeForm ? isComposerFormComplete(activeForm, values) : Boolean(value.trim());
+  (0, import_react6.useEffect)(() => {
+    setValues(emptyValues(form));
+    setBlurred({});
+  }, [form?.id]);
+  (0, import_react6.useEffect)(() => {
+    if (activeForm) firstFieldRef.current?.focus();
+  }, [activeForm?.id]);
+  function submitChat() {
     const trimmed = value.trim();
     if (!trimmed || disabled) return;
     onSubmit?.(trimmed);
     setValue("");
     inputRef.current?.focus();
   }
+  function submitForm() {
+    if (!activeForm || disabled || !canSendForm) return;
+    onSubmit?.(formatComposerFormMessage(activeForm, values));
+    setValues(emptyValues(activeForm));
+    setBlurred({});
+  }
   function handleSubmit(event) {
     event.preventDefault();
-    submitCurrent();
+    if (activeForm) submitForm();
+    else submitChat();
   }
-  function handleKeyDown(event) {
+  function handleChatKeyDown(event) {
     if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault();
-      submitCurrent();
+      submitChat();
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("form", { className: `composer${variant === "dock" ? " composer--dock" : ""}`, onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "composer__field", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "textarea",
-      {
-        ref: inputRef,
-        className: "composer__input",
-        rows: 1,
-        value,
-        placeholder,
-        disabled,
-        "aria-label": "Message",
-        onChange: (event) => setValue(event.target.value),
-        onKeyDown: handleKeyDown
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "button",
-      {
-        type: "submit",
-        className: "composer__send",
-        disabled: disabled || !value.trim(),
-        "aria-label": "Send message",
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SendIcon, {})
-      }
-    )
-  ] }) });
+  function handleFormKeyDown(event) {
+    const target = event.target;
+    const isTextarea = Boolean(target && "tagName" in target && target.tagName === "TEXTAREA");
+    if (event.key === "Enter" && !event.shiftKey && !isTextarea) {
+      event.preventDefault();
+      submitForm();
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "form",
+    {
+      className: [
+        "composer",
+        variant === "dock" ? "composer--dock" : "",
+        activeForm ? "composer--form" : ""
+      ].filter(Boolean).join(" "),
+      onSubmit: handleSubmit,
+      children: activeForm ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "composer__sheet", role: "group", "aria-label": "Required details", children: [
+        activeForm.fields.map((field, index) => {
+          const fieldId = `${formId}-${field.id}`;
+          const invalid = Boolean(blurred[field.id]) && !isValidComposerFieldValue(field, values[field.id] ?? "");
+          const controlProps = {
+            id: fieldId,
+            name: field.id,
+            disabled,
+            required: field.required,
+            autoComplete: field.autocomplete,
+            placeholder: field.placeholder,
+            spellCheck: false,
+            value: values[field.id] ?? "",
+            "aria-invalid": invalid || void 0,
+            "aria-describedby": invalid ? `${fieldId}-error` : void 0,
+            onBlur: () => setBlurred((current) => ({ ...current, [field.id]: true })),
+            onChange: (event) => {
+              const next = readComposerControlValue(event);
+              setValues((current) => ({
+                ...current,
+                [field.id]: next
+              }));
+            },
+            onKeyDown: handleFormKeyDown
+          };
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "div",
+            {
+              className: [
+                "composer__row",
+                field.kind === "textarea" ? "composer__row--grow" : ""
+              ].filter(Boolean).join(" "),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "composer__label", htmlFor: fieldId, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "composer__sr-only", children: field.label }),
+                  field.kind === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "textarea",
+                    {
+                      ...controlProps,
+                      ref: index === 0 ? (node) => {
+                        firstFieldRef.current = node;
+                      } : void 0,
+                      className: "composer__control composer__control--area",
+                      rows: 3
+                    }
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "input",
+                    {
+                      ...controlProps,
+                      ref: index === 0 ? (node) => {
+                        firstFieldRef.current = node;
+                      } : void 0,
+                      className: "composer__control",
+                      type: field.kind,
+                      inputMode: field.kind === "tel" ? "tel" : void 0
+                    }
+                  )
+                ] }),
+                invalid ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "composer__error", id: `${fieldId}-error`, children: field.kind === "email" ? "Enter a valid email to continue." : `Add your ${field.label.toLowerCase()} to continue.` }) : null
+              ]
+            },
+            field.id
+          );
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "composer__toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "submit",
+            className: "composer__send",
+            disabled: disabled || !canSendForm,
+            "aria-label": "Send details",
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SendIcon, {})
+          }
+        ) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "composer__field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "textarea",
+          {
+            ref: inputRef,
+            className: "composer__input",
+            rows: 1,
+            value,
+            placeholder,
+            disabled,
+            spellCheck: false,
+            "aria-label": "Message",
+            onChange: (event) => setValue(event.target.value),
+            onKeyDown: handleChatKeyDown
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "submit",
+            className: "composer__send",
+            disabled: disabled || !value.trim(),
+            "aria-label": "Send message",
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SendIcon, {})
+          }
+        )
+      ] })
+    }
+  );
 }
 
 // src/react/components/FollowUpChips/FollowUpChips.tsx
@@ -2030,9 +3454,15 @@ var import_react8 = require("react");
 // src/react/components/BookingCard/BookingCard.tsx
 var import_react7 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var BOOKING_STEPS = [
+  { id: "date", label: "Date" },
+  { id: "time", label: "Time" },
+  { id: "details", label: "Details" }
+];
 function monthFromKey(key) {
   const [year, month] = key.split("-").map(Number);
-  if (!year || !month) return { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() };
+  if (!year || !month)
+    return { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() };
   return { year, month: month - 1 };
 }
 function dateKeyFromParts(year, month, day) {
@@ -2065,6 +3495,7 @@ function BookingCard({
   const [startTime, setStartTime] = (0, import_react7.useState)("");
   const [name, setName] = (0, import_react7.useState)("");
   const [email, setEmail] = (0, import_react7.useState)("");
+  const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
   const slots = (0, import_react7.useMemo)(
     () => bookingSlotsForEventType(offer.slots, eventTypeUri),
     [eventTypeUri, offer.slots]
@@ -2085,14 +3516,18 @@ function BookingCard({
     setSelectedDate("");
     setStartTime("");
     setVisibleMonth(
-      firstAvailableBookingMonth(bookingSlotsForEventType(offer.slots, nextType))
+      firstAvailableBookingMonth(
+        bookingSlotsForEventType(offer.slots, nextType)
+      )
     );
   }
   const daySlots = (0, import_react7.useMemo)(
     () => slots.filter((slot) => slotDateKey(slot.startTime) === selectedDate),
     [selectedDate, slots]
   );
-  const selectedType = offer.eventTypes.find((item) => item.uri === eventTypeUri);
+  const selectedType = offer.eventTypes.find(
+    (item) => item.uri === eventTypeUri
+  );
   const selectedSample = availableByDate.get(selectedDate) ?? startTime;
   const timeZone = formatSlotTimeZone(slots[0]?.startTime ?? selectedSample);
   const weekdays = (0, import_react7.useMemo)(() => weekdayLabels(), []);
@@ -2138,24 +3573,47 @@ function BookingCard({
     });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "li",
+      {
+        className: [
+          "booking-card__step-indicator",
+          index === stepIndex ? "booking-card__step-indicator--active" : "",
+          index < stepIndex ? "booking-card__step-indicator--complete" : ""
+        ].filter(Boolean).join(" "),
+        "aria-current": index === stepIndex ? "step" : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", children: index + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: item.label })
+        ]
+      },
+      item.id
+    )) }),
     step === "date" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
       timeZone ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "booking-card__tz", children: [
         "Times in ",
         timeZone
       ] }) : null,
-      offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "booking-card__field", htmlFor: `${fieldId}-type`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Meeting" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "select",
-          {
-            id: `${fieldId}-type`,
-            value: eventTypeUri,
-            onChange: (event) => selectEventType(event.target.value),
-            children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: item.uri, children: item.name }, item.uri))
-          }
-        )
-      ] }) : null,
+      offer.eventTypes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "label",
+        {
+          className: "booking-card__field",
+          htmlFor: `${fieldId}-type`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Meeting" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "select",
+              {
+                id: `${fieldId}-type`,
+                value: eventTypeUri,
+                onChange: (event) => selectEventType(event.target.value),
+                children: offer.eventTypes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: item.uri, children: item.name }, item.uri))
+              }
+            )
+          ]
+        }
+      ) : null,
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__month", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "button",
@@ -2182,29 +3640,44 @@ function BookingCard({
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: label }, label)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "booking-card__calendar", role: "grid", "aria-label": "Available dates", children: cells.map((cell, index) => {
-        if (!cell) {
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "booking-card__day" }, `empty-${index}`);
+      offer.slots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "div",
+        {
+          className: "booking-card__calendar",
+          role: "grid",
+          "aria-label": "Available dates",
+          children: cells.map((cell, index) => {
+            if (!cell) {
+              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "span",
+                {
+                  className: "booking-card__day"
+                },
+                `empty-${index}`
+              );
+            }
+            const available = availableByDate.has(cell.key);
+            const selected = cell.key === selectedDate;
+            return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: [
+                  "booking-card__day",
+                  available ? "booking-card__day--available" : "",
+                  selected ? "booking-card__day--selected" : ""
+                ].filter(Boolean).join(" "),
+                disabled: !available,
+                "aria-pressed": selected,
+                onClick: () => selectDate(cell.key),
+                children: cell.day
+              },
+              cell.key
+            );
+          })
         }
-        const available = availableByDate.has(cell.key);
-        const selected = cell.key === selectedDate;
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "button",
-          {
-            type: "button",
-            className: [
-              "booking-card__day",
-              available ? "booking-card__day--available" : "",
-              selected ? "booking-card__day--selected" : ""
-            ].filter(Boolean).join(" "),
-            disabled: !available,
-            "aria-pressed": selected,
-            onClick: () => selectDate(cell.key),
-            children: cell.day
-          },
-          cell.key
-        );
-      }) })
+      )
     ] }, "date") : null,
     step === "time" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__step-bar", children: [
@@ -2256,35 +3729,57 @@ function BookingCard({
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "booking-card__identity", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "booking-card__field", htmlFor: `${fieldId}-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "input",
-            {
-              id: `${fieldId}-name`,
-              autoComplete: "name",
-              value: name,
-              onChange: (event) => setName(event.target.value),
-              required: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "booking-card__field", htmlFor: `${fieldId}-email`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Email" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "input",
-            {
-              id: `${fieldId}-email`,
-              type: "email",
-              autoComplete: "email",
-              value: email,
-              onChange: (event) => setEmail(event.target.value),
-              required: true
-            }
-          )
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "label",
+          {
+            className: "booking-card__field",
+            htmlFor: `${fieldId}-name`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "input",
+                {
+                  id: `${fieldId}-name`,
+                  autoComplete: "name",
+                  value: name,
+                  onChange: (event) => setName(event.target.value),
+                  required: true
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "label",
+          {
+            className: "booking-card__field",
+            htmlFor: `${fieldId}-email`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Email" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "input",
+                {
+                  id: `${fieldId}-email`,
+                  type: "email",
+                  autoComplete: "email",
+                  value: email,
+                  onChange: (event) => setEmail(event.target.value),
+                  required: true
+                }
+              )
+            ]
+          }
+        )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "submit", className: "booking-card__submit", children: "Book this time" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "booking-card__submit",
+          disabled: !name.trim() || !email.trim(),
+          children: "Book this time"
+        }
+      )
     ] }, "details") : null
   ] }) });
 }
@@ -2293,6 +3788,43 @@ function BookingCard({
 var import_streamdown = require("streamdown");
 var import_styles = require("streamdown/styles.css");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+function normalizeDedupeText(text) {
+  return text.trim().replace(/\s+/g, " ").toLowerCase();
+}
+function paragraphsAreNearDuplicates(first, second) {
+  const left = normalizeDedupeText(first);
+  const right = normalizeDedupeText(second);
+  if (left.length < 40 || right.length < 40) return false;
+  if (left === right) return true;
+  const shorter = left.length <= right.length ? left : right;
+  const longer = left.length <= right.length ? right : left;
+  return longer.startsWith(
+    shorter.slice(0, Math.floor(shorter.length * 0.85))
+  );
+}
+function paragraphsShareOpening(first, second) {
+  const opening = first.split("\n")[0]?.trim();
+  if (!opening || opening.length < 20) return false;
+  return second.trim().startsWith(opening);
+}
+function collapseRepeatedText(text) {
+  const trimmed = text.trim();
+  if (trimmed.length < 40) return trimmed;
+  const paragraphs = trimmed.split(/\n{2,}/u).map((part) => part.trim()).filter(Boolean);
+  if (paragraphs.length === 2 && (paragraphsAreNearDuplicates(paragraphs[0], paragraphs[1]) || paragraphsShareOpening(paragraphs[0], paragraphs[1]))) {
+    return paragraphs[0];
+  }
+  if (paragraphs.length >= 2 && paragraphs.length % 2 === 0) {
+    const mid2 = paragraphs.length / 2;
+    const first = paragraphs.slice(0, mid2).join("\n\n");
+    const second = paragraphs.slice(mid2).join("\n\n");
+    if (first === second) return first;
+  }
+  const mid = Math.floor(trimmed.length / 2);
+  const left = trimmed.slice(0, mid).trim();
+  const right = trimmed.slice(mid).trim();
+  return left.length >= 20 && left === right ? left : trimmed;
+}
 function MessageBubble({
   message,
   brandLogoUrl,
@@ -2309,24 +3841,41 @@ function MessageBubble({
   const offers = offer ? [offer] : extractedOffers;
   const visibleText = hideToolCardFences(message.text);
   const isStreaming = message.role === "agent" && Boolean(message.streaming);
-  const displayText = offers.length > 0 ? visibleText || "Pick a date and time that works for you." : visibleText || (isStreaming ? "" : message.text);
+  const displayText = collapseRepeatedText(
+    offers.length > 0 ? sanitizeBookingOfferCopy(visibleText) : looksLikeBookingAvailabilityDump(visibleText) ? sanitizeBookingOfferCopy(visibleText) : visibleText || (isStreaming ? "" : message.text)
+  );
   if (message.role === "visitor") {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("article", { className: "message-bubble message-bubble--visitor", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "message-bubble__text", children: message.text }) });
   }
-  const agentText = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "message-bubble__text", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_streamdown.Streamdown,
-    {
-      animated: true,
-      caret: "circle",
-      className: "message-bubble__markdown",
-      controls: false,
-      isAnimating: isStreaming,
-      linkSafety: { enabled: false },
-      mode: isStreaming ? "streaming" : "static",
-      skipHtml: true,
-      children: displayText
-    }
-  ) });
+  const citations = message.citations ?? [];
+  const agentText = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "message-bubble__text", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_streamdown.Streamdown,
+      {
+        animated: isStreaming,
+        caret: "circle",
+        className: "message-bubble__markdown",
+        controls: false,
+        isAnimating: isStreaming,
+        linkSafety: { enabled: false },
+        mode: isStreaming ? "streaming" : "static",
+        skipHtml: true,
+        children: displayText
+      }
+    ),
+    citations.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "a",
+      {
+        href: citation.url,
+        target: "_blank",
+        rel: "noreferrer",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "message-bubble__source-icon", "aria-hidden": "true", children: "\u25A6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: citation.label })
+        ]
+      }
+    ) }, citation.id)) }) : null
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "message-bubble message-bubble--agent", children: [
     displayText ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "message-bubble__agent-row", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -2352,10 +3901,262 @@ function MessageBubble({
   ] });
 }
 
-// src/react/components/AgentRail/AgentRail.tsx
+// src/react/components/HumanInputCard/HumanInputCard.tsx
+var import_react9 = require("react");
+
+// src/react/components/ConfirmationCard/ConfirmationCard.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
+function ConfirmationCard({
+  disabled = false,
+  request,
+  onRespond
+}) {
+  const options = request.options ?? [];
+  const heading = request.kind === "tool-approval" ? "Confirm this action" : request.prompt;
+  const prompt = request.kind === "tool-approval" ? request.prompt : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "section",
+    {
+      className: "confirmation-card",
+      "aria-labelledby": `confirmation-${request.requestId}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "confirmation-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { id: `confirmation-${request.requestId}`, children: heading }),
+          prompt ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: prompt }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "confirmation-card__actions", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `confirmation-card__action confirmation-card__action--${option.style ?? "default"}`,
+            disabled,
+            onClick: () => onRespond?.({
+              requestId: request.requestId,
+              optionId: option.id
+            }),
+            children: option.label
+          },
+          option.id
+        )) })
+      ]
+    }
+  );
+}
+
+// src/react/components/HumanInputCard/HumanInputCard.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function HumanInputCard({
+  disabled = false,
+  request,
+  onRespond
+}) {
+  const [text, setText] = (0, import_react9.useState)("");
+  const options = request.options ?? [];
+  const showText = request.display === "text" || request.allowFreeform && options.length === 0;
+  if (options.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      ConfirmationCard,
+      {
+        disabled,
+        request,
+        onRespond
+      }
+    );
+  }
+  function submitText(event) {
+    event.preventDefault();
+    const value = text.trim();
+    if (!value || disabled) return;
+    onRespond?.({ requestId: request.requestId, text: value });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "section",
+    {
+      className: "human-input-card",
+      "aria-labelledby": `human-input-${request.requestId}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "human-input-card__heading", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { id: `human-input-${request.requestId}`, children: request.prompt }) }),
+        showText ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { onSubmit: submitText, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { htmlFor: `human-input-text-${request.requestId}`, children: "Response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "input",
+              {
+                id: `human-input-text-${request.requestId}`,
+                value: text,
+                disabled,
+                onChange: (event) => setText(event.target.value)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "submit", disabled: disabled || !text.trim(), children: "Send" })
+          ] })
+        ] }) : null,
+        !showText && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "human-input-card__unavailable", role: "status", children: "This request can\u2019t be answered here." }) : null
+      ]
+    }
+  );
+}
+
+// src/react/components/CollectionResultCard/CollectionResultCard.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function CollectionResultCard({
+  result
+}) {
+  const empty = result.items.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "section",
+    {
+      className: `collection-result-card tool-result-card tool-result-card--${result.status}`,
+      "aria-label": result.title,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: result.title })
+        ] }),
+        empty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "collection-result-card__empty", children: "No matching record for the email you shared." }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "collection-result-card__list", children: result.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "collection-result-card__item-title", children: item.title }),
+          item.description ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: item.description }) : null,
+          item.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dl", { children: item.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dt", { children: detail.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dd", { children: detail.value })
+          ] }, `${detail.label}:${detail.value}`)) }) : null,
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href: item.href, target: "_blank", rel: "noreferrer", children: "Open record" }) : null
+        ] }, item.title)) })
+      ]
+    }
+  );
+}
+
+// src/react/components/EntityResultCard/EntityResultCard.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function EntityResultCard({
+  result
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "section",
+    {
+      className: `entity-result-card tool-result-card tool-result-card--${result.status}`,
+      "aria-label": result.title,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: result.title })
+        ] }),
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: detail.value })
+        ] }, `${detail.label}:${detail.value}`)) }) : null,
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "a",
+          {
+            href: link.href,
+            target: "_blank",
+            rel: "noreferrer",
+            children: link.label
+          },
+          link.href
+        )) }) : null
+      ]
+    }
+  );
+}
+
+// src/react/components/SignatureResultCard/SignatureResultCard.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function SignatureResultCard({
+  result
+}) {
+  const primaryLink = result.links?.[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "section",
+    {
+      className: `signature-result-card tool-result-card tool-result-card--${result.status}`,
+      "aria-label": result.title,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: result.title })
+        ] }),
+        result.statusLabel ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "signature-result-card__badge", children: result.statusLabel }) : null,
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: result.description }) : null,
+        primaryLink ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "a",
+          {
+            className: "signature-result-card__cta",
+            href: primaryLink.href,
+            target: "_blank",
+            rel: "noreferrer",
+            children: primaryLink.label
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/react/components/ToolResultCard/ToolResultCard.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ToolResultCard({
+  result
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "section",
+    {
+      className: `tool-result-card tool-result-card--${result.status}`,
+      "aria-label": result.title,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tool-result-card__heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "tool-result-card__status", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: result.title })
+        ] }),
+        result.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: result.description }) : null,
+        result.details?.length ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dl", { children: result.details.map((detail) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: detail.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: detail.value })
+        ] }, `${detail.label}:${detail.value}`)) }) : null,
+        result.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "tool-result-card__links", children: result.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "a",
+          {
+            href: link.href,
+            target: "_blank",
+            rel: "noreferrer",
+            children: link.label
+          },
+          link.href
+        )) }) : null
+      ]
+    }
+  );
+}
+
+// src/react/components/VisitorToolResultView/VisitorToolResultView.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function VisitorToolResultView({
+  result
+}) {
+  if (result.kind === "entity") {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EntityResultCard, { result });
+  }
+  if (result.kind === "collection") {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CollectionResultCard, { result });
+  }
+  if (result.kind === "signature") {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SignatureResultCard, { result });
+  }
+  if (result.kind === "summary") {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolResultCard, { result });
+  }
+  return null;
+}
+function isRenderableVisitorToolResult(result) {
+  return result.kind === "summary" || result.kind === "entity" || result.kind === "collection" || result.kind === "signature";
+}
+
+// src/react/components/AgentRail/AgentRail.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function MinimizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "path",
     {
       d: "M3.5 8h9",
@@ -2366,7 +4167,7 @@ function MinimizeIcon() {
   ) });
 }
 function CloseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "path",
     {
       d: "M4 4l8 8M12 4l-8 8",
@@ -2377,7 +4178,7 @@ function CloseIcon() {
   ) });
 }
 function NewChatIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "path",
     {
       d: "M9.5 3.5h3v3M12.25 3.75 8 8M7 4H4.5A1.5 1.5 0 0 0 3 5.5v6A1.5 1.5 0 0 0 4.5 13h6a1.5 1.5 0 0 0 1.5-1.5V9",
@@ -2389,7 +4190,7 @@ function NewChatIcon() {
   ) });
 }
 function ExpandIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "path",
     {
       d: "M6 3.5H3.5V6M10 3.5h2.5V6M10 12.5h2.5V10M6 12.5H3.5V10",
@@ -2401,7 +4202,7 @@ function ExpandIcon() {
   ) });
 }
 function RestoreIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "path",
     {
       d: "M5.5 5.5H3.5V7.5M10.5 5.5h2V7.5M10.5 10.5h2V8.5M5.5 10.5H3.5V8.5",
@@ -2429,28 +4230,29 @@ function AgentRail({
   onRetry,
   onSubmit,
   onFollowUpSelect,
-  onBook
+  onBook,
+  onInputResponse
 }) {
-  const transcriptRef = (0, import_react9.useRef)(null);
+  const transcriptRef = (0, import_react10.useRef)(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
-  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react9.useState)(null);
+  const [failedLogoUrl, setFailedLogoUrl] = (0, import_react10.useState)(null);
   const showBrandLogo = Boolean(resolvedBrandLogoUrl) && failedLogoUrl !== resolvedBrandLogoUrl;
   const resolvedColorScheme = useAgentColorScheme(colorScheme);
   const brandedTheme = { ...defaultAgentRailTheme, ...theme };
   const resolvedTheme = resolvedColorScheme === "dark" ? {
     ...brandedTheme,
     brand: theme?.brand ?? defaultDarkAgentRailTheme.brand,
-    brandDeep: defaultDarkAgentRailTheme.brandDeep,
-    brandSoft: `color-mix(in srgb, ${theme?.brand ?? defaultDarkAgentRailTheme.brand} 18%, ${defaultDarkAgentRailTheme.surface})`,
-    border: defaultDarkAgentRailTheme.border,
-    danger: defaultDarkAgentRailTheme.danger,
-    success: defaultDarkAgentRailTheme.success,
-    surface: defaultDarkAgentRailTheme.surface,
-    surfaceMuted: defaultDarkAgentRailTheme.surfaceMuted,
-    text: defaultDarkAgentRailTheme.text,
-    textMuted: defaultDarkAgentRailTheme.textMuted,
-    textSubtle: defaultDarkAgentRailTheme.textSubtle,
+    brandDeep: theme?.brandDeep ?? defaultDarkAgentRailTheme.brandDeep,
+    brandSoft: theme?.brandSoft ?? `color-mix(in srgb, ${theme?.brand ?? defaultDarkAgentRailTheme.brand} 18%, ${defaultDarkAgentRailTheme.surface})`,
+    border: theme?.border ?? defaultDarkAgentRailTheme.border,
+    danger: theme?.danger ?? defaultDarkAgentRailTheme.danger,
+    success: theme?.success ?? defaultDarkAgentRailTheme.success,
+    surface: theme?.surface ?? defaultDarkAgentRailTheme.surface,
+    surfaceMuted: theme?.surfaceMuted ?? defaultDarkAgentRailTheme.surfaceMuted,
+    text: theme?.text ?? defaultDarkAgentRailTheme.text,
+    textMuted: theme?.textMuted ?? defaultDarkAgentRailTheme.textMuted,
+    textSubtle: theme?.textSubtle ?? defaultDarkAgentRailTheme.textSubtle,
     visitorBubble: theme?.visitorBubble ?? theme?.brand ?? defaultDarkAgentRailTheme.visitorBubble
   } : brandedTheme;
   const railStyle = {
@@ -2473,8 +4275,15 @@ function AgentRail({
     "--as-font-display": resolvedTheme.fontDisplay,
     colorScheme: resolvedColorScheme
   };
-  const isBusy = state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming";
+  const pendingInputRequests = (state.pendingInputs ?? []).filter(
+    (request) => shouldRenderVisitorInputCard(request) && (!state.pendingOffer || request.kind === "tool-approval")
+  );
+  const isBusy = state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming" || state.phase === "waiting-input" && pendingInputRequests.length > 0;
+  const semanticSurfaceDisabled = isBusy && state.phase !== "waiting-input";
   const showActivity = state.toolSteps.length > 0;
+  const visitorToolResults = (state.toolResults ?? []).filter(
+    isRenderableVisitorToolResult
+  );
   const hasVisitorMessages2 = state.messages.some(
     (message) => message.role === "visitor"
   );
@@ -2484,22 +4293,44 @@ function AgentRail({
   );
   const visibleMessages = hasVisitorMessages2 ? state.messages : [];
   const lastMessage = visibleMessages.at(-1);
-  const completedAnswer = showActivity && state.phase === "complete" && lastMessage?.role === "agent" ? lastMessage : null;
-  const transcriptMessages = completedAnswer ? visibleMessages.slice(0, -1) : visibleMessages;
-  const streamingMessage = state.phase === "streaming" && state.streamingText ? {
+  let lastAgentIndex = -1;
+  for (let index = visibleMessages.length - 1; index >= 0; index -= 1) {
+    if (visibleMessages[index]?.role === "agent") {
+      lastAgentIndex = index;
+      break;
+    }
+  }
+  let lastVisitorIndex = -1;
+  for (let index = visibleMessages.length - 1; index >= 0; index -= 1) {
+    if (visibleMessages[index]?.role === "visitor") {
+      lastVisitorIndex = index;
+      break;
+    }
+  }
+  const lastIsAgent = lastMessage?.role === "agent";
+  const streamingMessage = state.phase === "streaming" && state.streamingText && !lastIsAgent ? {
     createdAt: 0,
     id: "streaming-response",
     role: "agent",
     streaming: true,
     text: state.streamingText
-  } : state.pendingOffer ? {
+  } : state.pendingOffer && !lastIsAgent ? {
     createdAt: 0,
     id: "pending-booking",
     role: "agent",
     streaming: false,
     text: "Pick a date and time that works for you."
   } : null;
-  (0, import_react9.useEffect)(() => {
+  const bookingReadyText = state.streamingText || (lastIsAgent && lastMessage?.role === "agent" ? lastMessage.text : "");
+  const waitingForBooking = !state.pendingOffer && looksLikeBookingReady(bookingReadyText) && (state.phase === "thinking" || state.phase === "running-tools" || state.phase === "streaming");
+  const lastAgentText = lastIsAgent && lastMessage?.role === "agent" ? lastMessage.text : "";
+  const composerForm = resolveComposerForm({
+    agentText: lastAgentText,
+    cards: extractToolCards(lastAgentText),
+    hasBookingOffer: Boolean(state.pendingOffer) || waitingForBooking,
+    enabled: lastIsAgent && !isBusy
+  });
+  (0, import_react10.useEffect)(() => {
     const node = transcriptRef.current;
     if (!node) return;
     node.scrollTop = node.scrollHeight;
@@ -2510,11 +4341,13 @@ function AgentRail({
     state.followUps,
     state.journey
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "aside",
     {
-      className: `agent-rail${mobileFullscreen ? " agent-rail--mobile-fullscreen" : ""}${expanded ? " agent-rail--expanded" : ""}`,
+      className: `agent-rail not-typeset${mobileFullscreen ? " agent-rail--mobile-fullscreen" : ""}${expanded ? " agent-rail--expanded" : ""}`,
+      "data-not-typeset": "",
       "data-color-scheme": resolvedColorScheme,
+      spellCheck: false,
       style: railStyle,
       "aria-label": "Agent conversation",
       "aria-modal": mobileFullscreen || expanded ? true : void 0,
@@ -2522,28 +4355,28 @@ function AgentRail({
       role: mobileFullscreen || expanded ? "dialog" : void 0,
       tabIndex: mobileFullscreen || expanded ? -1 : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__brand-row", children: [
-          onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("header", { className: "agent-rail__header", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "agent-rail__brand-row", children: [
+          onCollapse ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "button",
             {
               type: "button",
               className: "agent-rail__collapse",
               "aria-label": "Collapse assist",
               onClick: onCollapse,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MinimizeIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MinimizeIcon, {})
             }
-          ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ) : onClose ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "button",
             {
               type: "button",
               className: "agent-rail__close",
               "aria-label": "Close agent",
               onClick: onClose,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon, {})
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
-          resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "agent-rail__identity", children: [
-            showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "agent-rail__brand-spacer", "aria-hidden": "true" }),
+          resolvedBrandLabel || showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "agent-rail__identity", children: [
+            showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "agent-rail__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "img",
               {
                 className: "agent-rail__brand-logo",
@@ -2554,10 +4387,10 @@ function AgentRail({
                 }
               }
             ) }) : null,
-            resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
+            resolvedBrandLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "agent-rail__brand-label", children: resolvedBrandLabel }) : null
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "agent-rail__actions", children: [
-            onReset ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "agent-rail__actions", children: [
+            onReset ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
               {
                 type: "button",
@@ -2565,24 +4398,24 @@ function AgentRail({
                 "aria-label": "Start a new conversation",
                 disabled: !hasVisitorMessages2,
                 onClick: onReset,
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NewChatIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NewChatIcon, {})
               }
             ) : null,
-            onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            onExpandToggle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
               {
                 type: "button",
                 className: "agent-rail__expand",
                 "aria-label": expanded ? "Exit full screen" : "Open full screen",
                 onClick: onExpandToggle,
-                children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ExpandIcon, {})
+                children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RestoreIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExpandIcon, {})
               }
             ) : null
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__thread", children: [
-          !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
-            greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: transcriptRef, className: "agent-rail__transcript", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "agent-rail__thread", children: [
+          !hasVisitorMessages2 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "agent-rail__welcome", "aria-label": "Welcome", children: [
+            greeting?.role === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               MessageBubble,
               {
                 message: greeting,
@@ -2590,7 +4423,7 @@ function AgentRail({
                 onBook
               }
             ) : null,
-            showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            showIdleFollowUps ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "agent-rail__followups-slot", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               FollowUpChips,
               {
                 suggestions: state.followUps,
@@ -2598,64 +4431,94 @@ function AgentRail({
                 label: "Start here",
                 onSelect: (suggestion) => onFollowUpSelect?.(suggestion.label)
               }
-            ) }) : null
+            ) }) : null,
+            showActivity ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              AgentActivityBubble,
+              {
+                brandLabel: resolvedBrandLabel,
+                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                failed: state.phase === "error",
+                steps: state.toolSteps
+              }
+            ) : null,
+            visitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(VisitorToolResultView, { result }, result.id)),
+            pendingInputRequests.map((request) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              HumanInputCard,
+              {
+                request,
+                onRespond: onInputResponse
+              },
+              request.requestId
+            ))
           ] }) : null,
-          transcriptMessages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            MessageBubble,
-            {
-              message,
-              brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-              onBook
-            },
-            message.id
-          )),
-          showActivity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            AgentActivityBubble,
-            {
-              brandLabel: resolvedBrandLabel,
-              brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-              failed: state.phase === "error",
-              steps: state.toolSteps
-            }
-          ) : null,
-          completedAnswer ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "agent-rail__turn-block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              MessageBubble,
+              {
+                message,
+                brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                offer: index === lastAgentIndex ? state.pendingOffer : void 0,
+                onBook
+              }
+            ),
+            index === lastVisitorIndex ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+              showActivity ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                AgentActivityBubble,
+                {
+                  brandLabel: resolvedBrandLabel,
+                  brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+                  failed: state.phase === "error",
+                  steps: state.toolSteps
+                }
+              ) : null,
+              visitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(VisitorToolResultView, { result }, result.id)),
+              pendingInputRequests.map((request) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                HumanInputCard,
+                {
+                  request,
+                  onRespond: onInputResponse
+                },
+                request.requestId
+              ))
+            ] }) : null
+          ] }, message.id)),
+          streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             MessageBubble,
             {
-              message: completedAnswer,
+              message: streamingMessage,
               brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
+              offer: state.pendingOffer,
               onBook
             }
           ) : null,
-          streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            MessageBubble,
+          waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            BookingCard,
             {
-              message: streamingMessage,
-              brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-              offer: state.pendingOffer,
-              onBook
+              offer: { type: "booking_offer", eventTypes: [], slots: [] }
             }
           ) : null,
-          state.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "Something went wrong" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: state.error })
+          state.error ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: "Something went wrong" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: state.error })
             ] }),
-            onRetry ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
+            onRetry ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             Composer,
             {
               variant: expanded || mobileFullscreen ? "dock" : "default",
               disabled: isBusy,
+              form: composerForm,
               placeholder: composerPlaceholder,
               onSubmit
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "AI can make mistakes. Check important info." }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: poweredByLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "agent-rail__footer", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "AI can make mistakes. Check important info." }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: poweredByLabel })
           ] }) })
         ] })
       ]
@@ -2664,9 +4527,9 @@ function AgentRail({
 }
 
 // src/react/components/AssistEdgeTab/AssistEdgeTab.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function SparklesIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "svg",
     {
       className: "assist-edge-tab__sparkles",
@@ -2674,21 +4537,21 @@ function SparklesIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "path",
           {
             d: "M8 1.2l.95 2.7 2.85.05-2.25 1.75.8 2.75L8 6.7 5.65 8.45l.8-2.75L4.2 3.95l2.85-.05L8 1.2z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "path",
           {
             d: "M14.2 6.4l.55 1.55 1.65.03-1.3 1 .46 1.58-1.36-1-1.36 1 .46-1.58-1.3-1 1.65-.03.55-1.55z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "path",
           {
             d: "M3.1 9.1l.4 1.15 1.22.02-.96.74.34 1.17-1-.74-1 .74.34-1.17-.96-.74 1.22-.02.4-1.15z",
@@ -2702,7 +4565,7 @@ function SparklesIcon() {
 function TabMarkIcon({ customIconUrl }) {
   const url = customIconUrl?.trim();
   if (url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "img",
       {
         alt: "",
@@ -2712,10 +4575,10 @@ function TabMarkIcon({ customIconUrl }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SparklesIcon, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SparklesIcon, {});
 }
 function ChevronLeftIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       d: "M10 4L6 8l4 4",
@@ -2727,7 +4590,7 @@ function ChevronLeftIcon() {
   ) });
 }
 function ChevronDownIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       d: "M4 6l4 4 4-4",
@@ -2739,7 +4602,7 @@ function ChevronDownIcon() {
   ) });
 }
 function DragDots() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", {}, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "assist-edge-tab__dots", "aria-hidden": "true", children: Array.from({ length: 12 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("i", {}, index)) });
 }
 var VARIANT_COPY = {
   outline: { label: "Ask anything", aria: "Ask anything" },
@@ -2768,6 +4631,7 @@ function AssistEdgeTab({
   const resolvedColorScheme = useAgentColorScheme(colorScheme);
   const copy = VARIANT_COPY[variant];
   const visibleLabel = label?.trim() || copy.label;
+  const alignment = along < 50 ? "start" : along > 50 ? "end" : "center";
   const showLogo = Boolean(logoUrl?.trim()) && !customIconUrl?.trim();
   const resolvedBrandColor = brandColor ?? (resolvedColorScheme === "dark" ? defaultDarkAgentRailTheme.brand : void 0);
   const resolvedBorderColor = resolvedColorScheme === "dark" ? defaultDarkAgentRailTheme.border : borderColor;
@@ -2784,11 +4648,11 @@ function AssistEdgeTab({
     ...resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: resolvedColorScheme
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "button",
     {
       type: "button",
-      className: `assist-edge-tab assist-edge-tab--${variant} assist-edge-tab--${side}${mobile ? " assist-edge-tab--mobile" : ""}${visible ? " is-visible" : ""}`,
+      className: `assist-edge-tab assist-edge-tab--${variant} assist-edge-tab--${side} assist-edge-tab--align-${alignment}${mobile ? " assist-edge-tab--mobile" : ""}${visible ? " is-visible" : ""}`,
       "data-color-scheme": resolvedColorScheme,
       style,
       "aria-label": `Open ${visibleLabel}`,
@@ -2796,15 +4660,15 @@ function AssistEdgeTab({
       tabIndex: visible ? 0 : -1,
       onClick: onOpen,
       children: [
-        mobile ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        mobile ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "span",
             {
               className: "assist-edge-tab__mark assist-edge-tab__mark--mobile",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabMarkIcon, { customIconUrl }),
-                showLogo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TabMarkIcon, { customIconUrl }),
+                showLogo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "img",
                   {
                     className: "assist-edge-tab__logo",
@@ -2818,11 +4682,11 @@ function AssistEdgeTab({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel })
-        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel })
+        ] }) : variant === "outline" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -2834,18 +4698,18 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronDownIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronDownIcon, {})
         ] }) : null,
-        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DragDots, {})
+        variant === "ask" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronLeftIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DragDots, {})
         ] }) : null,
-        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabMarkIcon, { customIconUrl }),
-            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        variant === "fill" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "assist-edge-tab__mark", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TabMarkIcon, { customIconUrl }),
+            showLogo ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "img",
               {
                 className: "assist-edge-tab__logo",
@@ -2857,8 +4721,8 @@ function AssistEdgeTab({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeftIcon, {})
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "assist-edge-tab__label", children: visibleLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronLeftIcon, {})
         ] }) : null
       ]
     }
@@ -2866,7 +4730,7 @@ function AssistEdgeTab({
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function AgentWidget({
   indexId,
   customerId,
@@ -2879,13 +4743,14 @@ function AgentWidget({
   pageShift = true,
   registerPanelController = false,
   colorScheme = "auto",
-  branding
+  branding,
+  toolResultRegistry
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = (0, import_react10.useRef)(null);
-  const [railCollapsed, setRailCollapsed] = (0, import_react10.useState)(defaultCollapsed);
-  const [railExpanded, setRailExpanded] = (0, import_react10.useState)(false);
+  const railSlotRef = (0, import_react11.useRef)(null);
+  const [railCollapsed, setRailCollapsed] = (0, import_react11.useState)(defaultCollapsed);
+  const [railExpanded, setRailExpanded] = (0, import_react11.useState)(false);
   const pageShiftActive = shouldApplyPageShift({
     pageShift,
     isMobile,
@@ -2896,14 +4761,15 @@ function AgentWidget({
     active: pageShiftActive,
     railSlotRef
   });
-  const { state, reset, retry, submit } = useAgentChat({
+  const { state, reset, retry, respondToInput, respondToToolInput, submit } = useAgentChat({
     customerId,
     getUnpublishedPreviewGrant,
     indexId,
     previewBuildId,
     version,
     runtimeOrigin,
-    greeting: branding?.greeting
+    greeting: branding?.greeting,
+    toolResultRegistry
   });
   const agentName = branding?.agentName ?? "";
   const tabLabel = branding?.tabLabel ?? agentName;
@@ -2924,22 +4790,24 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
       close: () => {
         setRailCollapsed(true);
         setRailExpanded(false);
-      }
+      },
+      reset,
+      submit
     });
     return () => unregisterAgentPanelController(customerId);
-  }, [customerId, registerPanelController]);
+  }, [customerId, registerPanelController, reset, submit]);
   async function handleSubmit(message) {
     if (isMobile) setRailCollapsed(false);
     await submit(message);
   }
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -2973,19 +4841,19 @@ function AgentWidget({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isMobile, railCollapsed, railExpanded]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "webless-agent-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "webless-agent-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
       {
         className: `webless-agent-root__shell${railCollapsed ? " webless-agent-root__shell--collapsed" : ""}${railExpanded ? " webless-agent-root__shell--expanded" : ""}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "div",
           {
             ref: railSlotRef,
             className: "webless-agent-root__rail-slot",
             inert: railCollapsed || void 0,
             "aria-hidden": railCollapsed,
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               AgentRail,
               {
                 theme,
@@ -3003,6 +4871,8 @@ function AgentWidget({
                 onSubmit: handleSubmit,
                 onReset: reset,
                 onRetry: () => void retry(),
+                onInputResponse: (response) => void respondToInput(response),
+                onToolInput: (surface, values) => void respondToToolInput(surface, values),
                 onFollowUpSelect: (label) => void handleSubmit(label),
                 onBook: (input) => void submit(input.displayText, { runtimeText: input.runtimeText })
               }
@@ -3011,7 +4881,7 @@ function AgentWidget({
         )
       }
     ),
-    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    railCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       AssistEdgeTab,
       {
         variant: placement.variant,
@@ -3050,12 +4920,12 @@ function readUnpublishedPreviewBuildId(href) {
 }
 
 // src/embed/AgentWidget.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function AgentWidget2({
   manifest
 }) {
   const defaultCollapsed = manifest.version !== "unpublished";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     AgentWidget,
     {
       indexId: manifest.indexId,
@@ -3139,7 +5009,7 @@ function normalizeAgentBranding(branding) {
 }
 
 // src/embed/mount.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var mountedHandles = /* @__PURE__ */ new Map();
 var latestCustomerId = null;
 function resolveMountHost(manifest, script) {
@@ -3169,7 +5039,7 @@ function mountAgent(input) {
   const host = createHost(manifest.customerId);
   mountTarget.append(host);
   const root = (0, import_client5.createRoot)(host);
-  root.render(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentWidget2, { manifest }));
+  root.render(/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AgentWidget2, { manifest }));
   const handle = {
     customerId: manifest.customerId,
     manifest,
@@ -3262,6 +5132,8 @@ function createWeblessAgentPublicApi(manifest) {
   mountAgent,
   normalizeAgentPlacement,
   normalizeAgentTagManifest,
+  resetAgentPanel,
+  submitAgentPanel,
   unmountAgent
 });
 //# sourceMappingURL=embed.cjs.map