@tangle-network/sandbox-ui 2.0.21 → 3.0.0

package/dist/tokens.css

@@ -1,5 +1,5 @@
 /* palette:begin — generated by scripts/gen-ladders.mjs; edit palette.mjs or palette-template.css. */
-/* Palette layout only. Colour inputs live in palette.mjs; gen-ladders.mjs writes the public stylesheets. */
+/* Theme roles derive from palette.mjs; fixed categorical chart pairs live here. gen-ladders.mjs writes the public stylesheets. */
 :root,
 [data-sandbox-ui],
 [data-sandbox-theme="vault"],
@@ -524,6 +524,12 @@
 [data-sandbox-theme],
 [data-theme] {
   --chart-ink: var(--text-primary); --chart-ink-muted: var(--text-dim);
+  --chart-series-1: var(--chart-accent); --chart-series-2: light-dark(#2a7fa8, #6cc0e8);
+  --chart-series-3: light-dark(#7b4fc0, #b99af0); --chart-series-4: light-dark(#1f7f88, #5fc2c9);
+  --chart-series-5: light-dark(#a8418f, #e58ccf); --chart-series-6: light-dark(#5a6ad8, #8fa4ff);
+  --chart-series-7: light-dark(#45507a, #c0c4dc); --chart-series-8: var(--text-muted);
+  --chart-category-1: light-dark(#2a78d6, #3987e5); --chart-category-2: light-dark(#eb6834, #d95926);
+  --chart-category-3: light-dark(#1baf7a, #199e70); --chart-category-other: var(--text-muted);
   --chart-muted: var(--md3-outline); --chart-grid: var(--md3-surface-container-high);
   --chart-rule: var(--md3-outline-variant); --chart-shade: var(--bg-hover);
   --chart-accent: var(--brand-cool); --chart-tier-c: hsl(246.1017 55.1402% 41.9608%);

package/dist/{trace-workspace-DkakKRLV.js → trace-workspace-BiJbv9WQ.js}

@@ -2,7 +2,7 @@ import { t as cn } from "./utils-BER_bdgE.js";
 import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-BQlarCIo.js";
 import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
 import { t as AgentGraph$1 } from "./AgentGraph-BGWx9hhS.js";
-import { t as useFollowTail } from "./use-follow-tail-Ckx5ZSV2.js";
+import { t as useFollowTail } from "./use-follow-tail-Ht7fZGQQ.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useReducer, useRef, useState } from "react";
 import { X } from "lucide-react";
@@ -314,7 +314,7 @@ function agentGraphAt(spans, byId, at, epoch, cards, extraEdges = []) {
 			id: span.id,
 			label: card?.label ?? span.name,
 			model: card?.model ?? span.detail,
-			status: at === null && card?.status ? card.status : state === "done" ? "succeeded" : state,
+			status: at === null && card?.status ? card.status : state,
 			costUsd: at === null ? card?.costUsd ?? span.costUsd : span.endMs <= at ? span.costUsd : void 0,
 			startedAt: epoch == null || !Number.isFinite(epoch) ? at === null ? card?.startedAt : void 0 : epoch + span.startMs,
 			...timing,

package/dist/use-follow-tail-Ht7fZGQQ.js

@@ -0,0 +1 @@
+export { useFollowTail as t } from "@tangle-network/ui/hooks/use-follow-tail";

package/dist/workflows.js

@@ -21,7 +21,7 @@ import { GraphErrorBoundary, retryImport } from "@tangle-network/charts/react/ag
 * via a Vite `vite:preloadError` reload guard.
 */
 function lazyWorkflowGraph() {
-	return lazy(() => retryImport(() => import("./WorkflowGraph-CADReIDl.js").then((m) => ({ default: m.WorkflowGraph }))));
+	return lazy(() => retryImport(() => import("./WorkflowGraph-B8cRtVaw.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 /** Graceful degradation when the graph can't render: the workflow is still
 *  fully legible as YAML, with a retry for a recoverable load failure. */