@tangle-network/sandbox-ui 0.113.0 → 0.113.1

package/dist/{chunk-ISTJTUHJ.js → chunk-VEK3EZIW.js}

@@ -7242,7 +7242,7 @@ function CodeView({
 
 // src/workbench/diff-view.tsx
 import * as React7 from "react";
-import { PatchDiff } from "@pierre/diffs/react";
+import { FileDiff, getSingularPatch } from "@pierre/diffs";
 
 // src/workbench/diff-utils.ts
 import { createTwoFilesPatch, diffLines } from "diff";
@@ -7280,19 +7280,40 @@ var DIFF_OPTIONS = {
   themeType: "dark",
   stickyHeader: true
 };
+var DIFF_CONTAINER_TAG = "diffs-container";
 function DiffView({ filename, baseline, current, showFileHeader = true, className }) {
   const patch = React7.useMemo(
     () => buildUnifiedPatch(filename, baseline, current),
     [filename, baseline, current]
   );
-  const options = React7.useMemo(
-    () => showFileHeader ? DIFF_OPTIONS : { ...DIFF_OPTIONS, disableFileHeader: true },
-    [showFileHeader]
-  );
+  const hostRef = React7.useRef(null);
+  React7.useLayoutEffect(() => {
+    const host = hostRef.current;
+    if (host == null || !patch) return;
+    const container = document.createElement(DIFF_CONTAINER_TAG);
+    host.appendChild(container);
+    const instance = new FileDiff(
+      showFileHeader ? DIFF_OPTIONS : { ...DIFF_OPTIONS, disableFileHeader: true },
+      void 0,
+      false
+    );
+    instance.hydrate({ fileDiff: getSingularPatch(patch), fileContainer: container });
+    return () => {
+      instance.cleanUp();
+      container.remove();
+    };
+  }, [patch, showFileHeader]);
   if (!patch) {
     return /* @__PURE__ */ jsx7("div", { className: cn("flex h-full items-center justify-center bg-surface-container", className), children: /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: "No changes \u2014 baseline and working copy are identical." }) });
   }
-  return /* @__PURE__ */ jsx7("div", { className: cn("h-full min-h-0 overflow-auto bg-surface-container text-[13px]", className), children: /* @__PURE__ */ jsx7(PatchDiff, { patch, options }) });
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      ref: hostRef,
+      "data-testid": "diff-view",
+      className: cn("h-full min-h-0 overflow-auto bg-surface-container text-[13px]", className)
+    }
+  );
 }
 
 // src/workbench/preview-view.tsx

package/dist/index.js

@@ -150,7 +150,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-ISTJTUHJ.js";
+} from "./chunk-VEK3EZIW.js";
 import {
   FileArtifactPane,
   FilePreview,

package/dist/workbench.d.ts

@@ -252,9 +252,18 @@ interface DiffViewProps {
     className?: string;
 }
 /**
- * Word-level unified diff via `@pierre/diffs`' `PatchDiff`. The patch is built
- * with jsdiff's `createTwoFilesPatch` (baseline → current); the renderer owns
- * hunking, intra-line word diffing, gutters, and syntax highlighting.
+ * Word-level unified diff via `@pierre/diffs`' core `FileDiff` renderer. The
+ * patch is built with jsdiff's `createTwoFilesPatch` (baseline → current); the
+ * renderer owns hunking, intra-line word diffing, gutters, and highlighting.
+ *
+ * The renderer is driven from an effect on a host element this component
+ * creates for every mount, not through the library's React wrapper. The
+ * wrapper hydrates the element React hands it and treats an existing shadow
+ * `<pre>` as prerendered content; React StrictMode attaches, detaches, and
+ * re-attaches that element on mount, so the second hydrate finds the first
+ * mount's `<pre>` and renders nothing. A fresh element per effect run has no
+ * such history, and the cleanup removes it (the instance is not
+ * container-managed).
  */
 declare function DiffView({ filename, baseline, current, showFileHeader, className }: DiffViewProps): React.JSX.Element;
 

package/dist/workbench.js

@@ -14,7 +14,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-ISTJTUHJ.js";
+} from "./chunk-VEK3EZIW.js";
 import "./chunk-PZVUIUUW.js";
 import "./chunk-K4Q4E7D7.js";
 import "./chunk-OMUIPJQZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.113.0",
+  "version": "0.113.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",