@webless/agent 0.9.1 → 0.9.3

package/dist/react.cjs

@@ -4798,6 +4798,20 @@ function InteractiveBookingCard({
 
 // src/react/components/MessageBubble/MessageBubble.tsx
 var import_streamdown = require("streamdown");
+
+// src/react/lib/resolve-message-url.ts
+function resolveMessageUrl(safeUrl, baseUrl) {
+  if (!safeUrl || !baseUrl) return safeUrl;
+  try {
+    const base = new URL(baseUrl);
+    if (base.protocol !== "https:" && base.protocol !== "http:") return "";
+    return new URL(safeUrl, base).href;
+  } catch {
+    return "";
+  }
+}
+
+// src/react/components/MessageBubble/MessageBubble.tsx
 var import_styles = require("streamdown/styles.css");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function normalizeDedupeText(text2) {
@@ -4840,6 +4854,7 @@ function MessageBubble({
   brandLogoUrl,
   bookingDisabled = false,
   bookingReadOnly = false,
+  linkBaseUrl,
   offer,
   onBook
 }) {
@@ -4872,6 +4887,10 @@ function MessageBubble({
         isAnimating: isStreaming,
         linkSafety: { enabled: false },
         mode: isStreaming ? "streaming" : "static",
+        urlTransform: (url, key, node) => resolveMessageUrl(
+          (0, import_streamdown.defaultUrlTransform)(url, key, node) ?? "",
+          key === "href" ? linkBaseUrl : void 0
+        ),
         skipHtml: true,
         children: displayText
       }
@@ -4889,7 +4908,8 @@ function MessageBubble({
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: citation.label })
     ] }) }, citation.id)) }) : null
   ] });
-  if (!displayText && !message.searchResults?.length && offers.length === 0) return null;
+  if (!displayText && !message.searchResults?.length && offers.length === 0)
+    return null;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: "message-bubble message-bubble--agent", children: [
     displayText || message.searchResults?.length ? showBrandLogo ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "message-bubble__agent-row", children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "message-bubble__agent-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -7272,6 +7292,9 @@ function AgentWidget({
   ] });
 }
 
+// src/react/components/AgentTranscript/AgentTranscript.tsx
+var import_react16 = require("react");
+
 // src/react/components/AgentTranscript/TranscriptActivity.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var statusLabels = {
@@ -7299,16 +7322,12 @@ function RecordedResult({
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(VisitorToolResultView, { disabled: true, result });
 }
 function TranscriptActivity({
-  activity,
-  formatTimestamp
+  activity
 }) {
-  const date = new Date(activity.createdAt);
-  const validTimestamp = Number.isFinite(date.getTime());
   const result = activity.result?.kind === "hidden" ? void 0 : activity.result;
   const heading = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: activity.category === "specialist" ? `Specialist \xB7 ${activity.label}` : activity.label }),
-    activity.status !== "completed" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "agent-transcript__activity-status", children: statusLabels[activity.status] }) : null,
-    validTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(activity.createdAt) }) : null
+    activity.status !== "completed" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "agent-transcript__activity-status", children: statusLabels[activity.status] }) : null
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "agent-transcript__activity", "data-status": activity.status, children: result ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("details", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("summary", { className: "agent-transcript__activity-heading", children: heading }),
@@ -7367,10 +7386,12 @@ function AgentTranscript({
   activities = [],
   theme,
   colorScheme,
+  linkBaseUrl,
   agentLabel = "Agent",
   visitorLabel = "Visitor",
   label = "Conversation transcript",
-  formatTimestamp = defaultTimestamp
+  formatTimestamp = defaultTimestamp,
+  showInitialTimestamp = true
 }) {
   const scheme = useAgentColorScheme(colorScheme);
   const entries = [
@@ -7388,41 +7409,32 @@ function AgentTranscript({
       "data-color-scheme": scheme,
       "aria-label": label,
       style: agentThemeStyle(theme, scheme),
-      children: entries.map((message) => {
-        if (message.kind === "activity")
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            TranscriptActivity,
-            {
-              activity: message,
-              formatTimestamp
-            },
-            message.id
-          );
-        if (message.role === "visitor" && !message.text.trim()) return null;
-        const date = new Date(message.createdAt);
+      children: entries.map((entry, index) => {
+        const date = new Date(entry.createdAt);
+        const previous = entries[index - 1];
         const validTimestamp = Number.isFinite(date.getTime());
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          "li",
-          {
-            className: `agent-transcript__message agent-transcript__message--${message.role}`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "agent-transcript__meta", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: message.role === "visitor" ? visitorLabel : agentLabel }),
-                validTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(message.createdAt) }) : null
-              ] }),
-              message.role === "agent" ? message.toolResults?.map((result) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(VisitorToolResultView, { result }, result.id)) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                MessageBubble,
-                {
-                  message: message.role === "agent" ? { ...message, streaming: false } : message,
-                  bookingReadOnly: true,
-                  bookingDisabled: true
-                }
-              )
-            ]
-          },
-          message.id
-        );
+        const showTimestamp = validTimestamp && (previous ? entry.createdAt - previous.createdAt >= 5 * 60 * 1e3 || date.toISOString().slice(0, 10) !== new Date(previous.createdAt).toJSON()?.slice(0, 10) : showInitialTimestamp);
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react16.Fragment, { children: [
+          showTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: "agent-transcript__time-marker", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("time", { dateTime: date.toISOString(), children: formatTimestamp(entry.createdAt) }) }) : null,
+          entry.kind === "activity" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TranscriptActivity, { activity: entry }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            "li",
+            {
+              className: `agent-transcript__message agent-transcript__message--${entry.role}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "agent-transcript__meta", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: entry.role === "visitor" ? visitorLabel : agentLabel }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  MessageBubble,
+                  {
+                    message: entry.role === "agent" ? { ...entry, streaming: false } : entry,
+                    linkBaseUrl,
+                    bookingReadOnly: true,
+                    bookingDisabled: true
+                  }
+                )
+              ]
+            }
+          )
+        ] }, `${entry.kind}:${entry.id}`);
       })
     }
   );