@tutti-os/agent-gui 0.0.202 → 0.0.204

package/dist/{chunk-UVJBQ6WD.js → chunk-GJZEMI6Z.js}

@@ -47,7 +47,7 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-PWPVYNGO.js";
+} from "./chunk-ZTRTBLLP.js";
 import {
   cn
 } from "./chunk-ZVYUTXQJ.js";
@@ -55,7 +55,7 @@ import {
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi,
   workspaceAgentProviderLabel
-} from "./chunk-3FA5JIDL.js";
+} from "./chunk-K5AOJ5DO.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -5745,6 +5745,7 @@ import {
   useEffect as useEffect6,
   useState as useState10
 } from "react";
+import { Avatar } from "@tutti-os/ui-system";
 import { CheckIcon, CopyIcon } from "@tutti-os/ui-system/icons";
 
 // shared/errors/appError.ts
@@ -7612,7 +7613,8 @@ function AgentMessageBlock({
   workspaceAppIcons,
   previewMode = false,
   showRawTimelineJson = false,
-  rawTimelineJsonLabel = ""
+  rawTimelineJsonLabel = "",
+  participantPresentation
 }) {
   "use memo";
   const agentHostApi = useOptionalAgentHostApi();
@@ -7665,6 +7667,110 @@ function AgentMessageBlock({
     },
     thinking.id
   )) : null;
+  const messageContent = row.messages.map((message) => {
+    const rawTimelineJson2 = showRawTimelineJson && rawTimelineJsonLabel && (message.sourceTimelineItems?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
+      RawTimelineJsonDisclosure,
+      {
+        items: message.sourceTimelineItems,
+        label: rawTimelineJsonLabel
+      }
+    ) : null;
+    const recoveredError = !isUser && !message.visibleError ? recoverVisibleErrorFromMessage(message, provider) : null;
+    const content = isUser && message.contentKind === "image-grid" ? /* @__PURE__ */ jsx18(AgentUserImageGrid, { message }) : isUser ? /* @__PURE__ */ jsx18(
+      AgentRichTextReadonly,
+      {
+        value: message.body,
+        className: `workspace-agents-status-panel__detail-user-message ${AgentGUIConversation_styles_default.userMessageBubble}`,
+        editorClassName: "text-[inherit]",
+        onLinkClick: handleLinkClick,
+        availableSkills,
+        workspaceAppIcons
+      }
+    ) : message.visibleError ? /* @__PURE__ */ jsx18(
+      AgentVisibleErrorMessage,
+      {
+        message,
+        onAuthLogin,
+        onExternalLink: handleLinkClick
+      }
+    ) : recoveredError ? /* @__PURE__ */ jsx18(
+      AgentVisibleErrorMessage,
+      {
+        message: recoveredError,
+        onAuthLogin,
+        onExternalLink: handleLinkClick
+      }
+    ) : message.systemNotice ? /* @__PURE__ */ jsx18(AgentSystemNoticeMessage, { message }) : message.contentKind === "collaboration" && message.collaboration ? /* @__PURE__ */ jsx18(
+      AgentCollaborationRow,
+      {
+        collaboration: message.collaboration,
+        workspaceRoot,
+        basePath,
+        onLinkAction,
+        workspaceAppIcons,
+        previewMode
+      }
+    ) : message.contentKind === "plan" ? /* @__PURE__ */ jsx18(
+      AgentPlanCardMessage,
+      {
+        message,
+        workspaceRoot,
+        basePath,
+        onLinkAction,
+        workspaceAppIcons,
+        previewMode
+      }
+    ) : /* @__PURE__ */ jsx18(
+      AgentMessageMarkdown,
+      {
+        content: message.body,
+        className: AgentGUIConversation_styles_default.assistantMarkdown,
+        onLinkAction,
+        workspaceLinkContext: {
+          workspaceRoot,
+          basePath,
+          source: "agent-markdown"
+        },
+        workspaceAppIcons,
+        enableImageZoom: true,
+        previewMode,
+        streaming: message.statusKind === "working"
+      }
+    );
+    if (rawTimelineJson2) {
+      return /* @__PURE__ */ jsxs10(
+        AgentCopyableMessageGroup,
+        {
+          copyText: message.copyText ?? null,
+          occurredAtUnixMs: message.occurredAtUnixMs,
+          speaker: row.speaker,
+          onCopyMessageText: handleCopyMessageText,
+          children: [
+            content,
+            rawTimelineJson2
+          ]
+        },
+        message.id
+      );
+    }
+    const copyText = message.copyText ?? null;
+    if (copyText) {
+      return /* @__PURE__ */ jsx18(
+        AgentCopyableMessageGroup,
+        {
+          copyText,
+          occurredAtUnixMs: message.occurredAtUnixMs,
+          speaker: row.speaker,
+          onCopyMessageText: handleCopyMessageText,
+          children: content
+        },
+        message.id
+      );
+    }
+    return /* @__PURE__ */ jsx18(Fragment2, { children: content }, message.id);
+  });
+  const enabledParticipantPresentation = participantPresentation?.enabled === true ? participantPresentation : null;
+  const showParticipant = enabledParticipantPresentation !== null && row.messages.length > 0;
   return /* @__PURE__ */ jsxs10(
     "div",
     {
@@ -7673,112 +7779,64 @@ function AgentMessageBlock({
       "data-agent-message-flow-thinking-last": !isUser && row.thinking.length > 0 && row.messages.length === 0 ? "true" : void 0,
       children: [
         thinkingContent,
-        row.messages.map((message) => {
-          const rawTimelineJson2 = showRawTimelineJson && rawTimelineJsonLabel && (message.sourceTimelineItems?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
-            RawTimelineJsonDisclosure,
-            {
-              items: message.sourceTimelineItems,
-              label: rawTimelineJsonLabel
-            }
-          ) : null;
-          const recoveredError = !isUser && !message.visibleError ? recoverVisibleErrorFromMessage(message, provider) : null;
-          const content = isUser && message.contentKind === "image-grid" ? /* @__PURE__ */ jsx18(AgentUserImageGrid, { message }) : isUser ? /* @__PURE__ */ jsx18(
-            AgentRichTextReadonly,
-            {
-              value: message.body,
-              className: `workspace-agents-status-panel__detail-user-message ${AgentGUIConversation_styles_default.userMessageBubble}`,
-              editorClassName: "text-[inherit]",
-              onLinkClick: handleLinkClick,
-              availableSkills,
-              workspaceAppIcons
-            }
-          ) : message.visibleError ? /* @__PURE__ */ jsx18(
-            AgentVisibleErrorMessage,
-            {
-              message,
-              onAuthLogin,
-              onExternalLink: handleLinkClick
-            }
-          ) : recoveredError ? /* @__PURE__ */ jsx18(
-            AgentVisibleErrorMessage,
-            {
-              message: recoveredError,
-              onAuthLogin,
-              onExternalLink: handleLinkClick
-            }
-          ) : message.systemNotice ? /* @__PURE__ */ jsx18(AgentSystemNoticeMessage, { message }) : message.contentKind === "collaboration" && message.collaboration ? /* @__PURE__ */ jsx18(
-            AgentCollaborationRow,
-            {
-              collaboration: message.collaboration,
-              workspaceRoot,
-              basePath,
-              onLinkAction,
-              workspaceAppIcons,
-              previewMode
-            }
-          ) : message.contentKind === "plan" ? /* @__PURE__ */ jsx18(
-            AgentPlanCardMessage,
-            {
-              message,
-              workspaceRoot,
-              basePath,
-              onLinkAction,
-              workspaceAppIcons,
-              previewMode
-            }
-          ) : /* @__PURE__ */ jsx18(
-            AgentMessageMarkdown,
-            {
-              content: message.body,
-              className: AgentGUIConversation_styles_default.assistantMarkdown,
-              onLinkAction,
-              workspaceLinkContext: {
-                workspaceRoot,
-                basePath,
-                source: "agent-markdown"
-              },
-              workspaceAppIcons,
-              enableImageZoom: true,
-              previewMode,
-              streaming: message.statusKind === "working"
-            }
-          );
-          if (rawTimelineJson2) {
-            return /* @__PURE__ */ jsxs10(
-              AgentCopyableMessageGroup,
-              {
-                copyText: message.copyText ?? null,
-                occurredAtUnixMs: message.occurredAtUnixMs,
-                speaker: row.speaker,
-                onCopyMessageText: handleCopyMessageText,
-                children: [
-                  content,
-                  rawTimelineJson2
-                ]
-              },
-              message.id
-            );
-          }
-          const copyText = message.copyText ?? null;
-          if (copyText) {
-            return /* @__PURE__ */ jsx18(
-              AgentCopyableMessageGroup,
-              {
-                copyText,
-                occurredAtUnixMs: message.occurredAtUnixMs,
-                speaker: row.speaker,
-                onCopyMessageText: handleCopyMessageText,
-                children: content
-              },
-              message.id
-            );
+        showParticipant ? /* @__PURE__ */ jsxs10(
+          "div",
+          {
+            className: AgentGUIConversation_styles_default.participantMessageLayout,
+            "data-agent-message-speaker": row.speaker,
+            children: [
+              !isUser ? /* @__PURE__ */ jsx18(
+                AgentConversationParticipantAvatar,
+                {
+                  presentation: enabledParticipantPresentation,
+                  speaker: "assistant"
+                }
+              ) : null,
+              /* @__PURE__ */ jsx18("div", { className: AgentGUIConversation_styles_default.participantMessageContent, children: messageContent }),
+              isUser ? /* @__PURE__ */ jsx18(
+                AgentConversationParticipantAvatar,
+                {
+                  presentation: enabledParticipantPresentation,
+                  speaker: "user"
+                }
+              ) : null
+            ]
           }
-          return /* @__PURE__ */ jsx18(Fragment2, { children: content }, message.id);
-        })
+        ) : messageContent
       ]
     }
   );
 }
+function AgentConversationParticipantAvatar({
+  presentation,
+  speaker
+}) {
+  if (presentation.status === "loading") {
+    return /* @__PURE__ */ jsx18(
+      Avatar,
+      {
+        "aria-hidden": "true",
+        className: AgentGUIConversation_styles_default.participantAvatar,
+        "data-agent-conversation-participant-avatar": speaker,
+        label: "",
+        loading: true,
+        size: "md"
+      }
+    );
+  }
+  const participant = speaker === "user" ? presentation.user : presentation.agent;
+  return /* @__PURE__ */ jsx18(
+    Avatar,
+    {
+      "aria-label": participant.name,
+      className: AgentGUIConversation_styles_default.participantAvatar,
+      "data-agent-conversation-participant-avatar": speaker,
+      label: participant.name,
+      size: "md",
+      src: participant.avatarUrl
+    }
+  );
+}
 function AgentCopyableMessageGroup({
   children,
   copyText,
@@ -13712,6 +13770,7 @@ var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
   workspaceAppIcons,
   previewMode = false,
   showRawTimelineJson = false,
+  participantPresentation,
   toolGroupExpanded,
   toolGroupExpansionKey,
   onToolGroupExpandedChange
@@ -13758,7 +13817,8 @@ var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
           previewMode,
           thinkingLabel: labels.thinkingLabel,
           showRawTimelineJson,
-          rawTimelineJsonLabel: labels.rawTimelineJson
+          rawTimelineJsonLabel: labels.rawTimelineJson,
+          participantPresentation
         }
       );
     case "tool-group":
@@ -15261,6 +15321,24 @@ var AGENT_TRANSCRIPT_DISCLOSURE_TURN_GAP_PX = 24;
 var AGENT_TRANSCRIPT_LEGACY_TURN_GAP_PX = 12;
 var AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT = 3;
 var preventVirtualScrollAdjustment = () => false;
+function participantPresentationEqual(previous, next) {
+  if (previous === next) {
+    return true;
+  }
+  if ((!previous || !previous.enabled) && (!next || !next.enabled)) {
+    return true;
+  }
+  if (!previous?.enabled || !next?.enabled) {
+    return false;
+  }
+  if (previous.status !== next.status) {
+    return false;
+  }
+  if (previous.status === "loading" || next.status === "loading") {
+    return true;
+  }
+  return previous.user.name === next.user.name && previous.user.avatarUrl === next.user.avatarUrl && previous.agent.name === next.agent.name && previous.agent.avatarUrl === next.agent.avatarUrl;
+}
 function transcriptLabelsEqual(previous, next) {
   return previous === next || previous.thinkingLabel === next.thinkingLabel && previous.processing === next.processing && previous.turnSummary === next.turnSummary && previous.rawTimelineJson === next.rawTimelineJson && previous.userMessageLocator === next.userMessageLocator && previous.toolCallsLabel === next.toolCallsLabel;
 }
@@ -15286,7 +15364,10 @@ function areAgentTranscriptViewPropsEqual(previous, next) {
   return transcriptConversationRenderInputEquals(
     previous.conversation,
     next.conversation
-  ) && previous.onLinkAction === next.onLinkAction && previous.onAuthLogin === next.onAuthLogin && previous.availableSkills === next.availableSkills && previous.workspaceAppIcons === next.workspaceAppIcons && previous.turnAttachments === next.turnAttachments && previous.turnAttachmentLocatorRef === next.turnAttachmentLocatorRef && previous.onTurnAttachmentVisibilityChange === next.onTurnAttachmentVisibilityChange && previous.previewMode === next.previewMode && previous.showRawTimelineJson === next.showRawTimelineJson && transcriptLabelsEqual(previous.labels, next.labels);
+  ) && previous.onLinkAction === next.onLinkAction && previous.onAuthLogin === next.onAuthLogin && previous.availableSkills === next.availableSkills && previous.workspaceAppIcons === next.workspaceAppIcons && previous.turnAttachments === next.turnAttachments && previous.turnAttachmentLocatorRef === next.turnAttachmentLocatorRef && previous.onTurnAttachmentVisibilityChange === next.onTurnAttachmentVisibilityChange && previous.previewMode === next.previewMode && previous.showRawTimelineJson === next.showRawTimelineJson && participantPresentationEqual(
+    previous.participantPresentation,
+    next.participantPresentation
+  ) && transcriptLabelsEqual(previous.labels, next.labels);
 }
 var AgentTranscriptView = memo4(function AgentTranscriptView2({
   conversation,
@@ -15299,6 +15380,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
   workspaceAppIcons,
   previewMode = false,
   showRawTimelineJson = false,
+  participantPresentation,
   labels
 }) {
   "use memo";
@@ -15464,6 +15546,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
             workspaceAppIcons,
             previewMode,
             showRawTimelineJson,
+            participantPresentation,
             toolGroupExpanded: row.kind === "tool-group" ? expandedToolRows[rowKey] === true : void 0,
             toolGroupExpansionKey: row.kind === "tool-group" ? rowKey : void 0,
             onToolGroupExpandedChange: handleToolGroupExpandedChange
@@ -15609,6 +15692,7 @@ var AgentConversationFlow = memo5(function AgentConversationFlow2({
   workspaceAppIcons,
   previewMode = false,
   showRawTimelineJson = false,
+  participantPresentation,
   labels
 }) {
   "use memo";
@@ -15631,7 +15715,8 @@ var AgentConversationFlow = memo5(function AgentConversationFlow2({
         workspaceAppIcons,
         previewMode,
         labels,
-        showRawTimelineJson
+        showRawTimelineJson,
+        participantPresentation
       }
     );
   }
@@ -15704,4 +15789,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-UVJBQ6WD.js.map
+//# sourceMappingURL=chunk-GJZEMI6Z.js.map