@webless/agent 0.6.9 → 0.6.11

package/dist/{chunk-U2SU2CGF.js → chunk-YNF2UPGJ.js}

@@ -780,6 +780,30 @@ function bookingPresenter(kind) {
     }
   };
 }
+function providerErrorPresenter() {
+  return {
+    kind: "provider_error",
+    present: ({ envelope }) => {
+      const output = asRecord3(envelope.output);
+      const providerError = asRecord3(output?.providerError);
+      const message = safeText(providerError?.message);
+      const action = safeText(providerError?.action);
+      if (!message || !action) return null;
+      const resourceLabels = Array.isArray(providerError?.resourceLabels) ? providerError.resourceLabels.map(safeText).filter(Boolean).slice(0, MAX_DETAILS) : [];
+      return {
+        kind: "summary",
+        status: "failed",
+        title: message,
+        description: action,
+        ...resourceLabels.length ? {
+          details: [
+            { label: "Affected", value: resourceLabels.join(", ") }
+          ]
+        } : {}
+      };
+    }
+  };
+}
 function asRecord3(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
@@ -897,6 +921,7 @@ function fallbackTitleFromKind(kind) {
   return "Saved";
 }
 var builtInVisitorToolResultRegistry = [
+  providerErrorPresenter(),
   bookingPresenter("booking_offer"),
   bookingPresenter("booking_confirmed"),
   bookingPresenter("booking_canceled"),
@@ -946,7 +971,7 @@ function finalizeSummaryPresentation(result, proposed) {
   return {
     id: result.callId,
     toolName: result.toolName,
-    status: result.status,
+    status: proposed.status ?? result.status,
     kind: "summary",
     title,
     ...description && description !== title ? { description } : {},
@@ -955,7 +980,7 @@ function finalizeSummaryPresentation(result, proposed) {
   };
 }
 function presentVisitorToolResult(result, registry = []) {
-  const envelope = parseAgentToolResultEnvelope(result.output) ?? legacyBookingEnvelope(result.output);
+  const envelope = parseAgentToolResultEnvelope(result.output) ?? providerErrorEnvelope(result.output) ?? legacyBookingEnvelope(result.output);
   const proposed = envelope ? resolvePresenterOutput(result, envelope, registry) : null;
   if (proposed?.kind === "booking") {
     return {
@@ -1018,6 +1043,25 @@ function presentVisitorToolResult(result, registry = []) {
   }
   return finalizeSummaryPresentation(result, proposed);
 }
+function providerErrorEnvelope(output) {
+  const record = asRecord3(output);
+  const providerError = asRecord3(record?.providerError);
+  const message = safeText(providerError?.message);
+  const action = safeText(providerError?.action);
+  if (!message || !action) return null;
+  const resourceLabels = Array.isArray(providerError?.resourceLabels) ? providerError.resourceLabels.map(safeText).filter(Boolean).slice(0, MAX_DETAILS) : [];
+  return {
+    schemaVersion: "webless.tool-result.v1",
+    output: {
+      providerError: {
+        action,
+        message,
+        ...resourceLabels.length ? { resourceLabels } : {}
+      }
+    },
+    presentationKinds: ["provider_error"]
+  };
+}
 function legacyBookingEnvelope(output) {
   const card = bookingCardFromActionOutput(output);
   return card ? {
@@ -2702,6 +2746,7 @@ function useAgentChat({
         let streamStarted = Boolean(initialText);
         let streamed = initialText;
         const capturedOffers = [];
+        let bookingConfirmed = false;
         let capturedInputCount = 0;
         const handlers = {
           onWork: (item) => {
@@ -2726,6 +2771,7 @@ function useAgentChat({
               }
               if (!isActiveRun()) return;
               if (card.type === "booking_confirmed") {
+                bookingConfirmed = true;
                 pendingBookingRef.current = card;
                 savePendingWidgetBooking(
                   resolvedStorageKeyPrefix,
@@ -2801,7 +2847,10 @@ function useAgentChat({
           initialText,
           message: visitorText,
           signal
-        }) : await clientRef.current.sendTurn(visitorText, { handlers, signal });
+        }) : await clientRef.current.sendTurn(visitorText, {
+          handlers,
+          signal
+        });
         if (resume && finalText === null) {
           finalText = await clientRef.current.sendTurn(visitorText, {
             handlers,
@@ -2820,6 +2869,7 @@ function useAgentChat({
         const parsedCards = extractToolCards(displayText);
         for (const card of parsedCards) {
           if (card.type === "booking_confirmed") {
+            bookingConfirmed = true;
             pendingBookingRef.current = card;
             savePendingWidgetBooking(resolvedStorageKeyPrefix, visitorId, card);
           }
@@ -2834,7 +2884,7 @@ function useAgentChat({
           messages: appendAgentTurnMessage(prev.messages, displayText),
           toolSteps: completeActivePlanning(prev.toolSteps),
           streamingText: "",
-          pendingOffer: capturedOffers.at(-1) ?? prev.pendingOffer,
+          pendingOffer: bookingConfirmed ? null : capturedOffers.at(-1) ?? prev.pendingOffer,
           pendingInputs: (prev.pendingInputs ?? []).filter(
             isChatCollectibleInputRequest
           ),
@@ -2860,7 +2910,6 @@ function useAgentChat({
             } : step
           ),
           streamingText: "",
-          pendingOffer: null,
           error: message
         }));
         runRef.current = null;
@@ -2968,7 +3017,7 @@ ${outgoing}` : outgoing;
         journey: null,
         followUps: [],
         streamingText: "",
-        pendingOffer: null,
+        pendingOffer: options?.preservePendingOffer ? prev.pendingOffer : null,
         pendingInputs: [],
         toolResults: [],
         error: null
@@ -3004,7 +3053,6 @@ ${outgoing}` : outgoing;
       journey: null,
       followUps: [],
       streamingText: "",
-      pendingOffer: null,
       pendingInputs: [],
       toolResults: [],
       error: null
@@ -3197,7 +3245,7 @@ var defaultDarkAgentRailTheme = {
 };
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { useEffect as useEffect3, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useState as useState8 } from "react";
 
 // src/react/hooks/useAgentColorScheme.ts
 import { useSyncExternalStore } from "react";
@@ -3610,7 +3658,13 @@ function FollowUpChips({
 import { useState as useState5 } from "react";
 
 // src/react/components/BookingCard/BookingCard.tsx
-import { useId as useId2, useMemo as useMemo2, useState as useState4 } from "react";
+import {
+  useEffect as useEffect3,
+  useId as useId2,
+  useMemo as useMemo2,
+  useRef as useRef3,
+  useState as useState4
+} from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
@@ -3645,6 +3699,7 @@ function BookingCardLoader() {
   return /* @__PURE__ */ jsx4("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsx4("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) });
 }
 function BookingCard({
+  disabled = false,
   offer,
   onBook
 }) {
@@ -3656,7 +3711,14 @@ function BookingCard({
   const [startTime, setStartTime] = useState4("");
   const [name, setName] = useState4("");
   const [email, setEmail] = useState4("");
+  const activeStepRef = useRef3(null);
+  const previousStepRef = useRef3(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
+  useEffect3(() => {
+    if (previousStepRef.current === step) return;
+    previousStepRef.current = step;
+    activeStepRef.current?.scrollIntoView({ block: "nearest" });
+  }, [step]);
   const slots = useMemo2(
     () => bookingSlotsForEventType(offer.slots, eventTypeUri),
     [eventTypeUri, offer.slots]
@@ -3733,216 +3795,230 @@ function BookingCard({
       })
     });
   }
-  return /* @__PURE__ */ jsx4("section", { className: "booking-card", "aria-label": "Book a meeting", children: /* @__PURE__ */ jsxs4("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ jsx4("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs4(
-      "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__ */ jsx4("span", { "aria-hidden": "true", children: index + 1 }),
-          /* @__PURE__ */ jsx4("span", { children: item.label })
-        ]
-      },
-      item.id
-    )) }),
-    step === "date" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", children: [
-      /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
-      timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
-        "Times in ",
-        timeZone
-      ] }) : null,
-      offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs4(
-        "label",
-        {
-          className: "booking-card__field",
-          htmlFor: `${fieldId}-type`,
-          children: [
-            /* @__PURE__ */ jsx4("span", { children: "Meeting" }),
+  return /* @__PURE__ */ jsx4(
+    "section",
+    {
+      className: "booking-card",
+      "aria-busy": disabled || void 0,
+      "aria-label": "Book a meeting",
+      children: /* @__PURE__ */ jsxs4("form", { className: "booking-card__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx4("ol", { className: "booking-card__steps", "aria-label": "Booking steps", children: BOOKING_STEPS.map((item, index) => /* @__PURE__ */ jsxs4(
+          "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__ */ jsx4("span", { "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ jsx4("span", { children: item.label })
+            ]
+          },
+          item.id
+        )) }),
+        step === "date" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
+          timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
+            "Times in ",
+            timeZone
+          ] }) : null,
+          offer.eventTypes.length > 1 ? /* @__PURE__ */ jsxs4(
+            "label",
+            {
+              className: "booking-card__field",
+              htmlFor: `${fieldId}-type`,
+              children: [
+                /* @__PURE__ */ jsx4("span", { children: "Meeting" }),
+                /* @__PURE__ */ jsx4(
+                  "select",
+                  {
+                    id: `${fieldId}-type`,
+                    value: eventTypeUri,
+                    disabled,
+                    onChange: (event) => selectEventType(event.target.value),
+                    children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx4("option", { value: item.uri, children: item.name }, item.uri))
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs4("div", { className: "booking-card__month", children: [
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                type: "button",
+                className: "booking-card__nav",
+                "aria-label": "Previous month",
+                disabled: disabled || !canPrevMonth,
+                onClick: () => goToMonth(-1),
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsx4("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
             /* @__PURE__ */ jsx4(
-              "select",
+              "button",
               {
-                id: `${fieldId}-type`,
-                value: eventTypeUri,
-                onChange: (event) => selectEventType(event.target.value),
-                children: offer.eventTypes.map((item) => /* @__PURE__ */ jsx4("option", { value: item.uri, children: item.name }, item.uri))
+                type: "button",
+                className: "booking-card__nav",
+                "aria-label": "Next month",
+                disabled: disabled || !canNextMonth,
+                onClick: () => goToMonth(1),
+                children: "\u203A"
               }
             )
-          ]
-        }
-      ) : null,
-      /* @__PURE__ */ jsxs4("div", { className: "booking-card__month", children: [
-        /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            className: "booking-card__nav",
-            "aria-label": "Previous month",
-            disabled: !canPrevMonth,
-            onClick: () => goToMonth(-1),
-            children: "\u2039"
-          }
-        ),
-        /* @__PURE__ */ jsx4("p", { className: "booking-card__month-title", children: formatMonthTitle(visibleMonth.year, visibleMonth.month) }),
-        /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            className: "booking-card__nav",
-            "aria-label": "Next month",
-            disabled: !canNextMonth,
-            onClick: () => goToMonth(1),
-            children: "\u203A"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx4("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx4("span", { children: label }, label)) }),
-      offer.slots.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
-      /* @__PURE__ */ jsx4(
-        "div",
-        {
-          className: "booking-card__calendar",
-          role: "grid",
-          "aria-label": "Available dates",
-          children: cells.map((cell, index) => {
-            if (!cell) {
-              return /* @__PURE__ */ jsx4(
-                "span",
-                {
-                  className: "booking-card__day"
-                },
-                `empty-${index}`
-              );
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "booking-card__weekdays", children: weekdays.map((label) => /* @__PURE__ */ jsx4("span", { children: label }, label)) }),
+          offer.slots.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "booking-card__loading", role: "status", children: "Finding available times\u2026" }) : null,
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "booking-card__calendar",
+              role: "grid",
+              "aria-label": "Available dates",
+              children: cells.map((cell, index) => {
+                if (!cell) {
+                  return /* @__PURE__ */ jsx4(
+                    "span",
+                    {
+                      className: "booking-card__day"
+                    },
+                    `empty-${index}`
+                  );
+                }
+                const available = availableByDate.has(cell.key);
+                const selected = cell.key === selectedDate;
+                return /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    className: [
+                      "booking-card__day",
+                      available ? "booking-card__day--available" : "",
+                      selected ? "booking-card__day--selected" : ""
+                    ].filter(Boolean).join(" "),
+                    disabled: 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__ */ jsx4(
+          )
+        ] }, "date") : null,
+        step === "time" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx4(
               "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__ */ jsxs4("div", { className: "booking-card__step", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
-        /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            className: "booking-card__nav",
-            "aria-label": "Back to dates",
-            onClick: () => setStep("date"),
-            children: "\u2039"
-          }
-        ),
-        /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
-          timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
-            "Times in ",
-            timeZone
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx4("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          className: startTime === slot.startTime ? "booking-card__time booking-card__time--selected" : "booking-card__time",
-          onClick: () => selectTime(slot.startTime),
-          children: formatTimeChip(slot.startTime)
-        },
-        slot.startTime
-      )) })
-    ] }, "time") : null,
-    step === "details" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
-        /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            className: "booking-card__nav",
-            "aria-label": "Back to times",
-            onClick: () => setStep("time"),
-            children: "\u2039"
-          }
-        ),
-        /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: "Enter details" }),
-          /* @__PURE__ */ jsx4("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
-          selectedType?.location ? /* @__PURE__ */ jsx4("p", { className: "booking-card__tz", children: selectedType.location }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "booking-card__identity", children: [
-        /* @__PURE__ */ jsxs4(
-          "label",
-          {
-            className: "booking-card__field",
-            htmlFor: `${fieldId}-name`,
-            children: [
-              /* @__PURE__ */ jsx4("span", { children: "Name" }),
-              /* @__PURE__ */ jsx4(
-                "input",
-                {
-                  id: `${fieldId}-name`,
-                  autoComplete: "name",
-                  value: name,
-                  onChange: (event) => setName(event.target.value),
-                  required: true
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs4(
-          "label",
-          {
-            className: "booking-card__field",
-            htmlFor: `${fieldId}-email`,
-            children: [
-              /* @__PURE__ */ jsx4("span", { children: "Email" }),
-              /* @__PURE__ */ jsx4(
-                "input",
-                {
-                  id: `${fieldId}-email`,
-                  type: "email",
-                  autoComplete: "email",
-                  value: email,
-                  onChange: (event) => setEmail(event.target.value),
-                  required: true
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "submit",
-          className: "booking-card__submit",
-          disabled: !name.trim() || !email.trim(),
-          children: "Book this time"
-        }
-      )
-    ] }, "details") : null
-  ] }) });
+                className: "booking-card__nav",
+                "aria-label": "Back to dates",
+                disabled,
+                onClick: () => setStep("date"),
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedSample ? formatLongDate(selectedSample) : "Pick a time" }),
+              timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
+                "Times in ",
+                timeZone
+              ] }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "booking-card__times", children: daySlots.map((slot) => /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              className: startTime === slot.startTime ? "booking-card__time booking-card__time--selected" : "booking-card__time",
+              disabled,
+              onClick: () => selectTime(slot.startTime),
+              children: formatTimeChip(slot.startTime)
+            },
+            slot.startTime
+          )) })
+        ] }, "time") : null,
+        step === "details" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
+          /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                type: "button",
+                className: "booking-card__nav",
+                "aria-label": "Back to times",
+                disabled,
+                onClick: () => setStep("time"),
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: "Enter details" }),
+              /* @__PURE__ */ jsx4("p", { className: "booking-card__tz", children: formatSlotLabel(startTime) }),
+              selectedType?.location ? /* @__PURE__ */ jsx4("p", { className: "booking-card__tz", children: selectedType.location }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "booking-card__identity", children: [
+            /* @__PURE__ */ jsxs4(
+              "label",
+              {
+                className: "booking-card__field",
+                htmlFor: `${fieldId}-name`,
+                children: [
+                  /* @__PURE__ */ jsx4("span", { children: "Name" }),
+                  /* @__PURE__ */ jsx4(
+                    "input",
+                    {
+                      id: `${fieldId}-name`,
+                      autoComplete: "name",
+                      disabled,
+                      value: name,
+                      onChange: (event) => setName(event.target.value),
+                      required: true
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs4(
+              "label",
+              {
+                className: "booking-card__field",
+                htmlFor: `${fieldId}-email`,
+                children: [
+                  /* @__PURE__ */ jsx4("span", { children: "Email" }),
+                  /* @__PURE__ */ jsx4(
+                    "input",
+                    {
+                      id: `${fieldId}-email`,
+                      type: "email",
+                      autoComplete: "email",
+                      disabled,
+                      value: email,
+                      onChange: (event) => setEmail(event.target.value),
+                      required: true
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "submit",
+              className: "booking-card__submit",
+              disabled: disabled || !name.trim() || !email.trim(),
+              children: disabled ? "Booking\u2026" : "Book this time"
+            }
+          )
+        ] }, "details") : null
+      ] })
+    }
+  );
 }
 
 // src/react/components/MessageBubble/MessageBubble.tsx
@@ -3959,9 +4035,7 @@ function paragraphsAreNearDuplicates(first, second) {
   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))
-  );
+  return longer.startsWith(shorter.slice(0, Math.floor(shorter.length * 0.85)));
 }
 function paragraphsShareOpening(first, second) {
   const opening = first.split("\n")[0]?.trim();
@@ -3989,6 +4063,7 @@ function collapseRepeatedText(text) {
 function MessageBubble({
   message,
   brandLogoUrl,
+  bookingDisabled = false,
   offer,
   onBook
 }) {
@@ -4024,18 +4099,17 @@ function MessageBubble({
         children: displayText
       }
     ),
-    citations.length > 0 ? /* @__PURE__ */ jsx5("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5(
-      "a",
-      {
-        href: citation.url,
-        target: "_blank",
-        rel: "noreferrer",
-        children: [
-          /* @__PURE__ */ jsx5("span", { className: "message-bubble__source-icon", "aria-hidden": "true", children: "\u25A6" }),
-          /* @__PURE__ */ jsx5("span", { children: citation.label })
-        ]
-      }
-    ) }, citation.id)) }) : null
+    citations.length > 0 ? /* @__PURE__ */ jsx5("ul", { className: "message-bubble__sources", "aria-label": "Sources", children: citations.map((citation) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5("a", { href: citation.url, target: "_blank", rel: "noreferrer", children: [
+      /* @__PURE__ */ jsx5(
+        "span",
+        {
+          className: "message-bubble__source-icon",
+          "aria-hidden": "true",
+          children: "\u25A6"
+        }
+      ),
+      /* @__PURE__ */ jsx5("span", { children: citation.label })
+    ] }) }, citation.id)) }) : null
   ] });
   return /* @__PURE__ */ jsxs5("article", { className: "message-bubble message-bubble--agent", children: [
     displayText ? showBrandLogo ? /* @__PURE__ */ jsxs5("div", { className: "message-bubble__agent-row", children: [
@@ -4054,6 +4128,7 @@ function MessageBubble({
     offers.map((nextOffer, index) => /* @__PURE__ */ jsx5(
       BookingCard,
       {
+        disabled: bookingDisabled,
         offer: nextOffer,
         onBook
       },
@@ -4839,7 +4914,7 @@ function AgentRail({
   onInputResponse,
   onToolInput
 }) {
-  const transcriptRef = useRef3(null);
+  const transcriptRef = useRef4(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
   const [failedLogoUrl, setFailedLogoUrl] = useState8(null);
@@ -4944,7 +5019,7 @@ function AgentRail({
     hasPendingConfirmation,
     enabled: lastIsAgent && !isBusy
   });
-  useEffect3(() => {
+  useEffect4(() => {
     const node = transcriptRef.current;
     if (!node) return;
     node.scrollTop = node.scrollHeight;
@@ -5033,6 +5108,7 @@ function AgentRail({
               MessageBubble,
               {
                 message: greeting,
+                bookingDisabled: isBusy,
                 brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
                 onBook
               }
@@ -5078,6 +5154,7 @@ function AgentRail({
               MessageBubble,
               {
                 message,
+                bookingDisabled: isBusy,
                 brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
                 offer: index === lastAgentIndex ? state.pendingOffer : void 0,
                 onBook
@@ -5116,6 +5193,7 @@ function AgentRail({
             MessageBubble,
             {
               message: streamingMessage,
+              bookingDisabled: isBusy,
               brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
               offer: state.pendingOffer,
               onBook
@@ -5355,10 +5433,10 @@ function AssistEdgeTab({
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { useEffect as useEffect6, useRef as useRef4, useState as useState10 } from "react";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
 
 // src/react/page-shift.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 var PAGE_SHIFT_CLASS = "webless-agent-page-shift";
 var DEFAULT_RAIL_WIDTH_PX = 450;
 function shouldApplyPageShift(input) {
@@ -5410,7 +5488,7 @@ function clearPageMargin() {
 }
 function usePageShift(input) {
   const { active, railSlotRef } = input;
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -5438,12 +5516,12 @@ function usePageShift(input) {
 }
 
 // src/react/hooks/useIsMobile.ts
-import { useEffect as useEffect5, useState as useState9 } from "react";
+import { useEffect as useEffect6, useState as useState9 } from "react";
 function useIsMobile(breakpoint = 767) {
   const [isMobile, setIsMobile] = useState9(
     () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
-  useEffect5(() => {
+  useEffect6(() => {
     const media = window.matchMedia(`(max-width: ${breakpoint}px)`);
     const onChange = () => setIsMobile(media.matches);
     onChange();
@@ -5472,7 +5550,7 @@ function AgentWidget({
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = useRef4(null);
+  const railSlotRef = useRef5(null);
   const [railCollapsed, setRailCollapsed] = useState10(defaultCollapsed);
   const [railExpanded, setRailExpanded] = useState10(false);
   const pageShiftActive = shouldApplyPageShift({
@@ -5517,7 +5595,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -5534,7 +5612,7 @@ function AgentWidget({
     if (isMobile) setRailCollapsed(false);
     await submit(message);
   }
-  useEffect6(() => {
+  useEffect7(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -5601,7 +5679,10 @@ function AgentWidget({
                 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 })
+                onBook: (input) => void submit(input.displayText, {
+                  preservePendingOffer: true,
+                  runtimeText: input.runtimeText
+                })
               }
             )
           }
@@ -5657,4 +5738,4 @@ export {
   AssistEdgeTab,
   AgentWidget
 };
-//# sourceMappingURL=chunk-U2SU2CGF.js.map
+//# sourceMappingURL=chunk-YNF2UPGJ.js.map