@tutti-os/agent-gui 0.0.216 → 0.0.218

package/dist/{chunk-G7DS23D4.js → chunk-PPA2OB2H.js}

@@ -1,6 +1,6 @@
 import {
   createProviderIconUrlMap
-} from "./chunk-QNE2ZPPV.js";
+} from "./chunk-SEHJINGH.js";
 import {
   migratedAgentGUIProviderIdentityCatalog
 } from "./chunk-O433KXLK.js";
@@ -20,4 +20,4 @@ export {
   agentGuiDockIconUrls,
   agentGuiDockIconUrl
 };
-//# sourceMappingURL=chunk-G7DS23D4.js.map
+//# sourceMappingURL=chunk-PPA2OB2H.js.map

package/dist/{chunk-YY5WM3OE.js → chunk-PZWBLTYH.js}

@@ -2,7 +2,26 @@ import {
   AgentRichTextReadonly,
   promptForProviderSkills,
   skillTriggerForPrefix
-} from "./chunk-DLN33TPF.js";
+} from "./chunk-F6J3LJXK.js";
+import {
+  AgentGUIConversation_styles_default,
+  AgentMessageMarkdown,
+  CustomScrollArea,
+  MessageSquareMoreIcon,
+  ZoomableImage,
+  extractAgentMcpToolTarget,
+  extractExitPlanKeepPlanningOptionId,
+  extractExitPlanModeOptions,
+  isExitPlanSwitchModeInput,
+  normalizeAgentApprovalPurpose,
+  normalizeAskUserQuestions,
+  resolveWorkspaceFileLinkAction,
+  resolveWorkspaceFilePathCandidate,
+  resolveWorkspaceLinkAction
+} from "./chunk-Z35E22WS.js";
+import {
+  cn
+} from "./chunk-LQMIEH4C.js";
 import {
   classifyRecoverableAgentMessage,
   resolveAgentErrorPresentation,
@@ -18,7 +37,7 @@ import {
   agentPromptFileBlocks,
   agentPromptPastedTextBlocks,
   materializeAgentComposerFileMentions
-} from "./chunk-B4TM2HYJ.js";
+} from "./chunk-SWO67UWQ.js";
 import {
   extractImageGenerationPreview,
   isImageGenerationToolCall,
@@ -27,34 +46,11 @@ import {
   resolveImageGenerationPreviewSrc,
   stripImagePayloadData
 } from "./chunk-JDVP33S5.js";
-import {
-  AGENT_PASTED_TEXT_BLOCK_KIND,
-  AGENT_PASTED_TEXT_MENTION_KIND
-} from "./chunk-FGLQZ6I4.js";
-import {
-  AgentGUIConversation_styles_default,
-  AgentMessageMarkdown,
-  CustomScrollArea,
-  MessageSquareMoreIcon,
-  ZoomableImage,
-  extractAgentMcpToolTarget,
-  extractExitPlanKeepPlanningOptionId,
-  extractExitPlanModeOptions,
-  isExitPlanSwitchModeInput,
-  normalizeAgentApprovalPurpose,
-  normalizeAskUserQuestions,
-  resolveWorkspaceFileLinkAction,
-  resolveWorkspaceFilePathCandidate,
-  resolveWorkspaceLinkAction
-} from "./chunk-Z5UJC4Q3.js";
-import {
-  cn
-} from "./chunk-LQMIEH4C.js";
 import {
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi,
   workspaceAgentProviderLabel
-} from "./chunk-QFYOJMEQ.js";
+} from "./chunk-M6WEFXPL.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -64,10 +60,14 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-UERICUWM.js";
+} from "./chunk-GLVENTN6.js";
 import {
   normalizeAgentTitleText
 } from "./chunk-MIJXEELH.js";
+import {
+  AGENT_PASTED_TEXT_BLOCK_KIND,
+  AGENT_PASTED_TEXT_MENTION_KIND
+} from "./chunk-FGLQZ6I4.js";
 
 // shared/workspaceAgentSystemNoticeSemantics.ts
 function resolveWorkspaceAgentNoticeCommandSemantics(input) {
@@ -5605,7 +5605,7 @@ import {
   memo as memo4,
   useCallback as useCallback15,
   useLayoutEffect as useLayoutEffect4,
-  useMemo as useMemo8,
+  useMemo as useMemo9,
   useRef as useRef13,
   useState as useState25
 } from "react";
@@ -8971,7 +8971,7 @@ function fileNameFromPath(path) {
 }
 
 // shared/agentConversation/components/tool-renderers/file-diff/AgentMonacoDiffViewer.tsx
-import { lazy, Suspense } from "react";
+import { Component, createRef } from "react";
 
 // app/renderer/components/icons/AtomIcon.tsx
 import {
@@ -9136,12 +9136,13 @@ var AtomIcon = forwardRef4(
 );
 AtomIcon.displayName = "AtomIcon";
 
+// shared/agentConversation/components/tool-renderers/file-diff/loadMonaco.ts
+function loadMonaco() {
+  return import("monaco-editor");
+}
+
 // shared/agentConversation/components/tool-renderers/file-diff/AgentMonacoDiffViewer.tsx
 import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-var MonacoDiffEditor = lazy(async () => {
-  const module = await import("@monaco-editor/react");
-  return { default: module.DiffEditor };
-});
 function AgentMonacoDiffViewer({
   path,
   oldValue,
@@ -9171,42 +9172,159 @@ function AgentMonacoDiffViewer({
           }
         ) : null,
         /* @__PURE__ */ jsx20("div", { className: "h-[220px] bg-[var(--background-panel)]", children: /* @__PURE__ */ jsx20(
-          Suspense,
+          MonacoDiffEditorSurface,
           {
-            fallback: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 px-3 py-2.5 text-[11px] text-[var(--text-secondary)]", children: [
-              /* @__PURE__ */ jsx20(
-                AtomIcon,
-                {
-                  size: 14,
-                  active: true,
-                  "aria-hidden": "true",
-                  className: "shrink-0"
-                }
-              ),
-              /* @__PURE__ */ jsx20("span", { children: translate("agentHost.agentTool.details.loadingDiff") })
-            ] }),
-            children: /* @__PURE__ */ jsx20(
-              MonacoDiffEditor,
-              {
-                original: oldValue,
-                modified: newValue,
-                language: languageForPath2(path),
-                options: {
-                  readOnly: true,
-                  renderSideBySide: true,
-                  minimap: { enabled: false },
-                  scrollBeyondLastLine: false,
-                  wordWrap: "on",
-                  automaticLayout: true
-                }
-              }
-            )
+            oldValue,
+            newValue,
+            language: languageForPath2(path)
           }
         ) })
       ]
     }
   );
 }
+var MonacoDiffEditorSurface = class extends Component {
+  containerRef = createRef();
+  resources = null;
+  loadGeneration = 0;
+  state = {
+    loadError: null,
+    loading: true
+  };
+  componentDidMount() {
+    const loadGeneration = ++this.loadGeneration;
+    void loadMonaco().then((monaco) => {
+      const container = this.containerRef.current;
+      if (loadGeneration !== this.loadGeneration || !container) {
+        return;
+      }
+      this.resources = createMonacoDiffResources(
+        monaco,
+        container,
+        this.props
+      );
+      this.setState({ loading: false });
+    }).catch((error) => {
+      if (loadGeneration === this.loadGeneration) {
+        this.setState({
+          loadError: error instanceof Error ? error : new Error(String(error))
+        });
+      }
+    });
+  }
+  componentDidUpdate() {
+    if (this.resources) {
+      updateMonacoDiffResources(this.resources, this.props);
+    }
+  }
+  componentWillUnmount() {
+    this.loadGeneration += 1;
+    const resources = this.resources;
+    this.resources = null;
+    if (resources) {
+      disposeMonacoDiffResources(resources);
+    }
+  }
+  render() {
+    if (this.state.loadError) {
+      throw this.state.loadError;
+    }
+    return /* @__PURE__ */ jsxs12("div", { className: "relative h-full w-full", children: [
+      /* @__PURE__ */ jsx20("div", { ref: this.containerRef, className: "h-full w-full" }),
+      this.state.loading ? /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 flex items-start gap-1.5 px-3 py-2.5 text-[11px] text-[var(--text-secondary)]", children: [
+        /* @__PURE__ */ jsx20(
+          AtomIcon,
+          {
+            size: 14,
+            active: true,
+            "aria-hidden": "true",
+            className: "shrink-0"
+          }
+        ),
+        /* @__PURE__ */ jsx20("span", { children: translate("agentHost.agentTool.details.loadingDiff") })
+      ] }) : null
+    ] });
+  }
+};
+function createMonacoDiffResources(monaco, container, content) {
+  const originalModel = monaco.editor.createModel(
+    content.oldValue,
+    content.language
+  );
+  const modifiedModel = monaco.editor.createModel(
+    content.newValue,
+    content.language
+  );
+  let editor = null;
+  try {
+    monaco.editor.setTheme("light");
+    editor = monaco.editor.createDiffEditor(container, {
+      readOnly: true,
+      renderSideBySide: true,
+      minimap: { enabled: false },
+      scrollBeyondLastLine: false,
+      wordWrap: "on",
+      automaticLayout: true
+    });
+    editor.setModel({
+      original: originalModel,
+      modified: modifiedModel
+    });
+    return { monaco, editor, originalModel, modifiedModel };
+  } catch (error) {
+    if (editor) {
+      try {
+        editor.setModel(null);
+      } finally {
+        try {
+          editor.dispose();
+        } finally {
+          disposeMonacoModels(originalModel, modifiedModel);
+        }
+      }
+    } else {
+      disposeMonacoModels(originalModel, modifiedModel);
+    }
+    throw error;
+  }
+}
+function updateMonacoDiffResources(resources, content) {
+  if (resources.originalModel.getValue() !== content.oldValue) {
+    resources.originalModel.setValue(content.oldValue);
+  }
+  if (resources.modifiedModel.getValue() !== content.newValue) {
+    resources.modifiedModel.setValue(content.newValue);
+  }
+  const currentLanguage = resources.originalModel.getLanguageId();
+  if (currentLanguage !== content.language) {
+    resources.monaco.editor.setModelLanguage(
+      resources.originalModel,
+      content.language
+    );
+    resources.monaco.editor.setModelLanguage(
+      resources.modifiedModel,
+      content.language
+    );
+  }
+}
+function disposeMonacoDiffResources(resources) {
+  try {
+    resources.editor.setModel(null);
+  } finally {
+    try {
+      resources.editor.dispose();
+    } finally {
+      disposeMonacoModels(resources.originalModel, resources.modifiedModel);
+    }
+  }
+}
+function disposeMonacoModels(originalModel, modifiedModel) {
+  try {
+    originalModel.dispose();
+  } finally {
+    modifiedModel.dispose();
+  }
+}
 function languageForPath2(path) {
   const extension = path?.split(".").pop()?.toLowerCase();
   switch (extension) {
@@ -12406,7 +12524,8 @@ function AgentMessageBlock({
   workspaceAppIcons,
   showRawTimelineJson = false,
   rawTimelineJsonLabel = "",
-  participantPresentation
+  participantPresentation,
+  showParticipantHeader = true
 }) {
   "use memo";
   const agentHostApi = useOptionalAgentHostApi();
@@ -12572,7 +12691,7 @@ function AgentMessageBlock({
     return /* @__PURE__ */ jsx61(Fragment6, { children: content }, message.id);
   });
   const enabledParticipantPresentation = participantPresentation?.enabled === true ? participantPresentation : null;
-  const showParticipant = enabledParticipantPresentation !== null && row.messages.length > 0;
+  const showParticipant = enabledParticipantPresentation !== null && showParticipantHeader && row.messages.length > 0;
   return /* @__PURE__ */ jsxs43(
     "div",
     {
@@ -13723,6 +13842,7 @@ var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
   workspaceAppIcons,
   showRawTimelineJson = false,
   participantPresentation,
+  showParticipantHeader,
   toolGroupExpanded,
   toolGroupExpansionKey,
   onToolGroupExpandedChange
@@ -13770,7 +13890,8 @@ var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
           toolCallsLabel: labels.toolCallsLabel,
           showRawTimelineJson,
           rawTimelineJsonLabel: labels.rawTimelineJson,
-          participantPresentation
+          participantPresentation,
+          showParticipantHeader
         }
       );
     case "tool-group":
@@ -13844,6 +13965,34 @@ import { Button as Button2 } from "@tutti-os/ui-system/components";
 import { ChevronDownIcon } from "@tutti-os/ui-system/icons";
 
 // shared/agentConversation/components/agentTurnWorkSectionModel.ts
+function findParticipantHeaderRenderKeys(groups, rowKeys, modelByGroupKey) {
+  const headerKeys = /* @__PURE__ */ new Set();
+  for (const group of groups) {
+    const model = modelByGroupKey.get(group.key);
+    const renderedRows = model ? model.collapseEligible ? [
+      ...model.leadingRows,
+      ...model.sections.flatMap(
+        (section) => section.kind === "visible" ? section.rows : []
+      ),
+      ...model.sections.flatMap(
+        (section) => section.kind === "work" ? section.rows : []
+      )
+    ] : [
+      ...model.leadingRows,
+      ...model.sections.flatMap((section) => section.rows)
+    ] : group.rows;
+    const seenSpeakers = /* @__PURE__ */ new Set();
+    for (const entry of renderedRows) {
+      const row = entry.row;
+      if (row.kind !== "message" || row.messages.length === 0 || seenSpeakers.has(row.speaker)) {
+        continue;
+      }
+      seenSpeakers.add(row.speaker);
+      headerKeys.add(entry.renderKey ?? rowKeys[entry.rowIndex] ?? row.id);
+    }
+  }
+  return headerKeys;
+}
 function resolveAgentTurnTiming(turn, isActiveTurn, submittedAtUnixMs) {
   if (!turn || !Number.isFinite(turn.startedAtUnixMs)) {
     return null;
@@ -14387,7 +14536,7 @@ import {
 } from "react";
 
 // shared/agentConversation/components/agentTranscriptModel.ts
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef9 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo7, useRef as useRef9 } from "react";
 function useEnteringTranscriptRows(rowKeys) {
   const previousKeysRef = useRef9(null);
   const previousKeys = previousKeysRef.current;
@@ -14567,6 +14716,12 @@ function attachLeadingToolRowsToFollowingMessages(rows) {
   result.push(...pendingToolRows);
   return result;
 }
+function useAgentTranscriptDisplayRows(rows, participantHeadersEnabled) {
+  return useMemo7(() => {
+    const displayRows = participantHeadersEnabled ? attachLeadingToolRowsToFollowingMessages(rows) : rows;
+    return { rows: displayRows, rowKeys: displayRows.map(transcriptRowKey) };
+  }, [rows, participantHeadersEnabled]);
+}
 
 // shared/agentConversation/components/AgentMessageLocatorRail.tsx
 import { jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
@@ -15184,12 +15339,12 @@ function useTurnDisclosureMotion() {
 import {
   useCallback as useCallback14,
   useImperativeHandle as useImperativeHandle6,
-  useMemo as useMemo7,
+  useMemo as useMemo8,
   useRef as useRef12
 } from "react";
 import { jsx as jsx69 } from "react/jsx-runtime";
 function useAgentTranscriptTurnAttachments(input) {
-  const projection = useMemo7(() => {
+  const projection = useMemo8(() => {
     const lastGroupIndexByTurnId = /* @__PURE__ */ new Map();
     input.turnGroups.forEach((group, groupIndex) => {
       if (group.turnId) lastGroupIndexByTurnId.set(group.turnId, groupIndex);
@@ -15381,21 +15536,21 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
   const virtualizerHostRef = useRef13(null);
   const [virtualScrollElement, setVirtualScrollElement] = useState25(null);
   const participantHeadersEnabled = participantPresentation?.enabled === true;
-  const transcriptRowSet = useMemo8(() => {
-    const rows = participantHeadersEnabled ? attachLeadingToolRowsToFollowingMessages(conversation.rows) : conversation.rows;
-    return { rows, rowKeys: rows.map(transcriptRowKey) };
-  }, [conversation.rows, participantHeadersEnabled]);
+  const transcriptRowSet = useAgentTranscriptDisplayRows(
+    conversation.rows,
+    participantHeadersEnabled
+  );
   const displayRows = transcriptRowSet.rows;
   const rowKeys = transcriptRowSet.rowKeys;
-  const turnGroups = useMemo8(
+  const turnGroups = useMemo9(
     () => buildAgentTranscriptTurnGroups(displayRows, rowKeys),
     [displayRows, rowKeys]
   );
-  const turnGroupIndexByRowIndex = useMemo8(
+  const turnGroupIndexByRowIndex = useMemo9(
     () => buildTurnGroupIndexByRowIndex(turnGroups),
     [turnGroups]
   );
-  const userMessageLocatorItems = useMemo8(
+  const userMessageLocatorItems = useMemo9(
     () => buildUserMessageLocatorItems(
       displayRows,
       rowKeys,
@@ -15418,13 +15573,13 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
     },
     []
   );
-  const turnIndexById = useMemo8(
+  const turnIndexById = useMemo9(
     () => new Map(
       conversation.sourceDetail.turns.map((turn, index) => [turn.id, index])
     ),
     [conversation.sourceDetail.turns]
   );
-  const dividerRowIndexes = useMemo8(
+  const dividerRowIndexes = useMemo9(
     () => participantHeadersEnabled ? findParticipantTurnDividerRowIndexes(displayRows) : findTurnDividerRowIndexes(turnIndexById, displayRows),
     [displayRows, turnIndexById, participantHeadersEnabled]
   );
@@ -15450,10 +15605,15 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
       ];
     })
   );
+  const participantHeaderRenderKeys = participantHeadersEnabled ? findParticipantHeaderRenderKeys(
+    turnGroups,
+    rowKeys,
+    turnWorkSectionModelByKey
+  ) : null;
   const basePath = conversation.sourceDetail.cwd;
   const workspaceRoot = conversation.workspaceRoot;
   const provider = conversation.activity.agentProvider;
-  const shouldVirtualize = useMemo8(
+  const shouldVirtualize = useMemo9(
     () => assessAgentTranscriptComplexity(turnGroups).shouldVirtualize,
     [turnGroups]
   );
@@ -15540,6 +15700,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
             workspaceAppIcons,
             showRawTimelineJson,
             participantPresentation,
+            showParticipantHeader: participantHeaderRenderKeys?.has(rowKey) ?? false,
             toolGroupExpanded: row.kind === "tool-group" ? expandedToolRows[rowKey] === true : void 0,
             toolGroupExpansionKey: row.kind === "tool-group" ? rowKey : void 0,
             onToolGroupExpandedChange: handleToolGroupExpandedChange
@@ -15715,14 +15876,14 @@ var AgentConversationFlow = memo5(function AgentConversationFlow2({
 });
 
 // shared/agentConversation/projection/useProjectedAgentConversation.ts
-import { useMemo as useMemo9, useRef as useRef14 } from "react";
+import { useMemo as useMemo10, useRef as useRef14 } from "react";
 function useProjectedAgentConversation({
   conversation,
   detail,
   avoidGroupingEdits = false
 }) {
   const previousConversationRef = useRef14(null);
-  return useMemo9(() => {
+  return useMemo10(() => {
     if (!conversation && !detail) {
       previousConversationRef.current = null;
       return null;
@@ -15781,4 +15942,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-YY5WM3OE.js.map
+//# sourceMappingURL=chunk-PZWBLTYH.js.map