@webless/agent 0.10.1 → 0.10.3

package/dist/embed.cjs

@@ -3790,6 +3790,7 @@ function joinLabels(labels) {
   if (labels.length === 2) return `${labels[0]} and ${labels[1]}`;
   return `${labels.slice(0, -1).join(", ")} and ${labels.at(-1) ?? ""}`;
 }
+var AGENT_SOFT_REVIEW_STATUS = "Reviewing your details to find the best approach";
 function workSummary(steps, failed, brandLabel) {
   const activeTool = [...steps].reverse().find(
     (step) => step.kind === "tool" && step.state === "active"
@@ -3804,7 +3805,7 @@ function workSummary(steps, failed, brandLabel) {
     )}`;
   const active = [...steps].reverse().find((step) => step.state === "active");
   if (active?.kind === "search") return "Searching this site";
-  if (active) return "Reviewing your details to find the best approach";
+  if (active) return AGENT_SOFT_REVIEW_STATUS;
   if (failed) return "Couldn\u2019t complete this request";
   const hasError = steps.some((step) => step.state === "error");
   const specialists = steps.filter(
@@ -3898,23 +3899,32 @@ function AgentActivityBubble({
   onRetryStep
 }) {
   const active = steps.some((step) => step.state === "active");
+  const statusText = workSummary(steps, failed, brandLabel);
+  const softReview = statusText === AGENT_SOFT_REVIEW_STATUS;
   const receiptId = steps.map((step) => step.id).join(":");
   const [expandedReceiptId, setExpandedReceiptId] = (0, import_react5.useState)(
     null
   );
   const detailsOpen = !active && expandedReceiptId === receiptId;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "agent-activity-bubble", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "agent-activity-bubble__status", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "span",
-        {
-          className: `agent-activity-bubble__pulse${active ? " is-active" : failed ? " is-error" : ""}`,
-          "aria-hidden": "true"
-        }
-      ),
-      workSummary(steps, failed, brandLabel),
-      active ? "..." : ""
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "p",
+      {
+        className: `agent-activity-bubble__status${softReview ? " agent-activity-bubble__status--soft" : ""}`,
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: `agent-activity-bubble__pulse${active ? " is-active" : failed ? " is-error" : ""}`,
+              "aria-hidden": "true"
+            }
+          ),
+          statusText,
+          active ? "..." : ""
+        ]
+      }
+    ),
     !active ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "agent-activity-bubble__details", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
@@ -4136,7 +4146,6 @@ function Composer({
   if (form && form.id !== draft.form?.id) setDraft(createDraft(form));
   const savedForm = allowFormResume && !draft.submitted ? draft.form : null;
   const activeForm = !disabled && draft.expanded ? savedForm : null;
-  const hasDraft = Object.values(draft.values).some((value2) => value2.trim());
   const canSend = !disabled && Boolean(value.trim() || activeForm);
   (0, import_react8.useEffect)(() => {
     if (activeForm) firstFieldRef.current?.focus();
@@ -4252,14 +4261,14 @@ function Composer({
       onSubmit: handleSubmit,
       children: [
         savedForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "composer__resume", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: hasDraft ? "Your details aren\u2019t shared yet" : "Share your details so we can follow up" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Share your details and we'll reach out shortly" }),
           !activeForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               type: "button",
               disabled,
               onClick: () => setDraft((current) => ({ ...current, expanded: true })),
-              children: hasDraft ? "Resume details" : "Add details"
+              children: "Request follow-up"
             }
           ) : null
         ] }) : null,
@@ -4948,7 +4957,7 @@ function MessageBubble({
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_streamdown.Streamdown,
       {
-        animated: isStreaming,
+        animated: false,
         caret: "circle",
         className: "message-bubble__markdown",
         controls: false,
@@ -6456,14 +6465,21 @@ function AgentRail({
   const activeVisitorToolInput = [...visitorToolResults].reverse().find((result) => result.kind === "input");
   const visibleVisitorToolResults = activeVisitorToolInput ? [activeVisitorToolInput] : visitorToolResults;
   const activityActive = state.toolSteps.some((step) => step.state === "active");
-  const showActivity = state.toolSteps.length > 0 && pendingInputRequests.length === 0 && !state.pendingOffer && activityActive;
+  const showActivity = state.toolSteps.length > 0 && pendingInputRequests.length === 0 && !state.pendingOffer && (activityActive || isBusy && !state.streamingText);
+  const activitySteps = activityActive || !isBusy || state.streamingText ? state.toolSteps : [...state.toolSteps, {
+    id: "preparing-answer",
+    kind: "tool",
+    label: "Preparing your answer",
+    detail: "Preparing your answer",
+    state: "active"
+  }];
   const hasVisitorMessages2 = state.messages.some(
     (message) => message.role === "visitor"
   );
   const hasAgentResponseAfterVisitor = state.messages.some(
     (message) => message.role === "agent" && message.id !== "greeting"
   );
-  const showDisclaimerLabel = Boolean(resolvedDisclaimerLabel) && hasVisitorMessages2 && (hasAgentResponseAfterVisitor || state.phase === "streaming" && Boolean(state.streamingText));
+  const showDisclaimerLabel = Boolean(resolvedDisclaimerLabel) && hasVisitorMessages2 && (hasAgentResponseAfterVisitor || Boolean(state.streamingText));
   const showIdleFollowUps = !hasVisitorMessages2 && state.followUps.length > 0;
   const greeting = state.messages.find(
     (message) => message.role === "agent" && message.id === "greeting"
@@ -6486,11 +6502,11 @@ function AgentRail({
   }
   const lastIsAgent = lastMessage?.role === "agent";
   const showMessageActions = state.phase === "complete" && lastIsAgent && hasVisitorMessages2 && Boolean(hideToolCardFences(lastMessage.text).trim());
-  const streamingMessage = state.phase === "streaming" && state.streamingText && !lastIsAgent ? {
+  const streamingMessage = state.streamingText && !lastIsAgent ? {
     createdAt: 0,
     id: "streaming-response",
     role: "agent",
-    streaming: true,
+    streaming: isBusy,
     text: state.streamingText,
     searchResults: (state.toolResults ?? []).filter(
       (result) => result.kind === "search"
@@ -6502,6 +6518,7 @@ function AgentRail({
     streaming: false,
     text: "Pick a date and time that works for you."
   } : null;
+  const transcriptMessages = streamingMessage ? [...visibleMessages, streamingMessage] : visibleMessages;
   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 : "";
@@ -6734,7 +6751,7 @@ function AgentRail({
                       brandLabel: resolvedBrandLabel,
                       brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
                       failed: state.phase === "error",
-                      steps: state.toolSteps
+                      steps: activitySteps
                     }
                   ) : null,
                   visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -6755,7 +6772,7 @@ function AgentRail({
                     request.requestId
                   ))
                 ] }) : null,
-                visibleMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                transcriptMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                   "div",
                   {
                     ref: index === lastVisitorIndex + 1 ? responseRef : void 0,
@@ -6768,7 +6785,7 @@ function AgentRail({
                           message,
                           bookingDisabled: isBusy,
                           brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                          offer: index === lastAgentIndex ? state.pendingOffer : void 0,
+                          offer: index === transcriptMessages.length - 1 ? state.pendingOffer : void 0,
                           onBook
                         }
                       ),
@@ -6791,7 +6808,7 @@ function AgentRail({
                             brandLabel: resolvedBrandLabel,
                             brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
                             failed: state.phase === "error",
-                            steps: state.toolSteps
+                            steps: activitySteps
                           }
                         ) : null,
                         visibleVisitorToolResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -6814,18 +6831,8 @@ function AgentRail({
                       ] }) : null
                     ]
                   },
-                  message.id
+                  message.role === "agent" && transcriptMessages[index - 1]?.role === "visitor" ? `answer-${transcriptMessages[index - 1]?.id}` : message.id
                 )),
-                streamingMessage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: responseRef, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                  MessageBubble,
-                  {
-                    message: streamingMessage,
-                    bookingDisabled: isBusy,
-                    brandLogoUrl: showBrandLogo ? resolvedBrandLogoUrl : void 0,
-                    offer: state.pendingOffer,
-                    onBook
-                  }
-                ) }) : null,
                 waitingForBooking ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BookingCardLoader, {}) : null,
                 state.error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "agent-rail__error", role: "alert", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
@@ -7069,7 +7076,11 @@ function AssistEdgeTab({
     ...brandForeground ? { "--as-visitor-text": brandForeground } : {},
     ...resolvedBorderColor ? { "--as-border": resolvedBorderColor } : {},
     ...fontFamily ? { "--as-font-display": fontFamily } : {},
-    ...pill ? { "--as-surface": "#ffffff", "--as-text": "#171717" } : resolvedSurfaceColor ? { "--as-surface": resolvedSurfaceColor } : {},
+    ...pill ? {
+      "--as-surface": "#ffffff",
+      "--as-text": "#171717",
+      backgroundColor: "#ffffff"
+    } : resolvedSurfaceColor ? { "--as-surface": resolvedSurfaceColor } : {},
     ...!pill && resolvedTextColor ? { "--as-text": resolvedTextColor } : {},
     colorScheme: chromeScheme
   };
@@ -7086,23 +7097,19 @@ function AssistEdgeTab({
       onClick: onOpen,
       children: [
         pill ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "span",
             {
               className: `assist-edge-tab__mark assist-edge-tab__mark--chip${mobile ? " assist-edge-tab__mark--mobile" : ""}`,
               "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__wash assist-edge-tab__wash--light" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "assist-edge-tab__wash assist-edge-tab__wash--cool" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  TabMarkIcon,
-                  {
-                    customIconUrl,
-                    logoUrl
-                  },
-                  markSourceKey
-                )
-              ]
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                TabMarkIcon,
+                {
+                  customIconUrl,
+                  logoUrl
+                },
+                markSourceKey
+              )
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "assist-edge-tab__text", children: [