@burdenoff/fe-libs 2026.1021.4 → 2026.1021.6

package/README.md

@@ -122,6 +122,41 @@ plain browser (persisted in `sessionStorage`, cleared with `off`). It is
 `public/manifest.json` and `public/sw.js` from its `native.config.json`
 (`NativeConfig`).
 
+## Raw colours, canvas tokens and the shared ESLint guard
+
+UI code uses semantic tokens only. `createEslintConfig()` from
+`@burdenoff/fe-libs/shared/config/eslint.config.mjs` reports, as an **error**,
+hex / `rgb()` / `hsl()` / `oklch()` literals and Tailwind palette classes
+(`bg-red-500`, `text-white`, `border-t-gray-200`, …) in string literals and
+template strings. Comments and test files are not checked.
+
+- A repo that still carries raw-colour debt can pass `rawColors: 'warn'` while
+  it sweeps; treat that as a tracked, temporary opt-out.
+- A repo with a standalone ESLint config applies the same guard with
+  `'no-restricted-syntax': ['error', ...rawColorRestrictedSyntax()]`.
+
+Workflow builders, graphs and mappers use the canvas tokens in `tokens.css`.
+Each one aliases an existing `chart-*` / `status-*` / surface token, so it
+follows light/dark mode, the brand and the expressive themes:
+
+| Group | Tokens |
+|---|---|
+| Canvas | `--color-canvas-{bg,grid,selection,minimap-bg,minimap-node,minimap-mask,control-bg}` |
+| Node surface | `--color-node-{bg,bg-hover,border,border-hover,border-selected,text,text-muted,handle,handle-connected}` |
+| Node category | `--color-node-{trigger,action,logic,loop,data,integration,ai,human,utility,end,default}` plus `-subtle` |
+| Node state | `--color-node-state-{idle,queued,running,success,warning,error,skipped}` |
+| Edge | `--color-edge-{default,hover,selected,active,success,error,compatible,incompatible,label-bg,label-text}` |
+| Data type | `--color-datatype-{string,number,boolean,object,array,date,binary,any}` |
+
+`app-shell.css` maps them to Tailwind utilities (`bg-node-trigger`,
+`stroke-edge-default`, `ring-node-state-running`, …). A shell with its own
+`@theme` imports `@burdenoff/fe-libs/shared/styles/canvas-theme.css` instead.
+For React Flow props, SVG attributes and inline styles, use the helpers in
+`@burdenoff/fe-libs/shared/utils` (`nodeCategoryColor`, `edgeColor`,
+`nodeStateColor`, `dataTypeColor`, `chartSeriesColor(chartSeriesIndex(key))`)
+and the literal class records (`nodeCategoryClasses`, `nodeStateRingClasses`,
+`dataTypeTextClasses`).
+
 ## Tech Stack
 
 - React 19

package/dist/shared/assistant/quota.d.ts

@@ -111,9 +111,12 @@ export type QuotaKind = "sandbox" | "ai-credits" | "generic";
  * product keeps HealthyBowl's existing `healthybowl:quota-exhausted` byte for
  * byte, and stops two products in one page colliding.
  *
- * ★ Nothing listens for it yet, in any product — verified across the repo. The
- * chat area surfaces the wall inline instead. Kept because the dispatch is the
- * cheap half of a future upgrade dialog, but do not mistake it for a live path.
+ * ★ Who listens is up to the product, and no census is kept here (the last one,
+ * "nothing listens", was false by the time it was read: VibeControls' shell and
+ * microfrontend both did). A shell answers it by mounting `QuotaUpgradeBridge`
+ * (`@burdenoff/fe-libs/shared/components`) beside its `UpgradePromptModal`; a
+ * product microfrontend that renders its own dialog claims the event with
+ * `withQuotaDialogOwnership` / `useQuotaDialogOwnership` so only one opens.
  */
 export declare function quotaExhaustedEventName(product: string): string;
 export interface QuotaExhaustedEventDetail {

package/dist/shared/assistant/ui/AssistantOverlay.js

@@ -1,5 +1,5 @@
-import { useAssistantTr as e } from "../i18n.js";
-import { quotaExhaustedEventName as t } from "../quota.js";
+import { quotaExhaustedEventName as e } from "../quota.js";
+import { useAssistantTr as t } from "../i18n.js";
 import { assistantPanelOwnsEscape as n } from "./panelOverlays.js";
 import { AssistantPreviewBridgeHost as r } from "../preview/bridgeHost.js";
 import { ASSISTANT_DOCK_WIDTH_VAR as i, ASSISTANT_OVERLAY_DESKTOP_QUERY as a, ASSISTANT_OVERLAY_TOP_VAR as o, ASSISTANT_PANEL_INSET_VAR as s, ASSISTANT_SHEET_BOTTOM_VAR as c, assistantLauncherBottom as l, assistantOverlayClassName as u, assistantOverlayEscapeAction as d, assistantOverlayKeys as f, assistantQuotaKindOf as p, closestAround as m, createAssistantNavigate as h, isAssistantToggleShortcut as g, nextAssistantOpenState as _, publishedAssistantDockWidth as v, publishedAssistantPanelInset as y, readAssistantOverlayFlag as b, requestedAssistantOpenState as x, writeAssistantOverlayFlag as S } from "./assistantOverlayState.js";
@@ -31,15 +31,15 @@ function U() {
 function W() {
 	return M(H, U, () => !1);
 }
-function G(e, n) {
+function G(t, n) {
 	let r = A(n);
 	O(() => {
 		r.current = n;
 	}, [n]), O(() => {
-		if (!e || typeof window > "u") return;
-		let n = t(e), i = (e) => r.current(p(e), e);
+		if (!t || typeof window > "u") return;
+		let n = e(t), i = (e) => r.current(p(e), e);
 		return window.addEventListener(n, i), () => window.removeEventListener(n, i);
-	}, [e]);
+	}, [t]);
 }
 var K = () => {};
 function q({ keyPrefix: e, quota: t, children: n }) {
@@ -121,8 +121,8 @@ function Y(e) {
 		...e
 	}) : null;
 }
-function X({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: f, isShellLessTarget: p, topOffsetPx: g = 56, launcherIcon: _, launcherBottomInset: v = "1.5rem", showLauncher: y = !0 }) {
-	let { isOpen: b, close: x, toggle: S, docked: w, toggleDock: T } = t, E = e();
+function X({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: f, isShellLessTarget: p, topOffsetPx: g = 56, launcherIcon: _, launcherBottomInset: v = "1.5rem", showLauncher: y = !0 }) {
+	let { isOpen: b, close: x, toggle: S, docked: w, toggleDock: T } = e, E = t();
 	C(a?.serverHistory === !0);
 	let [D, A] = j(!1), M = k(() => f ? h({
 		navigate: f,

package/dist/shared/components/QuotaUpgradeBridge.d.ts

@@ -0,0 +1,99 @@
+import { ComponentType } from 'react';
+/**
+ * The words for one kind of quota wall. `title`/`message` are the English
+ * fallbacks; the optional keys are looked up in the shell's i18n layer first,
+ * and an untranslated key falls back rather than showing the raw key.
+ */
+export interface QuotaUpgradeCopy {
+    titleKey?: string;
+    title: string;
+    messageKey?: string;
+    message: string;
+}
+/**
+ * Copy per `detail.kind` (e.g. `sandbox`, `ai-credits`, `runs`). `generic` is
+ * used for any kind not listed — and for an event with no kind at all.
+ */
+export type QuotaUpgradeCopyByKind = Readonly<Partial<Record<string, QuotaUpgradeCopy>>>;
+/** Used when a product supplies no `generic` copy of its own. */
+export declare const DEFAULT_QUOTA_UPGRADE_COPY: QuotaUpgradeCopy;
+/** Detail carried by a `<product>:quota-exhausted` event. */
+export interface ProductQuotaExhaustedDetail {
+    /** Which wall — the key into the product's {@link QuotaUpgradeCopyByKind}. */
+    kind: string;
+    /** The server's phrasing. Never shown: it names the wall, not the way past it. */
+    message?: string;
+    operationName?: string | null;
+    /** WHICH ceiling (e.g. `fluidgrids.runs.monthly`), forwarded to the prompt. */
+    quotaName?: string | null;
+}
+/**
+ * The `kind` of a quota event, or null when it carries none. Tolerates the
+ * shapes real dispatchers produce: a plain `Event`, a null detail, a detail
+ * without a kind.
+ */
+export declare function quotaEventKind(event: Event): string | null;
+/** The copy for a kind; anything unlisted (or no kind) is the generic copy. */
+export declare function resolveQuotaUpgradeCopy(copy: QuotaUpgradeCopyByKind | undefined, kind: string | null): QuotaUpgradeCopy;
+/**
+ * Report a product quota wall from code that is not the assistant — e.g. a
+ * product SDK whose run mutation came back `QUOTA_EXHAUSTED`. The shell's
+ * bridge (or the product microfrontend that owns the dialog) answers it.
+ * Safe no-op on SSR.
+ */
+export declare function dispatchProductQuotaExhausted(product: string, detail: ProductQuotaExhaustedDetail): void;
+/**
+ * Record that something which shows its own quota dialog for `product` is
+ * mounted. Returns the release to call on unmount. Each claim is distinct, so
+ * Strict Mode's mount → unmount → mount stays balanced.
+ */
+export declare function claimQuotaDialog(product: string): () => void;
+/**
+ * Note who owns `product`'s dialog NOW, and return a check to run LATER: is an
+ * owner that was mounted at capture time still mounted?
+ *
+ * ★★ Both halves matter. An owning provider does not open its dialog when the
+ * event arrives — it defers a tick (so a page with a local dialog can claim the
+ * failure first) and clears that timer if it unmounts. So it shows a dialog
+ * only if it was listening at dispatch AND is still mounted when its timer
+ * fires:
+ *
+ * - mounted at dispatch, unmounted before the tick: its timer was cleared, so
+ *   nobody shows anything unless the bridge does.
+ * - not mounted at dispatch, mounted before the tick: it never heard the
+ *   event, so again the bridge must.
+ *
+ * A single "is anyone mounted?" read, at either moment, gets one of those wrong.
+ */
+export declare function captureQuotaDialogOwners(product: string): () => boolean;
+/** Claim `product`'s quota dialog for as long as the calling component is mounted. */
+export declare function useQuotaDialogOwnership(product: string): void;
+/**
+ * Wrap a component that renders its own quota dialog for `product`, so the
+ * shell's bridge stands down while it is mounted.
+ *
+ * Apply it where a lazy chunk RESOLVES (`lazy(() => import(...).then(m => ({
+ * default: withQuotaDialogOwnership(m.Root, 'product') })))`), so the claim can
+ * only exist once the real root — and the provider inside it — does.
+ */
+export declare function withQuotaDialogOwnership<P extends object>(Root: ComponentType<P>, product: string): ComponentType<P>;
+export interface QuotaUpgradeBridgeOptions {
+    /** The product id the events are namespaced under (`<product>:quota-exhausted`). */
+    product: string;
+    /** Copy per quota kind; `generic` (or {@link DEFAULT_QUOTA_UPGRADE_COPY}) for the rest. */
+    copy?: QuotaUpgradeCopyByKind;
+}
+/**
+ * Listen for `<product>:quota-exhausted` and open the shell's upgrade prompt,
+ * unless a mounted owner shows its own dialog. Mount ONCE per shell, beside
+ * `UpgradePromptModal`.
+ *
+ * ★ The listener is registered once per product. The copy and the translator
+ * are read through refs: re-subscribing when a host passed a fresh copy object
+ * or the locale changed would run the cleanup, and the cleanup cancels pending
+ * timers — dropping a refusal that arrived just before the re-render.
+ */
+export declare function useQuotaUpgradeBridge({ product, copy }: QuotaUpgradeBridgeOptions): void;
+export type QuotaUpgradeBridgeProps = QuotaUpgradeBridgeOptions;
+/** {@link useQuotaUpgradeBridge} as a component. Renders nothing. */
+export declare function QuotaUpgradeBridge(props: QuotaUpgradeBridgeProps): null;

package/dist/shared/components/QuotaUpgradeBridge.js

@@ -0,0 +1,106 @@
+import { QUOTA_EXHAUSTED_CODE as e } from "../utils/quotaErrors.js";
+import { useOptionalI18n as t } from "../providers/shell/I18nProvider.js";
+import { dispatchUpgradePrompt as n } from "./UpgradePromptModal.js";
+import { quotaExhaustedEventName as r } from "../assistant/quota.js";
+import { useEffect as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/shared/components/QuotaUpgradeBridge.tsx
+var s = {
+	title: "Plan Quota Reached",
+	message: "You've reached a limit on your current plan. Upgrade to continue using this feature."
+};
+function c(e) {
+	if (typeof CustomEvent > "u" || !(e instanceof CustomEvent)) return null;
+	let t = e.detail;
+	if (typeof t != "object" || !t || !("kind" in t)) return null;
+	let n = t.kind;
+	return typeof n == "string" && n.length > 0 ? n : null;
+}
+function l(e) {
+	if (typeof CustomEvent > "u" || !(e instanceof CustomEvent)) return;
+	let t = e.detail;
+	if (typeof t != "object" || !t || !("quotaName" in t)) return;
+	let n = t.quotaName;
+	return typeof n == "string" && n.length > 0 ? n : void 0;
+}
+function u(e, t) {
+	return (t !== null && t !== "generic" ? e?.[t] : void 0) ?? e?.generic ?? s;
+}
+function d(e, t) {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(r(e), { detail: t }));
+}
+var f = Symbol.for("burdenoff.fe-libs.quotaDialogOwners");
+function p() {
+	let e = globalThis, t = e[f];
+	return t || (t = /* @__PURE__ */ new Map(), e[f] = t), t;
+}
+function m(e) {
+	let t = p(), n = t.get(e);
+	return n || (n = /* @__PURE__ */ new Set(), t.set(e, n)), n;
+}
+function h(e) {
+	let t = Symbol(`${e}-quota-dialog-owner`);
+	return m(e).add(t), () => {
+		m(e).delete(t);
+	};
+}
+function g(e) {
+	let t = [...m(e)];
+	return () => {
+		let n = m(e);
+		return t.some((e) => n.has(e));
+	};
+}
+function _(e) {
+	i(() => h(e), [e]);
+}
+function v(e, t) {
+	function n(n) {
+		return _(t), /* @__PURE__ */ o(e, { ...n });
+	}
+	return n.displayName = `withQuotaDialogOwnership(${e.displayName ?? e.name ?? "Component"})`, n;
+}
+function y({ product: o, copy: s }) {
+	let d = t()?.t, f = a({
+		copy: s,
+		translate: d
+	});
+	i(() => {
+		f.current = {
+			copy: s,
+			translate: d
+		};
+	}, [s, d]), i(() => {
+		if (!o || typeof window > "u") return;
+		let t = r(o), i = /* @__PURE__ */ new Set(), a = (e, t) => {
+			let n = f.current.translate;
+			if (!e || !n) return t;
+			let r = n(e, t);
+			return r && r !== e ? r : t;
+		}, s = (t) => {
+			let r = c(t), s = l(t), d = g(o), p = setTimeout(() => {
+				if (i.delete(p), d()) return;
+				let t = u(f.current.copy, r);
+				n({
+					extensions: s ? {
+						code: e,
+						quotaName: s
+					} : { code: e },
+					title: a(t.titleKey, t.title),
+					description: a(t.messageKey, t.message)
+				});
+			}, 0);
+			i.add(p);
+		};
+		return window.addEventListener(t, s), () => {
+			window.removeEventListener(t, s);
+			for (let e of i) clearTimeout(e);
+			i.clear();
+		};
+	}, [o]);
+}
+function b(e) {
+	return y(e), null;
+}
+//#endregion
+export { s as DEFAULT_QUOTA_UPGRADE_COPY, b as QuotaUpgradeBridge, g as captureQuotaDialogOwners, h as claimQuotaDialog, d as dispatchProductQuotaExhausted, c as quotaEventKind, u as resolveQuotaUpgradeCopy, _ as useQuotaDialogOwnership, y as useQuotaUpgradeBridge, v as withQuotaDialogOwnership };

package/dist/shared/components/UpgradePromptModal.d.ts

@@ -1,9 +1,13 @@
 import { UpgradeErrorExtensions } from '../utils/quotaErrors';
 /**
  * Global window event the shell listens for to open the upgrade modal.
- * Dispatched by the Apollo error link (and any imperative caller) when
- * a STORAGE_QUOTA_EXCEEDED / RESOURCE_CAP_EXCEEDED / QUOTA_EXHAUSTED
- * GraphQL error is observed.
+ * Dispatched by the Apollo error link for STORAGE_QUOTA_EXCEEDED /
+ * RESOURCE_CAP_EXCEEDED, by `QuotaUpgradeBridge` for a product's
+ * `<product>:quota-exhausted` walls, and by any imperative caller.
+ *
+ * ★ The Apollo link deliberately does NOT dispatch for QUOTA_EXHAUSTED: several
+ * product pages still answer that code with a local dialog, and a global
+ * dispatch would stack a second one on top.
  */
 export declare const UPGRADE_PROMPT_EVENT = "burdenoff:upgrade-prompt";
 export interface UpgradePromptDetail {

package/dist/shared/components/index.d.ts

@@ -25,6 +25,8 @@ export { UpgradePromptModal, dispatchUpgradePrompt, UPGRADE_PROMPT_EVENT, } from
 export type { UpgradePromptModalProps, UpgradePromptDetail } from './UpgradePromptModal';
 export { UpgradeInlineBanner } from './UpgradeInlineBanner';
 export type { UpgradeInlineBannerProps } from './UpgradeInlineBanner';
+export { QuotaUpgradeBridge, useQuotaUpgradeBridge, dispatchProductQuotaExhausted, resolveQuotaUpgradeCopy, quotaEventKind, claimQuotaDialog, captureQuotaDialogOwners, useQuotaDialogOwnership, withQuotaDialogOwnership, DEFAULT_QUOTA_UPGRADE_COPY, } from './QuotaUpgradeBridge';
+export type { QuotaUpgradeBridgeProps, QuotaUpgradeBridgeOptions, QuotaUpgradeCopy, QuotaUpgradeCopyByKind, ProductQuotaExhaustedDetail, } from './QuotaUpgradeBridge';
 export { getSSORedirectUrl, redirectToSSO, SSORedirectSpinner, checkSLO, checkRemoteSLO, clearLocalAuthState, } from './SSORedirectGuard';
 export { LandingOrDashboardRedirect, LandingGateView, resolveLandingGate, hasStoredValidSession, } from './LandingOrDashboardRedirect';
 export type { LandingOrDashboardRedirectProps, LandingGateViewProps, LandingGateDecision, LandingGateInput, } from './LandingOrDashboardRedirect';

package/dist/shared/utils/canvasTokens.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Canvas / node / edge / data-type design tokens (G19).
+ *
+ * TypeScript handles for the builder tokens in fe-libs/shared/tokens
+ * (`--color-node-*`, `--color-edge-*`, `--color-canvas-*`,
+ * `--color-datatype-*`). Every token aliases an existing chart-* / status-* /
+ * surface token, so values follow light/dark mode, the brand and the
+ * expressive / high-contrast themes.
+ *
+ * Use the `var(--…)` helpers where a value goes outside Tailwind (React Flow
+ * props, SVG attributes, inline styles), and the class records for className
+ * strings. The class records are written out literally on purpose: Tailwind
+ * only generates utilities for class names it can find verbatim in source.
+ */
+/** What a workflow node does, for colouring its accent / header / icon well. */
+export declare const NODE_CATEGORIES: readonly ["trigger", "action", "logic", "loop", "data", "integration", "ai", "human", "utility", "end", "default"];
+export type NodeCategory = (typeof NODE_CATEGORIES)[number];
+/** Execution state of a node in a run (ring / badge / status dot). */
+export declare const NODE_STATES: readonly ["idle", "queued", "running", "success", "warning", "error", "skipped"];
+export type NodeState = (typeof NODE_STATES)[number];
+export declare const EDGE_KINDS: readonly ["default", "hover", "selected", "active", "success", "error", "compatible", "incompatible"];
+export type EdgeKind = (typeof EDGE_KINDS)[number];
+/** Data types carried by ports and shown in mappers. */
+export declare const DATA_TYPES: readonly ["string", "number", "boolean", "object", "array", "date", "binary", "any"];
+export type DataType = (typeof DATA_TYPES)[number];
+/** Number of categorical chart-* series in the token set. */
+export declare const CHART_SERIES_COUNT = 12;
+/** Narrows any string to a known category, falling back to `'default'`. */
+export declare function toNodeCategory(value: string | null | undefined): NodeCategory;
+/** Narrows any string to a known data type, falling back to `'any'`. */
+export declare function toDataType(value: string | null | undefined): DataType;
+/** `var(--color-node-<category>)` — the solid category accent. */
+export declare function nodeCategoryColor(category: NodeCategory): string;
+/** `var(--color-node-<category>-subtle)` — a translucent tint of the accent. */
+export declare function nodeCategorySubtleColor(category: NodeCategory): string;
+/** `var(--color-node-state-<state>)`. */
+export declare function nodeStateColor(state: NodeState): string;
+/** `var(--color-edge-<kind>)`. */
+export declare function edgeColor(kind: EdgeKind): string;
+/** `var(--color-datatype-<type>)`. */
+export declare function dataTypeColor(type: DataType): string;
+/**
+ * `var(--color-chart-N)` for a stable categorical series — e.g. to give each
+ * integration a distinct accent from a hash of its key. Any integer works;
+ * it wraps onto chart-1 … chart-12.
+ */
+export declare function chartSeriesColor(index: number): string;
+/** A stable chart series index for a string key (FNV-1a), for `chartSeriesColor`. */
+export declare function chartSeriesIndex(key: string): number;
+export interface NodeCategoryClasses {
+    /** Solid accent fill, e.g. an icon well or a header stripe. */
+    accent: string;
+    /** Translucent tint, e.g. a header background. */
+    subtle: string;
+    /** Accent-coloured text or icon. */
+    text: string;
+    /** Accent-coloured border. */
+    border: string;
+}
+/** Tailwind classes per node category (needs canvas-theme.css or app-shell.css). */
+export declare const nodeCategoryClasses: Record<NodeCategory, NodeCategoryClasses>;
+/** Ring classes per execution state (needs canvas-theme.css or app-shell.css). */
+export declare const nodeStateRingClasses: Record<NodeState, string>;
+/** Text classes per data type (needs canvas-theme.css or app-shell.css). */
+export declare const dataTypeTextClasses: Record<DataType, string>;

package/dist/shared/utils/canvasTokens.js

@@ -0,0 +1,159 @@
+//#region src/shared/utils/canvasTokens.ts
+var e = [
+	"trigger",
+	"action",
+	"logic",
+	"loop",
+	"data",
+	"integration",
+	"ai",
+	"human",
+	"utility",
+	"end",
+	"default"
+], t = [
+	"idle",
+	"queued",
+	"running",
+	"success",
+	"warning",
+	"error",
+	"skipped"
+], n = [
+	"default",
+	"hover",
+	"selected",
+	"active",
+	"success",
+	"error",
+	"compatible",
+	"incompatible"
+], r = [
+	"string",
+	"number",
+	"boolean",
+	"object",
+	"array",
+	"date",
+	"binary",
+	"any"
+], i = 12;
+function a(e, t) {
+	return e.includes(t);
+}
+function o(t) {
+	return t && a(e, t) ? t : "default";
+}
+function s(e) {
+	return e && a(r, e) ? e : "any";
+}
+function c(e) {
+	return `var(--color-node-${e})`;
+}
+function l(e) {
+	return `var(--color-node-${e}-subtle)`;
+}
+function u(e) {
+	return `var(--color-node-state-${e})`;
+}
+function d(e) {
+	return `var(--color-edge-${e})`;
+}
+function f(e) {
+	return `var(--color-datatype-${e})`;
+}
+function p(e) {
+	return `var(--color-chart-${(Number.isFinite(e) ? Math.trunc(Math.abs(e)) : 0) % 12 + 1})`;
+}
+function m(e) {
+	let t = 2166136261;
+	for (let n = 0; n < e.length; n += 1) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
+	return (t >>> 0) % 12;
+}
+var h = {
+	trigger: {
+		accent: "bg-node-trigger",
+		subtle: "bg-node-trigger-subtle",
+		text: "text-node-trigger",
+		border: "border-node-trigger"
+	},
+	action: {
+		accent: "bg-node-action",
+		subtle: "bg-node-action-subtle",
+		text: "text-node-action",
+		border: "border-node-action"
+	},
+	logic: {
+		accent: "bg-node-logic",
+		subtle: "bg-node-logic-subtle",
+		text: "text-node-logic",
+		border: "border-node-logic"
+	},
+	loop: {
+		accent: "bg-node-loop",
+		subtle: "bg-node-loop-subtle",
+		text: "text-node-loop",
+		border: "border-node-loop"
+	},
+	data: {
+		accent: "bg-node-data",
+		subtle: "bg-node-data-subtle",
+		text: "text-node-data",
+		border: "border-node-data"
+	},
+	integration: {
+		accent: "bg-node-integration",
+		subtle: "bg-node-integration-subtle",
+		text: "text-node-integration",
+		border: "border-node-integration"
+	},
+	ai: {
+		accent: "bg-node-ai",
+		subtle: "bg-node-ai-subtle",
+		text: "text-node-ai",
+		border: "border-node-ai"
+	},
+	human: {
+		accent: "bg-node-human",
+		subtle: "bg-node-human-subtle",
+		text: "text-node-human",
+		border: "border-node-human"
+	},
+	utility: {
+		accent: "bg-node-utility",
+		subtle: "bg-node-utility-subtle",
+		text: "text-node-utility",
+		border: "border-node-utility"
+	},
+	end: {
+		accent: "bg-node-end",
+		subtle: "bg-node-end-subtle",
+		text: "text-node-end",
+		border: "border-node-end"
+	},
+	default: {
+		accent: "bg-node-default",
+		subtle: "bg-node-default-subtle",
+		text: "text-node-default",
+		border: "border-node-default"
+	}
+}, g = {
+	idle: "ring-node-state-idle",
+	queued: "ring-node-state-queued",
+	running: "ring-node-state-running",
+	success: "ring-node-state-success",
+	warning: "ring-node-state-warning",
+	error: "ring-node-state-error",
+	skipped: "ring-node-state-skipped"
+}, _ = {
+	string: "text-datatype-string",
+	number: "text-datatype-number",
+	boolean: "text-datatype-boolean",
+	object: "text-datatype-object",
+	array: "text-datatype-array",
+	date: "text-datatype-date",
+	binary: "text-datatype-binary",
+	any: "text-datatype-any"
+};
+//#endregion
+export { i as CHART_SERIES_COUNT, r as DATA_TYPES, n as EDGE_KINDS, e as NODE_CATEGORIES, t as NODE_STATES, p as chartSeriesColor, m as chartSeriesIndex, f as dataTypeColor, _ as dataTypeTextClasses, d as edgeColor, h as nodeCategoryClasses, c as nodeCategoryColor, l as nodeCategorySubtleColor, u as nodeStateColor, g as nodeStateRingClasses, s as toDataType, o as toNodeCategory };

package/dist/shared/utils/index.d.ts

@@ -8,6 +8,8 @@ export { createApolloClient } from './apollo';
 export type { CreateApolloClientOptions } from './apollo';
 export { statusTokens, trendTokens, progressTokens, categoryTokens, alertTokens, getStatusTokens, getStatusBadgeTokens, getTrendTokens, getProgressTokens, getCategoryTokens, getAlertTokens, } from './tokens';
 export type { SemanticStatus } from './tokens';
+export { NODE_CATEGORIES, NODE_STATES, EDGE_KINDS, DATA_TYPES, CHART_SERIES_COUNT, toNodeCategory, toDataType, nodeCategoryColor, nodeCategorySubtleColor, nodeStateColor, edgeColor, dataTypeColor, chartSeriesColor, chartSeriesIndex, nodeCategoryClasses, nodeStateRingClasses, dataTypeTextClasses, } from './canvasTokens';
+export type { NodeCategory, NodeState, EdgeKind, DataType, NodeCategoryClasses, } from './canvasTokens';
 export { formatCurrency, formatCurrencyCompact, formatDate, formatDateTime, formatRelativeTime, formatDuration, formatTime, formatNumber, formatPercentage, formatBytes, formatCompactNumber, formatOrdinal, truncateText, capitalizeFirst, capitalizeWords, slugify, toCamelCase, toPascalCase, pluralize, formatList, } from './format';
 export { lazyWithRetry, isChunkLoadError } from './lazyWithRetry';
 export { resolveGatewayBases, installGatewayFetchRewrite, suppressConsole, } from './gatewayFetchRewrite';