@tangle-network/sandbox-ui 0.113.0 → 0.113.2

package/dist/{chunk-2Q3KDQX7.js → chunk-OUHP3YN4.js}

@@ -1860,7 +1860,7 @@ function SandboxWorkbench({
       children: transcript
     }
   );
-  const artifactPanel = artifacts.length > 0 ? /* @__PURE__ */ jsxs9("section", { className: "flex h-full min-h-0 flex-col bg-surface-container", children: [
+  const artifactPanel = artifacts.length > 0 || emptyArtifactState ? /* @__PURE__ */ jsxs9("section", { className: "flex h-full min-h-0 flex-col bg-surface-container", children: [
     /* @__PURE__ */ jsx10(
       ArtifactTabs,
       {
@@ -1880,7 +1880,7 @@ function SandboxWorkbench({
     ) }) })
   ] }) : null;
   const directoryPlacement = layout?.directoryPlacement ?? (directory ? "left" : "hidden");
-  const artifactPlacement = layout?.artifactPlacement ?? (artifacts.length > 0 ? "right" : "hidden");
+  const artifactPlacement = layout?.artifactPlacement ?? (artifactPanel ? "right" : "hidden");
   const runtimePlacement = layout?.runtimePlacement ?? (runtime ? "bottom" : "hidden");
   const regionSections = {
     left: [],

package/dist/{chunk-ISTJTUHJ.js → chunk-RDUYWQQ7.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
@@ -7775,7 +7796,7 @@ function ChangesPane({
           showFileHeader: false,
           className: "flex-1"
         }
-      ) : /* @__PURE__ */ jsx10("p", { className: "px-3 py-3 text-xs text-muted-foreground", role: "status", children: "Loading diff\u2026" })
+      ) : selected.loadError ? /* @__PURE__ */ jsx10("p", { className: "px-3 py-3 text-xs text-destructive", role: "alert", children: selected.loadError }) : /* @__PURE__ */ jsx10("p", { className: "px-3 py-3 text-xs text-muted-foreground", role: "status", children: "Loading diff\u2026" })
     ] }) : showList && /* @__PURE__ */ jsx10("p", { className: "px-3 py-3 text-xs text-muted-foreground", children: "Select a file to read its diff." }) }),
     (onCommit || onPush) && /* @__PURE__ */ jsxs7("div", { className: cn("shrink-0 space-y-2 border-t bg-surface-container-low p-3", BORDER), children: [
       onCommit && /* @__PURE__ */ jsx10(

package/dist/index.js

@@ -133,7 +133,7 @@ import {
   formatRelativeAge,
   shellShouldRevalidate,
   useOptimisticSessionItems
-} from "./chunk-2Q3KDQX7.js";
+} from "./chunk-OUHP3YN4.js";
 import {
   BRAND_PRISM_THEME,
   ChangesPane,
@@ -150,7 +150,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-ISTJTUHJ.js";
+} from "./chunk-RDUYWQQ7.js";
 import {
   FileArtifactPane,
   FilePreview,

package/dist/workbench.d.ts

@@ -87,6 +87,11 @@ interface ChangedFile {
     /** Present once the consumer has resolved contents for the selected file. */
     baseline?: string;
     current?: string;
+    /**
+     * Why the sides could not be resolved. Shown under the file's header in
+     * place of the loading line, so a failed read never looks like a slow one.
+     */
+    loadError?: string;
 }
 interface ChangesPaneProps {
     /** Current branch; `null` when the tree has no commits yet or is not a repository. */
@@ -252,9 +257,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-RDUYWQQ7.js";
 import "./chunk-PZVUIUUW.js";
 import "./chunk-K4Q4E7D7.js";
 import "./chunk-OMUIPJQZ.js";

package/dist/workspace.d.ts

@@ -573,6 +573,10 @@ interface SandboxWorkbenchProps {
     onArtifactClose?: (artifactId: string) => void;
     runtime?: RuntimePaneProps;
     layout?: SandboxWorkbenchLayoutOptions;
+    /**
+     * Shown in the artifact region while no artifact is selected. When given,
+     * the region renders before the first artifact exists.
+     */
     emptyArtifactState?: ReactNode;
     className?: string;
 }

package/dist/workspace.js

@@ -21,7 +21,7 @@ import {
   formatRelativeAge,
   shellShouldRevalidate,
   useOptimisticSessionItems
-} from "./chunk-2Q3KDQX7.js";
+} from "./chunk-OUHP3YN4.js";
 import "./chunk-BGVEHENC.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-CZ7CSFO4.js";

package/package.json

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