@tutti-os/agent-gui 0.0.203 → 0.0.204

package/README.md

@@ -90,6 +90,36 @@ accepted for host capabilities that are not agent activity data:
 AgentGUI has no host-API activity fallback. A host must inject the runtime and
 the grouped `AgentGUINodeProps` responsibility objects.
 
+## Standalone Conversation Participant Presentation
+
+The `@tutti-os/agent-gui/agent-conversation` entrypoint exposes one optional,
+host-owned participant presentation contract on `WorkspaceAgentSessionDetail`,
+`AgentConversationFlow`, and `AgentTranscriptView`:
+
+```tsx
+<WorkspaceAgentSessionDetail
+  participantPresentation={{
+    enabled: true,
+    status: "ready",
+    user: { name: "Alice", avatarUrl: userAvatarUrl },
+    agent: { name: "Codex", avatarUrl: agentAvatarUrl }
+  }}
+  {...props}
+/>
+```
+
+Omitting the property or passing `{ enabled: false }` preserves the existing
+transcript DOM and spacing. Pass `{ enabled: true, status: "loading" }` while
+the host is resolving identities; existing messages stay visible and the
+package renders fixed-size circular loading slots. In the `ready` state, each
+participant requires a non-empty `name`; `avatarUrl` is optional and the shared
+UI System `Avatar` falls back to the name's initial.
+
+The host owns identity lookup and lifecycle. Agent GUI owns placement, sizing,
+loading treatment, image fallback, and left/right message alignment. The
+contract is presentation-only and must not be copied into canonical Session,
+Turn, Message, or workspace-engine state.
+
 ## Session Handoff Drafts
 
 External AgentGUI hosts can use `createAgentSessionHandoffPrompt` to prefill a

package/dist/agent-conversation/index.d.ts

@@ -9,6 +9,22 @@ import '../types-CHAMK2g7.js';
 import '../planImplementationPresentation-BxVOLt6A.js';
 import '@tutti-os/workspace-user-project/contracts';
 
+interface AgentConversationParticipantIdentity {
+    name: string;
+    avatarUrl?: string | null;
+}
+type AgentConversationParticipantPresentation = {
+    enabled: false;
+} | {
+    enabled: true;
+    status: "loading";
+} | {
+    enabled: true;
+    status: "ready";
+    user: AgentConversationParticipantIdentity;
+    agent: AgentConversationParticipantIdentity;
+};
+
 interface AgentTranscriptTurnAttachment {
     id: string;
     anchorTurnId: string | null;
@@ -27,6 +43,7 @@ interface AgentTranscriptViewProps {
     workspaceAppIcons?: readonly AgentMessageMarkdownWorkspaceAppIcon[];
     previewMode?: boolean;
     showRawTimelineJson?: boolean;
+    participantPresentation?: AgentConversationParticipantPresentation;
     labels: {
         toolCallsLabel: (count: number) => string;
         thinkingLabel: string;
@@ -53,6 +70,7 @@ interface AgentConversationFlowProps {
     workspaceAppIcons?: readonly AgentMessageMarkdownWorkspaceAppIcon[];
     previewMode?: boolean;
     showRawTimelineJson?: boolean;
+    participantPresentation?: AgentConversationParticipantPresentation;
     labels: {
         toolCallsLabel: (count: number) => string;
         thinkingLabel: string;
@@ -80,8 +98,9 @@ interface WorkspaceAgentSessionDetailProps {
     loadingLabel?: string;
     rawTimelineJsonLabel?: string;
     showRawTimelineJson?: boolean;
+    participantPresentation?: AgentConversationParticipantPresentation;
 }
-declare function WorkspaceAgentSessionDetail({ detail, avoidGroupingEdits, isLoading, timelineItemCount, onLinkAction, toolCallsLabel, thinkingLabel, loadingLabel, rawTimelineJsonLabel, showRawTimelineJson }: WorkspaceAgentSessionDetailProps): JSX.Element;
+declare function WorkspaceAgentSessionDetail({ detail, avoidGroupingEdits, isLoading, timelineItemCount, onLinkAction, toolCallsLabel, thinkingLabel, loadingLabel, rawTimelineJsonLabel, showRawTimelineJson, participantPresentation }: WorkspaceAgentSessionDetailProps): JSX.Element;
 
 interface AgentConversationProjectionOptions {
     avoidGroupingEdits?: boolean;
@@ -129,4 +148,4 @@ declare function serializeAgentConversationForClipboard(input: {
     title: string;
 }): Promise<AgentGUIConversationSerializedTranscript>;
 
-export { AgentConversationFlow, AgentConversationVM, type AgentGUIConversationAttachment, type AgentGUIConversationCopyAction, type AgentGUIConversationCopyLabels, type AgentGUIConversationLocalImageReader, type AgentGUIConversationSerializedTranscript, AgentTranscriptSkeleton, AgentTranscriptView, WorkspaceAgentSessionDetail, WorkspaceAgentSessionDetailViewModel, projectAgentConversationVM, reconcileProjectedAgentConversationVM, serializeAgentConversationForClipboard, useProjectedAgentConversation };
+export { AgentConversationFlow, type AgentConversationFlowProps, type AgentConversationParticipantIdentity, type AgentConversationParticipantPresentation, AgentConversationVM, type AgentGUIConversationAttachment, type AgentGUIConversationCopyAction, type AgentGUIConversationCopyLabels, type AgentGUIConversationLocalImageReader, type AgentGUIConversationSerializedTranscript, AgentTranscriptSkeleton, AgentTranscriptView, type AgentTranscriptViewProps, WorkspaceAgentSessionDetail, type WorkspaceAgentSessionDetailProps, WorkspaceAgentSessionDetailViewModel, projectAgentConversationVM, reconcileProjectedAgentConversationVM, serializeAgentConversationForClipboard, useProjectedAgentConversation };

package/dist/agent-conversation/index.js

@@ -7,7 +7,7 @@ import {
   reconcileProjectedAgentConversationVM,
   serializeAgentConversationForClipboard,
   useProjectedAgentConversation
-} from "../chunk-NEH45ROF.js";
+} from "../chunk-GJZEMI6Z.js";
 import "../chunk-XD5NTTFJ.js";
 import "../chunk-CXC3ROXQ.js";
 import "../chunk-XJ34OIEQ.js";
@@ -15,7 +15,7 @@ import "../chunk-JDVP33S5.js";
 import "../chunk-JXFOFJYI.js";
 import "../chunk-3V5OCA2M.js";
 import "../chunk-FGLQZ6I4.js";
-import "../chunk-FFMVDJOE.js";
+import "../chunk-ZTRTBLLP.js";
 import "../chunk-ZVYUTXQJ.js";
 import "../chunk-K5AOJ5DO.js";
 import "../chunk-F5UR6EJG.js";
@@ -44,7 +44,8 @@ function WorkspaceAgentSessionDetail({
   thinkingLabel = translate("agentHost.workspaceAgentSessionDetailThinking"),
   loadingLabel = translate("common.loading"),
   rawTimelineJsonLabel,
-  showRawTimelineJson = false
+  showRawTimelineJson = false,
+  participantPresentation
 }) {
   const conversation = useProjectedAgentConversation({
     detail,
@@ -75,6 +76,7 @@ function WorkspaceAgentSessionDetail({
       empty: emptyState,
       onLinkAction,
       showRawTimelineJson,
+      participantPresentation,
       labels: flowLabels
     }
   ) });

package/dist/agent-conversation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../shared/WorkspaceAgentSessionDetail.tsx"],"sourcesContent":["import { useMemo, type JSX } from \"react\";\nimport type { WorkspaceLinkAction } from \"../contexts/workspace/presentation/renderer/actions/workspaceLinkActions\";\nimport { translate } from \"../i18n/index\";\nimport { AgentConversationFlow } from \"./agentConversation/components/AgentConversationFlow\";\nimport { useProjectedAgentConversation } from \"./agentConversation/projection/useProjectedAgentConversation\";\nimport type { WorkspaceAgentSessionDetailViewModel } from \"./workspaceAgentSessionDetailViewModel\";\n\ninterface WorkspaceAgentSessionDetailProps {\n  detail: WorkspaceAgentSessionDetailViewModel;\n  avoidGroupingEdits?: boolean;\n  isLoading: boolean;\n  timelineItemCount: number;\n  onLinkAction?: (action: WorkspaceLinkAction) => void;\n  toolCallsLabel: (count: number) => string;\n  thinkingLabel?: string;\n  loadingLabel?: string;\n  rawTimelineJsonLabel?: string;\n  showRawTimelineJson?: boolean;\n}\n\nexport function WorkspaceAgentSessionDetail({\n  detail,\n  avoidGroupingEdits = false,\n  isLoading,\n  timelineItemCount,\n  onLinkAction,\n  toolCallsLabel,\n  thinkingLabel = translate(\"agentHost.workspaceAgentSessionDetailThinking\"),\n  loadingLabel = translate(\"common.loading\"),\n  rawTimelineJsonLabel,\n  showRawTimelineJson = false\n}: WorkspaceAgentSessionDetailProps): JSX.Element {\n  const conversation = useProjectedAgentConversation({\n    detail,\n    avoidGroupingEdits\n  });\n  const showLoadingSkeleton =\n    detail.turns.length === 0 &&\n    (isLoading ||\n      detail.activity.status === \"waiting\" ||\n      detail.activity.status === \"working\");\n  const emptySummary =\n    detail.activity.latestActivitySummary ||\n    (timelineItemCount > 0\n      ? translate(\"agentHost.workspaceAgentSessionDetailEmptyWithTimeline\")\n      : translate(\"agentHost.workspaceAgentSessionDetailEmptyNoTimeline\"));\n  const flowLabels = useMemo(\n    () => ({\n      thinkingLabel,\n      toolCallsLabel,\n      processing: translate(\"agentHost.agentGui.processing\"),\n      turnSummary: translate(\"agentHost.agentGui.turnSummary\"),\n      rawTimelineJson: rawTimelineJsonLabel\n    }),\n    [rawTimelineJsonLabel, thinkingLabel, toolCallsLabel]\n  );\n  const emptyState = useMemo(\n    () => (\n      <div className=\"workspace-agents-status-panel__detail-empty\">\n        {emptySummary}\n      </div>\n    ),\n    [emptySummary]\n  );\n\n  return (\n    <div className=\"workspace-agents-status-panel__detail\">\n      <AgentConversationFlow\n        conversation={detail.turns.length > 0 ? conversation : null}\n        isLoading={showLoadingSkeleton}\n        loadingLabel={loadingLabel}\n        empty={emptyState}\n        onLinkAction={onLinkAction}\n        showRawTimelineJson={showRawTimelineJson}\n        labels={flowLabels}\n      />\n    </div>\n  );\n}\n\nexport function WorkspaceAgentSessionDetailSkeleton({\n  loading = true,\n  loadingLabel = translate(\"common.loading\")\n}: {\n  loading?: boolean;\n  loadingLabel?: string;\n}): JSX.Element {\n  const flowLabels = useMemo(\n    () => ({\n      thinkingLabel: translate(\"agentHost.workspaceAgentSessionDetailThinking\"),\n      toolCallsLabel: (count: number) =>\n        translate(\"agentHost.workspaceAgentSessionDetailToolCalls\", { count }),\n      processing: translate(\"agentHost.agentGui.processing\"),\n      turnSummary: translate(\"agentHost.agentGui.turnSummary\")\n    }),\n    []\n  );\n\n  if (!loading) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"workspace-agents-status-panel__detail-skeleton\"\n      data-testid=\"workspace-agents-status-panel-detail-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={loadingLabel}\n    >\n      <AgentConversationFlow\n        conversation={null}\n        isLoading\n        loadingLabel={loadingLabel}\n        loadingTestId=\"workspace-agents-status-panel-detail-skeleton\"\n        empty={null}\n        labels={flowLabels}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAAyB;AA0D5B,SAyCK,UAzCL;AAtCC,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB,UAAU,+CAA+C;AAAA,EACzE,eAAe,UAAU,gBAAgB;AAAA,EACzC;AAAA,EACA,sBAAsB;AACxB,GAAkD;AAChD,QAAM,eAAe,8BAA8B;AAAA,IACjD;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,sBACJ,OAAO,MAAM,WAAW,MACvB,aACC,OAAO,SAAS,WAAW,aAC3B,OAAO,SAAS,WAAW;AAC/B,QAAM,eACJ,OAAO,SAAS,0BACf,oBAAoB,IACjB,UAAU,wDAAwD,IAClE,UAAU,sDAAsD;AACtE,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,YAAY,UAAU,+BAA+B;AAAA,MACrD,aAAa,UAAU,gCAAgC;AAAA,MACvD,iBAAiB;AAAA,IACnB;AAAA,IACA,CAAC,sBAAsB,eAAe,cAAc;AAAA,EACtD;AACA,QAAM,aAAa;AAAA,IACjB,MACE,oBAAC,SAAI,WAAU,+CACZ,wBACH;AAAA,IAEF,CAAC,YAAY;AAAA,EACf;AAEA,SACE,oBAAC,SAAI,WAAU,yCACb;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,OAAO,MAAM,SAAS,IAAI,eAAe;AAAA,MACvD,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,QAAQ;AAAA;AAAA,EACV,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../shared/WorkspaceAgentSessionDetail.tsx"],"sourcesContent":["import { useMemo, type JSX } from \"react\";\nimport type { WorkspaceLinkAction } from \"../contexts/workspace/presentation/renderer/actions/workspaceLinkActions\";\nimport { translate } from \"../i18n/index\";\nimport { AgentConversationFlow } from \"./agentConversation/components/AgentConversationFlow\";\nimport type { AgentConversationParticipantPresentation } from \"./agentConversation/contracts/agentConversationParticipantPresentation\";\nimport { useProjectedAgentConversation } from \"./agentConversation/projection/useProjectedAgentConversation\";\nimport type { WorkspaceAgentSessionDetailViewModel } from \"./workspaceAgentSessionDetailViewModel\";\n\nexport interface WorkspaceAgentSessionDetailProps {\n  detail: WorkspaceAgentSessionDetailViewModel;\n  avoidGroupingEdits?: boolean;\n  isLoading: boolean;\n  timelineItemCount: number;\n  onLinkAction?: (action: WorkspaceLinkAction) => void;\n  toolCallsLabel: (count: number) => string;\n  thinkingLabel?: string;\n  loadingLabel?: string;\n  rawTimelineJsonLabel?: string;\n  showRawTimelineJson?: boolean;\n  participantPresentation?: AgentConversationParticipantPresentation;\n}\n\nexport function WorkspaceAgentSessionDetail({\n  detail,\n  avoidGroupingEdits = false,\n  isLoading,\n  timelineItemCount,\n  onLinkAction,\n  toolCallsLabel,\n  thinkingLabel = translate(\"agentHost.workspaceAgentSessionDetailThinking\"),\n  loadingLabel = translate(\"common.loading\"),\n  rawTimelineJsonLabel,\n  showRawTimelineJson = false,\n  participantPresentation\n}: WorkspaceAgentSessionDetailProps): JSX.Element {\n  const conversation = useProjectedAgentConversation({\n    detail,\n    avoidGroupingEdits\n  });\n  const showLoadingSkeleton =\n    detail.turns.length === 0 &&\n    (isLoading ||\n      detail.activity.status === \"waiting\" ||\n      detail.activity.status === \"working\");\n  const emptySummary =\n    detail.activity.latestActivitySummary ||\n    (timelineItemCount > 0\n      ? translate(\"agentHost.workspaceAgentSessionDetailEmptyWithTimeline\")\n      : translate(\"agentHost.workspaceAgentSessionDetailEmptyNoTimeline\"));\n  const flowLabels = useMemo(\n    () => ({\n      thinkingLabel,\n      toolCallsLabel,\n      processing: translate(\"agentHost.agentGui.processing\"),\n      turnSummary: translate(\"agentHost.agentGui.turnSummary\"),\n      rawTimelineJson: rawTimelineJsonLabel\n    }),\n    [rawTimelineJsonLabel, thinkingLabel, toolCallsLabel]\n  );\n  const emptyState = useMemo(\n    () => (\n      <div className=\"workspace-agents-status-panel__detail-empty\">\n        {emptySummary}\n      </div>\n    ),\n    [emptySummary]\n  );\n\n  return (\n    <div className=\"workspace-agents-status-panel__detail\">\n      <AgentConversationFlow\n        conversation={detail.turns.length > 0 ? conversation : null}\n        isLoading={showLoadingSkeleton}\n        loadingLabel={loadingLabel}\n        empty={emptyState}\n        onLinkAction={onLinkAction}\n        showRawTimelineJson={showRawTimelineJson}\n        participantPresentation={participantPresentation}\n        labels={flowLabels}\n      />\n    </div>\n  );\n}\n\nexport function WorkspaceAgentSessionDetailSkeleton({\n  loading = true,\n  loadingLabel = translate(\"common.loading\")\n}: {\n  loading?: boolean;\n  loadingLabel?: string;\n}): JSX.Element {\n  const flowLabels = useMemo(\n    () => ({\n      thinkingLabel: translate(\"agentHost.workspaceAgentSessionDetailThinking\"),\n      toolCallsLabel: (count: number) =>\n        translate(\"agentHost.workspaceAgentSessionDetailToolCalls\", { count }),\n      processing: translate(\"agentHost.agentGui.processing\"),\n      turnSummary: translate(\"agentHost.agentGui.turnSummary\")\n    }),\n    []\n  );\n\n  if (!loading) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"workspace-agents-status-panel__detail-skeleton\"\n      data-testid=\"workspace-agents-status-panel-detail-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={loadingLabel}\n    >\n      <AgentConversationFlow\n        conversation={null}\n        isLoading\n        loadingLabel={loadingLabel}\n        loadingTestId=\"workspace-agents-status-panel-detail-skeleton\"\n        empty={null}\n        labels={flowLabels}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAAyB;AA6D5B,SA0CK,UA1CL;AAvCC,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB,UAAU,+CAA+C;AAAA,EACzE,eAAe,UAAU,gBAAgB;AAAA,EACzC;AAAA,EACA,sBAAsB;AAAA,EACtB;AACF,GAAkD;AAChD,QAAM,eAAe,8BAA8B;AAAA,IACjD;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,sBACJ,OAAO,MAAM,WAAW,MACvB,aACC,OAAO,SAAS,WAAW,aAC3B,OAAO,SAAS,WAAW;AAC/B,QAAM,eACJ,OAAO,SAAS,0BACf,oBAAoB,IACjB,UAAU,wDAAwD,IAClE,UAAU,sDAAsD;AACtE,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,YAAY,UAAU,+BAA+B;AAAA,MACrD,aAAa,UAAU,gCAAgC;AAAA,MACvD,iBAAiB;AAAA,IACnB;AAAA,IACA,CAAC,sBAAsB,eAAe,cAAc;AAAA,EACtD;AACA,QAAM,aAAa;AAAA,IACjB,MACE,oBAAC,SAAI,WAAU,+CACZ,wBACH;AAAA,IAEF,CAAC,YAAY;AAAA,EACf;AAEA,SACE,oBAAC,SAAI,WAAU,yCACb;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,OAAO,MAAM,SAAS,IAAI,eAAe;AAAA,MACvD,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA;AAAA,EACV,GACF;AAEJ;","names":[]}

package/dist/agent-gui.js

@@ -1,6 +1,6 @@
 import {
   AgentGUI
-} from "./chunk-LHT2UBPE.js";
+} from "./chunk-STOGLKFA.js";
 import "./chunk-LB4AGT7B.js";
 import "./chunk-A4WCTHWS.js";
 import "./chunk-X5V6P2EB.js";
@@ -9,7 +9,7 @@ import "./chunk-4CHBM3G3.js";
 import "./chunk-CBMWHQ7P.js";
 import "./chunk-MGSRWYRN.js";
 import "./chunk-GWKXYGUN.js";
-import "./chunk-NEH45ROF.js";
+import "./chunk-GJZEMI6Z.js";
 import "./chunk-XD5NTTFJ.js";
 import "./chunk-CXC3ROXQ.js";
 import "./chunk-UP3ZDYTN.js";
@@ -25,9 +25,9 @@ import "./chunk-JXFOFJYI.js";
 import "./chunk-3V5OCA2M.js";
 import "./chunk-RMQREVJY.js";
 import "./chunk-FGLQZ6I4.js";
-import "./chunk-RD3ZAYNV.js";
+import "./chunk-FHCARLIO.js";
 import "./chunk-EVQ4JY3N.js";
-import "./chunk-FFMVDJOE.js";
+import "./chunk-ZTRTBLLP.js";
 import "./chunk-ZVYUTXQJ.js";
 import "./chunk-UEBPMWKS.js";
 import "./chunk-YMXYBG7U.js";

package/dist/agent-message-center/index.js

@@ -8,7 +8,7 @@ import {
   isPromptRequestIdTitle,
   latestPlanTurnId,
   planImplementationPromptFromPlanTurn
-} from "../chunk-RD3ZAYNV.js";
+} from "../chunk-FHCARLIO.js";
 import {
   useEngineSelector
 } from "../chunk-EVQ4JY3N.js";
@@ -21,7 +21,7 @@ import {
   isExitPlanSwitchModeInput,
   normalizeAgentApprovalPurpose,
   normalizeAskUserQuestions
-} from "../chunk-FFMVDJOE.js";
+} from "../chunk-ZTRTBLLP.js";
 import {
   cn
 } from "../chunk-ZVYUTXQJ.js";

package/dist/app/renderer/agentactivity.css

@@ -3731,6 +3731,38 @@ aside.workspace-agents-status-panel
   justify-items: end;
 }
 
+.agent-gui-conversation__participant-message-layout {
+  display: grid;
+  width: 100%;
+  min-width: 0;
+  column-gap: 10px;
+  align-items: start;
+}
+
+.agent-gui-conversation__participant-message-layout[data-agent-message-speaker="assistant"] {
+  grid-template-columns: 32px minmax(0, 1fr);
+}
+
+.agent-gui-conversation__participant-message-layout[data-agent-message-speaker="user"] {
+  grid-template-columns: minmax(0, 1fr) 32px;
+}
+
+.agent-gui-conversation__participant-message-content {
+  display: grid;
+  width: 100%;
+  min-width: 0;
+}
+
+.agent-gui-conversation__participant-message-layout[data-agent-message-speaker="user"]
+  > .agent-gui-conversation__participant-message-content {
+  row-gap: 14px;
+  justify-items: end;
+}
+
+.agent-gui-conversation__participant-avatar {
+  margin-top: 2px;
+}
+
 .agent-gui-conversation__message-group {
   position: relative;
   display: grid;

package/dist/{chunk-RD3ZAYNV.js → chunk-FHCARLIO.js}

@@ -2,7 +2,7 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-FFMVDJOE.js";
+} from "./chunk-ZTRTBLLP.js";
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
@@ -1518,4 +1518,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-RD3ZAYNV.js.map
+//# sourceMappingURL=chunk-FHCARLIO.js.map

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

@@ -47,7 +47,7 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-FFMVDJOE.js";
+} from "./chunk-ZTRTBLLP.js";
 import {
   cn
 } from "./chunk-ZVYUTXQJ.js";
@@ -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-NEH45ROF.js.map
+//# sourceMappingURL=chunk-GJZEMI6Z.js.map