@webless/agent 0.7.5 → 0.8.0

package/dist/react.d.cts

@@ -135,4 +135,16 @@ declare function buildAgentAnswerFeedbackEvent(input: {
  */
 declare function sendAgentAnswerFeedback(eventUrl: string, event: Record<string, unknown>): void;
 
-export { AGENT_ANSWER_FEEDBACK_EVENT_TYPE, AgentColorScheme, AgentInputResponse, AgentMessageFeedback, AgentPlacementConfig, AgentRail, AgentRailPhase, type AgentRailProps, AgentRailState, AgentRailTheme, AgentToolUiSurface, AgentWidget, type AgentWidgetProps, ConversationMessage, FollowUpSuggestion, MessageActions, ToolStep, type UseAgentChatOptions, VisitorToolResultRegistry, buildAgentAnswerFeedbackEvent, createIdleSuggestions, findPrecedingVisitorText, hasVisitorMessages, isAgentBusy, sendAgentAnswerFeedback, useAgentChat };
+type AgentTranscriptProps = {
+    messages: readonly ConversationMessage[];
+    theme?: Partial<AgentRailTheme>;
+    colorScheme?: AgentColorScheme;
+    agentLabel?: string;
+    visitorLabel?: string;
+    label?: string;
+    formatTimestamp?: (createdAt: number) => string;
+};
+/** Renders a stored snapshot; never creates a session or exposes chat actions. */
+declare function AgentTranscript({ messages, theme, colorScheme, agentLabel, visitorLabel, label, formatTimestamp, }: AgentTranscriptProps): react.JSX.Element;
+
+export { AGENT_ANSWER_FEEDBACK_EVENT_TYPE, AgentColorScheme, AgentInputResponse, AgentMessageFeedback, AgentPlacementConfig, AgentRail, AgentRailPhase, type AgentRailProps, AgentRailState, AgentRailTheme, AgentToolUiSurface, AgentTranscript, type AgentTranscriptProps, AgentWidget, type AgentWidgetProps, ConversationMessage, FollowUpSuggestion, MessageActions, ToolStep, type UseAgentChatOptions, VisitorToolResultRegistry, buildAgentAnswerFeedbackEvent, createIdleSuggestions, findPrecedingVisitorText, hasVisitorMessages, isAgentBusy, sendAgentAnswerFeedback, useAgentChat };

package/dist/react.d.ts

@@ -135,4 +135,16 @@ declare function buildAgentAnswerFeedbackEvent(input: {
  */
 declare function sendAgentAnswerFeedback(eventUrl: string, event: Record<string, unknown>): void;
 
-export { AGENT_ANSWER_FEEDBACK_EVENT_TYPE, AgentColorScheme, AgentInputResponse, AgentMessageFeedback, AgentPlacementConfig, AgentRail, AgentRailPhase, type AgentRailProps, AgentRailState, AgentRailTheme, AgentToolUiSurface, AgentWidget, type AgentWidgetProps, ConversationMessage, FollowUpSuggestion, MessageActions, ToolStep, type UseAgentChatOptions, VisitorToolResultRegistry, buildAgentAnswerFeedbackEvent, createIdleSuggestions, findPrecedingVisitorText, hasVisitorMessages, isAgentBusy, sendAgentAnswerFeedback, useAgentChat };
+type AgentTranscriptProps = {
+    messages: readonly ConversationMessage[];
+    theme?: Partial<AgentRailTheme>;
+    colorScheme?: AgentColorScheme;
+    agentLabel?: string;
+    visitorLabel?: string;
+    label?: string;
+    formatTimestamp?: (createdAt: number) => string;
+};
+/** Renders a stored snapshot; never creates a session or exposes chat actions. */
+declare function AgentTranscript({ messages, theme, colorScheme, agentLabel, visitorLabel, label, formatTimestamp, }: AgentTranscriptProps): react.JSX.Element;
+
+export { AGENT_ANSWER_FEEDBACK_EVENT_TYPE, AgentColorScheme, AgentInputResponse, AgentMessageFeedback, AgentPlacementConfig, AgentRail, AgentRailPhase, type AgentRailProps, AgentRailState, AgentRailTheme, AgentToolUiSurface, AgentTranscript, type AgentTranscriptProps, AgentWidget, type AgentWidgetProps, ConversationMessage, FollowUpSuggestion, MessageActions, ToolStep, type UseAgentChatOptions, VisitorToolResultRegistry, buildAgentAnswerFeedbackEvent, createIdleSuggestions, findPrecedingVisitorText, hasVisitorMessages, isAgentBusy, sendAgentAnswerFeedback, useAgentChat };

package/dist/react.js

@@ -8,6 +8,8 @@ import {
   AssistEdgeTab,
   DEFAULT_AGENT_PLACEMENT,
   MessageActions,
+  MessageBubble,
+  agentThemeStyle,
   buildAgentAnswerFeedbackEvent,
   builtInVisitorToolResultRegistry,
   createIdleSuggestions,
@@ -20,13 +22,73 @@ import {
   normalizeAgentPlacement,
   presentVisitorToolResult,
   sendAgentAnswerFeedback,
-  useAgentChat
-} from "./chunk-CD6TKXGT.js";
+  useAgentChat,
+  useAgentColorScheme
+} from "./chunk-JZPXXG76.js";
+
+// src/react/components/AgentTranscript/AgentTranscript.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var timestampFormat = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  hour: "numeric",
+  minute: "2-digit",
+  timeZone: "UTC"
+});
+function defaultTimestamp(createdAt) {
+  return `${timestampFormat.format(createdAt)} UTC`;
+}
+function AgentTranscript({
+  messages,
+  theme,
+  colorScheme,
+  agentLabel = "Agent",
+  visitorLabel = "Visitor",
+  label = "Conversation transcript",
+  formatTimestamp = defaultTimestamp
+}) {
+  const scheme = useAgentColorScheme(colorScheme);
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      className: "webless-agent-root agent-transcript not-typeset",
+      "data-not-typeset": "",
+      "data-color-scheme": scheme,
+      "aria-label": label,
+      style: agentThemeStyle(theme, scheme),
+      children: messages.map((message) => {
+        const date = new Date(message.createdAt);
+        const validTimestamp = Number.isFinite(date.getTime());
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: `agent-transcript__message agent-transcript__message--${message.role}`,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "agent-transcript__meta", children: [
+                /* @__PURE__ */ jsx("span", { children: message.role === "visitor" ? visitorLabel : agentLabel }),
+                validTimestamp ? /* @__PURE__ */ jsx("time", { dateTime: date.toISOString(), children: formatTimestamp(message.createdAt) }) : null
+              ] }),
+              /* @__PURE__ */ jsx(
+                MessageBubble,
+                {
+                  message: message.role === "agent" ? { ...message, streaming: false } : message,
+                  bookingDisabled: true
+                }
+              )
+            ]
+          },
+          message.id
+        );
+      })
+    }
+  );
+}
 export {
   AGENT_ANSWER_FEEDBACK_EVENT_TYPE,
   AGENT_STRUCTURED_TOOL_INPUT_HEADER,
   AGENT_STRUCTURED_TOOL_INPUT_SCHEMA_VERSION,
   AgentRail,
+  AgentTranscript,
   AgentWidget,
   AssistEdgeTab,
   DEFAULT_AGENT_PLACEMENT,

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/react/components/AgentTranscript/AgentTranscript.tsx"],"sourcesContent":["import type {\n  ConversationMessage,\n  AgentColorScheme,\n  AgentRailTheme,\n} from \"../../types/conversation\";\nimport { useAgentColorScheme } from \"../../hooks/useAgentColorScheme\";\nimport { agentThemeStyle } from \"../../lib/agent-theme\";\nimport { MessageBubble } from \"../MessageBubble/MessageBubble\";\nimport \"./AgentTranscript.css\";\n\nexport type AgentTranscriptProps = {\n  messages: readonly ConversationMessage[];\n  theme?: Partial<AgentRailTheme>;\n  colorScheme?: AgentColorScheme;\n  agentLabel?: string;\n  visitorLabel?: string;\n  label?: string;\n  formatTimestamp?: (createdAt: number) => string;\n};\n\nconst timestampFormat = new Intl.DateTimeFormat(\"en-US\", {\n  month: \"short\",\n  day: \"numeric\",\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  timeZone: \"UTC\",\n});\nfunction defaultTimestamp(createdAt: number) {\n  return `${timestampFormat.format(createdAt)} UTC`;\n}\n\n/** Renders a stored snapshot; never creates a session or exposes chat actions. */\nexport function AgentTranscript({\n  messages,\n  theme,\n  colorScheme,\n  agentLabel = \"Agent\",\n  visitorLabel = \"Visitor\",\n  label = \"Conversation transcript\",\n  formatTimestamp = defaultTimestamp,\n}: AgentTranscriptProps) {\n  const scheme = useAgentColorScheme(colorScheme);\n  return (\n    <ol\n      className=\"webless-agent-root agent-transcript not-typeset\"\n      data-not-typeset=\"\"\n      data-color-scheme={scheme}\n      aria-label={label}\n      style={agentThemeStyle(theme, scheme)}\n    >\n      {messages.map((message) => {\n        const date = new Date(message.createdAt);\n        const validTimestamp = Number.isFinite(date.getTime());\n        return (\n          <li\n            key={message.id}\n            className={`agent-transcript__message agent-transcript__message--${message.role}`}\n          >\n            <div className=\"agent-transcript__meta\">\n              <span>\n                {message.role === \"visitor\" ? visitorLabel : agentLabel}\n              </span>\n              {validTimestamp ? (\n                <time dateTime={date.toISOString()}>\n                  {formatTimestamp(message.createdAt)}\n                </time>\n              ) : null}\n            </div>\n            <MessageBubble\n              message={\n                message.role === \"agent\"\n                  ? { ...message, streaming: false }\n                  : message\n              }\n              bookingDisabled\n            />\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DY,SACE,KADF;AAtCZ,IAAM,kBAAkB,IAAI,KAAK,eAAe,SAAS;AAAA,EACvD,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC;AACD,SAAS,iBAAiB,WAAmB;AAC3C,SAAO,GAAG,gBAAgB,OAAO,SAAS,CAAC;AAC7C;AAGO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,kBAAkB;AACpB,GAAyB;AACvB,QAAM,SAAS,oBAAoB,WAAW;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,qBAAmB;AAAA,MACnB,cAAY;AAAA,MACZ,OAAO,gBAAgB,OAAO,MAAM;AAAA,MAEnC,mBAAS,IAAI,CAAC,YAAY;AACzB,cAAM,OAAO,IAAI,KAAK,QAAQ,SAAS;AACvC,cAAM,iBAAiB,OAAO,SAAS,KAAK,QAAQ,CAAC;AACrD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,wDAAwD,QAAQ,IAAI;AAAA,YAE/E;AAAA,mCAAC,SAAI,WAAU,0BACb;AAAA,oCAAC,UACE,kBAAQ,SAAS,YAAY,eAAe,YAC/C;AAAA,gBACC,iBACC,oBAAC,UAAK,UAAU,KAAK,YAAY,GAC9B,0BAAgB,QAAQ,SAAS,GACpC,IACE;AAAA,iBACN;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SACE,QAAQ,SAAS,UACb,EAAE,GAAG,SAAS,WAAW,MAAM,IAC/B;AAAA,kBAEN,iBAAe;AAAA;AAAA,cACjB;AAAA;AAAA;AAAA,UApBK,QAAQ;AAAA,QAqBf;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webless/agent",
-  "version": "0.7.5",
+  "version": "0.8.0",
   "description": "Webless Agent SDK — Eve runtime client, React UI, and embed bundle.",
   "type": "module",
   "license": "MIT",