@tangle-network/sandbox-ui 1.1.8 → 2.0.0

package/dist/{workbench-DOgYO3Zg.js → workbench-BVnZNhP2.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-BER_bdgE.js";
-import { a as PortsList } from "./dashboard-ClKA3opr.js";
+import { a as PortsList } from "./dashboard-FMrtIe9S.js";
 import { n as TerminalView } from "./terminal-nUCznZRj.js";
 import { RichFileTree } from "./files.js";
 import { a as CodeSurface, n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";

package/dist/workbench.js

@@ -1,4 +1,4 @@
-import { a as DiffStatsBadge, c as PillTabs, i as FileBreadcrumb, n as SandboxArtifactPane, o as GitStatusBadge, r as CodeView, s as PanelHeader, t as ChangesPane } from "./workbench-DOgYO3Zg.js";
+import { a as DiffStatsBadge, c as PillTabs, i as FileBreadcrumb, n as SandboxArtifactPane, o as GitStatusBadge, r as CodeView, s as PanelHeader, t as ChangesPane } from "./workbench-BVnZNhP2.js";
 import { a as CodeSurface, i as CODE_THEME, n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXsoPale.js";
 export { CODE_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats };

package/dist/workflows.d.ts

@@ -1,5 +1,5 @@
 import { n as ModelBrandStack, o as modelBrandFor, t as ModelBrandIdentity } from "./model-brand-ZwVS49Fq.js";
-import { a as AgentGraphTool, c as AgentGraphEdge, d as AgentGraphNode, f as AgentGraphStatus, i as AgentGraphCallKind, l as AgentGraphEdgeKind, n as AgentGraphProps, o as AgentGraphActivity, r as AgentGraphCall, s as AgentGraphDirection, t as AgentGraph, u as AgentGraphEvent } from "./AgentGraph-DxAeQQch.js";
+import { a as AgentGraphTool, c as AgentGraphEdge, d as AgentGraphNode, f as AgentGraphStatus, i as AgentGraphCallKind, l as AgentGraphEdgeKind, n as AgentGraphProps, o as AgentGraphActivity, r as AgentGraphCall, s as AgentGraphDirection, t as AgentGraph, u as AgentGraphEvent } from "./AgentGraph-B4uWLXlD.js";
 import { StatusTone } from "@tangle-network/ui/primitives";
 import { Component, ReactElement, ReactNode } from "react";
 import { LucideIcon } from "lucide-react";
@@ -509,14 +509,10 @@ interface WorkflowGraphProps {
 declare function WorkflowGraph(props: WorkflowGraphProps): import("react").JSX.Element;
 export declare const STATUS_COLOR: Record<WfNodeStatus, string>;
 export declare const STATUS_LABEL: Record<WfNodeStatus, string>;
-/** @deprecated `StatusPill` now renders ui's StatusPill from `STATUS_TONE`;
- *  kept for consumers that styled their own pill from it.
- *  Status pill styling — a tinted well in the status color. Built from the
- *  semantic surface trio (bg/border/text) so the pill keeps its contrast in both
- *  themes rather than washing out in one of them. */
+/** Retained public styling contract, derived from the owner's status metadata. */
 export declare const STATUS_PILL: Record<WfNodeStatus, {
-  background: string;
   color: string;
+  background: string;
   borderColor: string;
 }>;
 export declare const KIND_ICON: Record<string, LucideIcon>;

package/dist/workflows.js

@@ -1,4 +1,5 @@
 import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB.js";
-import { A as buildWorkflowGraph, D as TRIGGER_NODE_ID, I as actionPathLabel, L as humanizeIdentifier, M as triggerNodeId, N as triggerNodeIndex, O as actionNodeId, R as parseActionPath, c as NodeMark, g as STATUS_TONE, h as STATUS_PILL, k as branchNodeId, m as STATUS_LABEL, n as WorkflowGraph, p as STATUS_COLOR, s as KIND_ICON, t as AgentGraph, v as StatusPill, z as shortModel } from "./AgentGraph-DJEQrKTs.js";
+import { n as WorkflowGraph, t as AgentGraph } from "./AgentGraph-C1DsA-Rd.js";
+import { C as actionNodeId, D as triggerNodeId, M as humanizeIdentifier, N as parseActionPath, O as triggerNodeIndex, P as shortModel, S as TRIGGER_NODE_ID, T as buildWorkflowGraph, c as STATUS_COLOR, d as STATUS_TONE, j as actionPathLabel, l as STATUS_LABEL, n as KIND_ICON, p as StatusPill, r as NodeMark, u as STATUS_PILL, w as branchNodeId } from "./node-ui-Bfnh08U3.js";
 import { n as classifyOutput, r as condenseText, t as NodeOutputBody } from "./node-output-DlySTwxr.js";
 export { AgentGraph, KIND_ICON, ModelBrandStack, NodeMark, NodeOutputBody, StatusPill as NodeStatusPill, STATUS_COLOR, STATUS_LABEL, STATUS_PILL, STATUS_TONE, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, actionPathLabel, branchNodeId, buildWorkflowGraph, classifyOutput, condenseText, humanizeIdentifier, modelBrandFor, parseActionPath, shortModel, triggerNodeId, triggerNodeIndex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "1.1.8",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -137,9 +137,9 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^5.2.0",
-    "@tangle-network/brand": "^1.29.0",
-    "@tangle-network/charts": "^0.21.20 || ^1.0.0",
-    "@tangle-network/ui": "^11.46.0",
+    "@tangle-network/brand": "^1.31.1",
+    "@tangle-network/charts": "^2.0.2",
+    "@tangle-network/ui": "^11.51.1",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -216,7 +216,7 @@
     "@radix-ui/react-dialog": "^1.3.1",
     "@radix-ui/react-dropdown-menu": "^2.2.1",
     "@radix-ui/react-select": "^2.4.1",
-    "@tangle-network/ui": "^11.46.0",
+    "@tangle-network/ui": "^11.51.1",
     "diff": "^9.0.0",
     "eventsource-parser": "4.1.2",
     "lucide-react": "^1.61.0",
@@ -236,8 +236,8 @@
     "@storybook/react-vite": "^10.6.3",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "5.10.2",
-    "@tangle-network/brand": "1.29.0",
-    "@tangle-network/charts": "^0.21.20",
+    "@tangle-network/brand": "^1.31.1",
+    "@tangle-network/charts": "^2.0.2",
     "@tanstack/react-query": "^5.104.5",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
@@ -278,12 +278,13 @@
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "test:visual": "pnpm build-storybook --quiet && playwright test",
-    "signoff": "pnpm typecheck && pnpm build && pnpm test && pnpm test:package && pnpm test:bridge && pnpm test:visual",
+    "test:visual": "pnpm build-storybook --quiet && playwright test --grep-invert '17 agents stream' && playwright test tests/visual/run-ui.spec.mjs --grep '17 agents stream' --workers=1 --retries=0",
+    "signoff": "pnpm lint:motion && pnpm typecheck && pnpm build && pnpm test && pnpm test:package && pnpm test:bridge && pnpm test:visual",
     "test": "vitest run",
     "test:package": "node scripts/package-smoke.mjs && PACKAGE_OMIT_OPTIONAL_PEERS='[\"@hocuspocus/provider\",\"@tiptap/core\",\"@tiptap/extension-collaboration\",\"@tiptap/extension-collaboration-caret\",\"@tiptap/react\",\"@tiptap/starter-kit\",\"pdfjs-dist\",\"yjs\"]' node scripts/package-smoke.mjs",
     "test:watch": "vitest",
     "test:embedded-app-package": "node scripts/embedded-app-package-smoke.mjs",
-    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
+    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts",
+    "lint:motion": "node scripts/lint-run-motion.mjs"
   }
 }

package/dist/elk-loader-Dl9S7jQk.js

@@ -1,12 +0,0 @@
-// src/workflows/elk-loader.ts
-/** One ELK instance per page. `null` once loading failed, so a host without
-*  the peer pays for one failed import, not one per render. */
-let elkInstance;
-function loadElk() {
-	elkInstance ??= import("elkjs/lib/elk.bundled.js").then((mod) => {
-		const Elk = mod.default;
-		return new Elk();
-	}).catch(() => null);
-	return elkInstance;
-}
-export { loadElk as t };

package/dist/index-BAEvGqrn.d.ts

@@ -1,26 +0,0 @@
-import { HeadingVariant, PageHeaderProps } from "@tangle-network/ui/primitives";
-import { TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
-import { ElementType, HTMLAttributes, ReactNode } from "react";
-interface LogoProps {
-  variant?: "sandbox";
-  size?: "sm" | "md" | "lg" | "xl";
-  className?: string;
-  iconOnly?: boolean;
-}
-/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
-declare function Logo$1({ variant, size, className, iconOnly }: LogoProps): import("react").JSX.Element;
-declare namespace Logo$1 {
-  var displayName: string;
-}
-/** Preserve the existing public type's required visual role and children.
- * The binding above remains UI's object, without a local render function.
- */
-interface HeadingProps extends Omit<HTMLAttributes<HTMLElement>, "role"> {
-  role: HeadingVariant;
-  as?: ElementType;
-  children: ReactNode;
-}
-type SectionTitleProps = Pick<PageHeaderProps, "title" | "description" | "action" | "className">;
-/** Compatibility name for the canonical nested (h2) page header. */
-declare function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;
-export { LogoProps as a, Logo$1 as i, SectionTitle as n, TangleKnot$1 as o, SectionTitleProps as r, HeadingProps as t };

package/dist/primitives-CiwDp4-0.js

@@ -1,32 +0,0 @@
-import { n as __reExport, t as __exportAll } from "./rolldown-runtime-782esTHO.js";
-import { PageHeader } from "@tangle-network/ui/primitives";
-import { Logo, TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
-import { jsx } from "react/jsx-runtime";
-// src/primitives/logo.tsx
-/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
-function Logo$1({ variant = "sandbox", size = "md", className, iconOnly = false }) {
-	return /* @__PURE__ */ jsx(Logo, {
-		size,
-		variant: iconOnly ? "icon" : "full",
-		suffix: variant === "sandbox" ? "Sandbox" : null,
-		className
-	});
-}
-Logo$1.displayName = "Logo";
-// src/primitives/heading.tsx
-/** Compatibility name for the canonical nested (h2) page header. */
-function SectionTitle(props) {
-	return /* @__PURE__ */ jsx(PageHeader, {
-		...props,
-		level: 2
-	});
-}
-// src/primitives/index.ts
-var primitives_exports = /* @__PURE__ */ __exportAll({
-	Logo: () => Logo$1,
-	SectionTitle: () => SectionTitle,
-	TangleKnot: () => TangleKnot$1
-});
-import * as import__tangle_network_ui_primitives from "@tangle-network/ui/primitives";
-__reExport(primitives_exports, import__tangle_network_ui_primitives);
-export { TangleKnot$1 as i, SectionTitle as n, Logo$1 as r, primitives_exports as t };

package/dist/rolldown-runtime-782esTHO.js

@@ -1,26 +0,0 @@
-// \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-export { __reExport as n, __exportAll as t };