@tangle-network/sandbox-ui 0.116.8 → 0.116.9

package/dist/{provider-logo-DjqmConF.js → provider-logo-BiuiO_c2.js}

@@ -282,6 +282,7 @@ function ProviderIcon({ id, iconUrl, displayName, size = 24, className }) {
 	}
 	const initial = (displayName ?? id).trim().charAt(0).toUpperCase() || "?";
 	const src = candidates[index];
+	const usesDefaultGithubMark = !iconUrl && normalizeProviderId(id) === "github";
 	if (!src) return /* @__PURE__ */ jsx("span", {
 		className: `flex shrink-0 items-center justify-center font-semibold text-white ${className ?? ""}`,
 		style: {
@@ -299,7 +300,7 @@ function ProviderIcon({ id, iconUrl, displayName, size = 24, className }) {
 		width: size,
 		height: size,
 		loading: "lazy",
-		className: `shrink-0 object-contain ${className ?? ""}`,
+		className: `shrink-0 object-contain ${usesDefaultGithubMark ? "dark:invert [[data-sandbox-theme='']_&]:invert" : ""} ${className ?? ""}`,
 		style: {
 			width: size,
 			height: size

package/dist/styles.css

@@ -482,6 +482,9 @@
   .col-span-12 {
     grid-column: span 12 / span 12;
   }
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
   .col-start-1 {
     grid-column-start: 1;
   }
@@ -968,6 +971,9 @@
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
+  .max-h-\[90dvh\] {
+    max-height: 90dvh;
+  }
   .max-h-\[90vh\] {
     max-height: 90vh;
   }
@@ -995,9 +1001,15 @@
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
+  .min-h-9 {
+    min-height: calc(var(--spacing) * 9);
+  }
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-24 {
     min-height: calc(var(--spacing) * 24);
   }
@@ -1322,27 +1334,9 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
-  .max-w-26 {
-    max-width: calc(var(--spacing) * 26);
-  }
-  .max-w-28 {
-    max-width: calc(var(--spacing) * 28);
-  }
-  .max-w-36 {
-    max-width: calc(var(--spacing) * 36);
-  }
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
-  .max-w-44 {
-    max-width: calc(var(--spacing) * 44);
-  }
-  .max-w-48 {
-    max-width: calc(var(--spacing) * 48);
-  }
-  .max-w-64 {
-    max-width: calc(var(--spacing) * 64);
-  }
   .max-w-80 {
     max-width: calc(var(--spacing) * 80);
   }
@@ -1508,6 +1502,9 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
+  .min-w-11 {
+    min-width: calc(var(--spacing) * 11);
+  }
   .min-w-14 {
     min-width: calc(var(--spacing) * 14);
   }
@@ -1577,6 +1574,9 @@
   .basis-1\/3 {
     flex-basis: calc(1 / 3 * 100%);
   }
+  .table-fixed {
+    table-layout: fixed;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -1948,6 +1948,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -2226,12 +2229,6 @@
       border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
     }
   }
-  .border-destructive\/50 {
-    border-color: color-mix(in srgb, hsl(var(--destructive)) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
-    }
-  }
   .border-emerald-500\/30 {
     border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4845,6 +4842,9 @@
     .sm\:w-auto {
       width: auto;
     }
+    .sm\:shrink-0 {
+      flex-shrink: 0;
+    }
     .sm\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -4860,6 +4860,9 @@
     .sm\:flex-row {
       flex-direction: row;
     }
+    .sm\:flex-wrap {
+      flex-wrap: wrap;
+    }
     .sm\:items-center {
       align-items: center;
     }
@@ -4960,9 +4963,6 @@
     .md\:grid-cols-5 {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-    .md\:flex-row {
-      flex-direction: row;
-    }
     .md\:items-center {
       align-items: center;
     }
@@ -5039,15 +5039,36 @@
     .xl\:col-span-8 {
       grid-column: span 8 / span 8;
     }
+    .xl\:hidden {
+      display: none;
+    }
+    .xl\:table-cell {
+      display: table-cell;
+    }
+    .xl\:w-52 {
+      width: calc(var(--spacing) * 52);
+    }
     .xl\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .xl\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
     .xl\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
     .xl\:grid-cols-5 {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
+    .xl\:px-4 {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+    .xl\:px-6 {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+    .xl\:py-5 {
+      padding-block: calc(var(--spacing) * 5);
+    }
   }
   @media (prefers-color-scheme: dark) {
     .dark\:text-neutral-500 {
@@ -5064,6 +5085,10 @@
         color: color-mix(in oklab, var(--color-white) 50%, transparent);
       }
     }
+    .dark\:invert {
+      --tw-invert: invert(100%);
+      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+    }
     @media (hover: hover) {
       .dark\:hover\:text-white\/50:hover {
         color: color-mix(in srgb, #fff 50%, transparent);
@@ -5097,12 +5122,6 @@
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
-  .\[\&_td\]\:px-4 td {
-    padding-inline: calc(var(--spacing) * 4);
-  }
-  .\[\&_th\]\:px-4 th {
-    padding-inline: calc(var(--spacing) * 4);
-  }
   .\[\&_tr\]\:border-b tr {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -5189,6 +5208,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  [data-sandbox-theme=''] .\[\[data-sandbox-theme\=\'\'\]_\&\]\:invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
 }
 :root,
 [data-sandbox-ui],

package/dist/{workbench-DVOVERx0.js → workbench-DXTqeu9h.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { o as PortsList } from "./dashboard-DJQFB7iZ.js";
+import { o as PortsList } from "./dashboard-DwdEQoqK.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CoiS_kfY.js";
@@ -7515,7 +7515,6 @@ const DIFF_OPTIONS = {
 		dark: "github-dark",
 		light: "github-light"
 	},
-	themeType: "dark",
 	stickyHeader: true
 };
 const DIFF_CONTAINER_TAG = "diffs-container";
@@ -7525,7 +7524,7 @@ const DIFF_CONTAINER_TAG = "diffs-container";
 * shadow content. Wrapping is a renderer option, not a CSS patch into its shadow
 * root; the plain patch disclosure is the accessible, engine-independent view.
 */
-function DiffView({ filename, baseline, current, showFileHeader = true, defaultWrap = true, className }) {
+function DiffView({ filename, baseline, current, showFileHeader = true, defaultWrap = true, themeType = "dark", className }) {
 	const patch = React$1.useMemo(() => buildUnifiedPatch(filename, baseline, current), [
 		filename,
 		baseline,
@@ -7534,6 +7533,12 @@ function DiffView({ filename, baseline, current, showFileHeader = true, defaultW
 	const [wrap, setWrap] = React$1.useState(defaultWrap);
 	const hintId = React$1.useId();
 	const hostRef = React$1.useRef(null);
+	const instanceRef = React$1.useRef(null);
+	const latestThemeType = React$1.useRef(themeType);
+	const appliedThemeType = React$1.useRef(themeType);
+	React$1.useLayoutEffect(() => {
+		latestThemeType.current = themeType;
+	}, [themeType]);
 	React$1.useLayoutEffect(() => {
 		const host = hostRef.current;
 		if (host == null || !patch) return;
@@ -7545,14 +7550,18 @@ function DiffView({ filename, baseline, current, showFileHeader = true, defaultW
 		host.appendChild(container);
 		const instance = new FileDiff({
 			...DIFF_OPTIONS,
+			themeType: latestThemeType.current,
 			overflow: wrap ? "wrap" : "scroll",
 			disableFileHeader: !showFileHeader
 		}, void 0, false);
+		instanceRef.current = instance;
+		appliedThemeType.current = latestThemeType.current;
 		instance.hydrate({
 			fileDiff: getSingularPatch(patch),
 			fileContainer: container
 		});
 		return () => {
+			if (instanceRef.current === instance) instanceRef.current = null;
 			instance.cleanUp();
 			container.remove();
 		};
@@ -7561,6 +7570,11 @@ function DiffView({ filename, baseline, current, showFileHeader = true, defaultW
 		showFileHeader,
 		wrap
 	]);
+	React$1.useLayoutEffect(() => {
+		if (appliedThemeType.current === themeType) return;
+		instanceRef.current?.setThemeType(themeType);
+		appliedThemeType.current = themeType;
+	}, [themeType]);
 	if (!patch) return /* @__PURE__ */ jsx("div", {
 		className: cn$1("flex h-full min-w-0 items-center justify-center bg-surface-container", className),
 		children: /* @__PURE__ */ jsx("p", {

package/dist/workbench.d.ts

@@ -1,3 +1,3 @@
-import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-l96iy93N.js";
+import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-z_zNuZHm.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

@@ -1,3 +1,3 @@
-import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DVOVERx0.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DXTqeu9h.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CoiS_kfY.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workflows.js

@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 	});
 }
 function lazyWorkflowGraph() {
-	return lazy(() => retryImport(() => import("./WorkflowGraph-B-NsdYz_.js").then((m) => ({ default: m.WorkflowGraph }))));
+	return lazy(() => retryImport(() => import("./WorkflowGraph-CzWs8P7y.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 var GraphErrorBoundary = class extends Component {
 	state = { hasError: false };

package/package.json

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