@webless/agent 0.10.2 → 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,
@@ -7067,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
   };
@@ -7084,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: [