@tutti-os/agent-gui 0.0.217 → 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-GDLM6FLK.js → chunk-PZWBLTYH.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) {
@@ -15824,4 +15942,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-GDLM6FLK.js.map
+//# sourceMappingURL=chunk-PZWBLTYH.js.map