@tutti-os/agent-gui 0.0.217 → 0.0.219

package/dist/{chunk-GDLM6FLK.js → chunk-6SYYX63E.js}

@@ -2,7 +2,7 @@ import {
   AgentRichTextReadonly,
   promptForProviderSkills,
   skillTriggerForPrefix
-} from "./chunk-NXQGAXIE.js";
+} from "./chunk-F6J3LJXK.js";
 import {
   AgentGUIConversation_styles_default,
   AgentMessageMarkdown,
@@ -18,7 +18,7 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-PPAV2TB4.js";
+} from "./chunk-Z35E22WS.js";
 import {
   cn
 } from "./chunk-LQMIEH4C.js";
@@ -37,7 +37,7 @@ import {
   agentPromptFileBlocks,
   agentPromptPastedTextBlocks,
   materializeAgentComposerFileMentions
-} from "./chunk-JQOQETPN.js";
+} from "./chunk-SWO67UWQ.js";
 import {
   extractImageGenerationPreview,
   isImageGenerationToolCall,
@@ -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) {
@@ -13847,33 +13965,48 @@ 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();
+function findParticipantHeaderRenderKeys(groups, rowKeys, modelByGroupKey, participantTurnIndexByRowIndex) {
+  const headerCandidateByTurn = /* @__PURE__ */ new Map();
   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 : []
-      ),
+    const renderedRows = model ? [
+      ...model.leadingRows.map((entry) => ({
+        entry,
+        visibilityPriority: 0
+      })),
       ...model.sections.flatMap(
-        (section) => section.kind === "work" ? section.rows : []
+        (section) => section.rows.map((entry) => ({
+          entry,
+          visibilityPriority: model.collapseEligible && section.kind === "work" ? 1 : 0
+        }))
       )
-    ] : [
-      ...model.leadingRows,
-      ...model.sections.flatMap((section) => section.rows)
-    ] : group.rows;
-    const seenSpeakers = /* @__PURE__ */ new Set();
-    for (const entry of renderedRows) {
+    ] : group.rows.map((entry) => ({ entry, visibilityPriority: 0 }));
+    for (const { entry, visibilityPriority } of renderedRows) {
       const row = entry.row;
-      if (row.kind !== "message" || row.messages.length === 0 || seenSpeakers.has(row.speaker)) {
+      if (row.kind !== "message" || row.messages.length === 0) {
+        continue;
+      }
+      const participantTurnIndex = participantTurnIndexByRowIndex.get(entry.rowIndex) ?? entry.rowIndex;
+      let candidateBySpeaker = headerCandidateByTurn.get(participantTurnIndex);
+      if (!candidateBySpeaker) {
+        candidateBySpeaker = /* @__PURE__ */ new Map();
+        headerCandidateByTurn.set(participantTurnIndex, candidateBySpeaker);
+      }
+      const currentCandidate = candidateBySpeaker.get(row.speaker);
+      if (currentCandidate && currentCandidate.visibilityPriority <= visibilityPriority) {
         continue;
       }
-      seenSpeakers.add(row.speaker);
-      headerKeys.add(entry.renderKey ?? rowKeys[entry.rowIndex] ?? row.id);
+      candidateBySpeaker.set(row.speaker, {
+        renderKey: entry.renderKey ?? rowKeys[entry.rowIndex] ?? row.id,
+        visibilityPriority
+      });
     }
   }
-  return headerKeys;
+  return new Set(
+    [...headerCandidateByTurn.values()].flatMap(
+      (candidateBySpeaker) => [...candidateBySpeaker.values()].map((candidate) => candidate.renderKey)
+    )
+  );
 }
 function resolveAgentTurnTiming(turn, isActiveTurn, submittedAtUnixMs) {
   if (!turn || !Number.isFinite(turn.startedAtUnixMs)) {
@@ -14557,14 +14690,21 @@ function findTurnDividerRowIndexes(turnIndexById, rows) {
   });
   return dividerRowIndexes;
 }
-function findParticipantTurnDividerRowIndexes(rows) {
+function buildAgentParticipantTurnProjection(rows) {
   const dividerRowIndexes = /* @__PURE__ */ new Set();
+  const turnIndexByRowIndex = /* @__PURE__ */ new Map();
+  let turnIndex = 0;
   rows.forEach((row, rowIndex) => {
     if (rowIndex > 0 && row.kind === "message" && row.speaker === "user") {
+      turnIndex += 1;
       dividerRowIndexes.add(rowIndex);
     }
+    turnIndexByRowIndex.set(rowIndex, turnIndex);
   });
-  return dividerRowIndexes;
+  return {
+    dividerRowIndexes,
+    turnIndexByRowIndex
+  };
 }
 function attachLeadingToolRowsToFollowingMessages(rows) {
   const result = [];
@@ -14578,10 +14718,7 @@ function attachLeadingToolRowsToFollowingMessages(rows) {
       if (pendingToolRows.length > 0) {
         result.push({
           ...row,
-          leadingToolRows: [
-            ...row.leadingToolRows ?? [],
-            ...pendingToolRows
-          ]
+          leadingToolRows: [...row.leadingToolRows ?? [], ...pendingToolRows]
         });
         pendingToolRows = [];
         continue;
@@ -14601,7 +14738,11 @@ function attachLeadingToolRowsToFollowingMessages(rows) {
 function useAgentTranscriptDisplayRows(rows, participantHeadersEnabled) {
   return useMemo7(() => {
     const displayRows = participantHeadersEnabled ? attachLeadingToolRowsToFollowingMessages(rows) : rows;
-    return { rows: displayRows, rowKeys: displayRows.map(transcriptRowKey) };
+    return {
+      rows: displayRows,
+      rowKeys: displayRows.map(transcriptRowKey),
+      participantTurnProjection: participantHeadersEnabled ? buildAgentParticipantTurnProjection(displayRows) : null
+    };
   }, [rows, participantHeadersEnabled]);
 }
 
@@ -15424,6 +15565,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
   );
   const displayRows = transcriptRowSet.rows;
   const rowKeys = transcriptRowSet.rowKeys;
+  const participantTurnProjection = transcriptRowSet.participantTurnProjection;
   const turnGroups = useMemo9(
     () => buildAgentTranscriptTurnGroups(displayRows, rowKeys),
     [displayRows, rowKeys]
@@ -15462,8 +15604,8 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
     [conversation.sourceDetail.turns]
   );
   const dividerRowIndexes = useMemo9(
-    () => participantHeadersEnabled ? findParticipantTurnDividerRowIndexes(displayRows) : findTurnDividerRowIndexes(turnIndexById, displayRows),
-    [displayRows, turnIndexById, participantHeadersEnabled]
+    () => participantTurnProjection ? participantTurnProjection.dividerRowIndexes : findTurnDividerRowIndexes(turnIndexById, displayRows),
+    [displayRows, turnIndexById, participantTurnProjection]
   );
   const canonicalTurnById = new Map(
     (conversation.sourceDetail.sessionTurns ?? []).map((turn) => [
@@ -15487,10 +15629,11 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
       ];
     })
   );
-  const participantHeaderRenderKeys = participantHeadersEnabled ? findParticipantHeaderRenderKeys(
+  const participantHeaderRenderKeys = participantTurnProjection ? findParticipantHeaderRenderKeys(
     turnGroups,
     rowKeys,
-    turnWorkSectionModelByKey
+    turnWorkSectionModelByKey,
+    participantTurnProjection.turnIndexByRowIndex
   ) : null;
   const basePath = conversation.sourceDetail.cwd;
   const workspaceRoot = conversation.workspaceRoot;
@@ -15824,4 +15967,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-GDLM6FLK.js.map
+//# sourceMappingURL=chunk-6SYYX63E.js.map