@webless/agent 0.9.1 → 0.9.2

package/dist/react.cjs

@@ -7272,6 +7272,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 +7302,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 }),
@@ -7370,7 +7369,8 @@ function AgentTranscript({
   agentLabel = "Agent",
   visitorLabel = "Visitor",
   label = "Conversation transcript",
-  formatTimestamp = defaultTimestamp
+  formatTimestamp = defaultTimestamp,
+  showInitialTimestamp = true
 }) {
   const scheme = useAgentColorScheme(colorScheme);
   const entries = [
@@ -7388,41 +7388,31 @@ 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,
+                    bookingReadOnly: true,
+                    bookingDisabled: true
+                  }
+                )
+              ]
+            }
+          )
+        ] }, `${entry.kind}:${entry.id}`);
       })
     }
   );