@xenolithengine/graph-theme-xen 0.7.0-beta.0 → 0.7.0-beta.2

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import type { XenTokens } from './types.js';
 export declare const xenTokens: XenTokens;
 export declare const VERSION: string;
-export { loadXenFonts } from './fonts.js';
 export { mergeTheme } from './merge.js';
 export type { DeepPartial } from './merge.js';
 export type { XenTokens, XenCategoryMap, XenPinTypeMap, XenSurfaceColors, PinTypeToken, CategoryToken, StateStyle, PinShape, TypographyStyle, ShadowStyle, } from './types.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,eAAO,MAAM,SAAS,EAAwB,SAAS,CAAA;AAEvD,eAAO,MAAM,OAAO,QAAoB,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,YAAY,EACV,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,QAAQ,EACR,eAAe,EACf,WAAW,GACZ,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,eAAO,MAAM,SAAS,EAAwB,SAAS,CAAA;AAEvD,eAAO,MAAM,OAAO,QAAoB,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,YAAY,EACV,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,QAAQ,EACR,eAAe,EACf,WAAW,GACZ,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -1,6 +1,5 @@
 import tokens from './tokens.json' with { type: 'json' };
 export const xenTokens = tokens;
 export const VERSION = xenTokens.version;
-export { loadXenFonts } from './fonts.js';
 export { mergeTheme } from './merge.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAGxD,MAAM,CAAC,MAAM,SAAS,GAAG,MAA8B,CAAA;AAEvD,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAGxD,MAAM,CAAC,MAAM,SAAS,GAAG,MAA8B,CAAA;AAEvD,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist/tokens.json

@@ -1,7 +1,7 @@
 {
     "$schema": "./tokens.schema.json",
     "name": "xen",
-    "version": "0.7.0-beta.0",
+    "version": "0.7.0-beta.2",
     "color": {
         "brand": {
             "primary": "#FCB400",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenolithengine/graph-theme-xen",
-  "version": "0.7.0-beta.0",
+  "version": "0.7.0-beta.2",
   "description": "Xen — the default original design system for XenolithGraph. Dark / gold palette with typed pins, categorical headers, and glassmorphic effects.",
   "license": "MIT",
   "type": "module",
@@ -16,14 +16,11 @@
   },
   "files": [
     "dist",
-    "src/tokens.json",
-    "src/fonts",
-    "reference",
     "README.md"
   ],
   "sideEffects": false,
   "dependencies": {
-    "@xenolithengine/graph-core": "0.7.0-beta.0"
+    "@xenolithengine/graph-core": "0.7.0-beta.2"
   },
   "devDependencies": {
     "typescript": "^5.7.0",

package/dist/fonts.d.ts

@@ -1,14 +0,0 @@
-/**
- * Register Inter (Regular / SemiBold / Bold) with the document's font set from the WOFF2 files
- * shipped inside this package. Call once at application start, before rendering any text.
- *
- * Bundlers that understand `new URL(..., import.meta.url)` (Vite ≥ 4, webpack 5, esbuild, Rollup
- * with `@rollup/plugin-url`) emit the WOFF2 as a static asset and rewrite the URL. No external
- * CDN is contacted; the fonts ride in the npm package.
- *
- * Subsequent calls return the same promise — safe to invoke multiple times.
- *
- * In non-DOM environments (Node, SSR) this resolves immediately as a no-op.
- */
-export declare function loadXenFonts(): Promise<void>;
-//# sourceMappingURL=fonts.d.ts.map

package/dist/fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CA4B5C"}

package/dist/fonts.js

@@ -1,43 +0,0 @@
-const VARIANTS = [
-    { weight: 400, style: 'normal', file: 'Inter-Regular.woff2' },
-    { weight: 600, style: 'normal', file: 'Inter-SemiBold.woff2' },
-    { weight: 700, style: 'normal', file: 'Inter-Bold.woff2' },
-];
-let loadPromise = null;
-/**
- * Register Inter (Regular / SemiBold / Bold) with the document's font set from the WOFF2 files
- * shipped inside this package. Call once at application start, before rendering any text.
- *
- * Bundlers that understand `new URL(..., import.meta.url)` (Vite ≥ 4, webpack 5, esbuild, Rollup
- * with `@rollup/plugin-url`) emit the WOFF2 as a static asset and rewrite the URL. No external
- * CDN is contacted; the fonts ride in the npm package.
- *
- * Subsequent calls return the same promise — safe to invoke multiple times.
- *
- * In non-DOM environments (Node, SSR) this resolves immediately as a no-op.
- */
-export function loadXenFonts() {
-    if (typeof document === 'undefined' || typeof FontFace === 'undefined') {
-        return Promise.resolve();
-    }
-    if (loadPromise)
-        return loadPromise;
-    loadPromise = (async () => {
-        await Promise.all(VARIANTS.map(async ({ weight, style, file }) => {
-            const url = new URL(`./fonts/${file}`, import.meta.url).href;
-            const face = new FontFace('Inter', `url(${url}) format("woff2")`, {
-                weight: String(weight),
-                style,
-                display: 'swap',
-            });
-            await face.load();
-            document.fonts.add(face);
-        }));
-        // `face.load()` resolves when the binary is available, but Canvas2D text measurement only
-        // picks up the new face after `document.fonts.ready` resolves. Without this await PIXI Text
-        // can fall back to the next family in the list during the first measure pass.
-        await document.fonts.ready;
-    })();
-    return loadPromise;
-}
-//# sourceMappingURL=fonts.js.map

package/dist/fonts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAMA,MAAM,QAAQ,GAA2B;IACvC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE;IAC7D,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,sBAAsB,EAAE;IAC9D,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE;CAC3D,CAAA;AAED,IAAI,WAAW,GAAyB,IAAI,CAAA;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY;IAC1B,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACvE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC;IACD,IAAI,WAAW;QAAE,OAAO,WAAW,CAAA;IAEnC,WAAW,GAAG,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,OAAO,CAAC,GAAG,CACf,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAC7C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,WAAW,IAAI,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;YAC5D,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,mBAAmB,EAAE;gBAChE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;gBACtB,KAAK;gBACL,OAAO,EAAE,MAAM;aAChB,CAAC,CAAA;YACF,MAAM,IAAI,CAAC,IAAI,EAAE,CAGhB;YAAC,QAAQ,CAAC,KAA+C,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACtE,CAAC,CAAC,CACH,CAAA;QACD,0FAA0F;QAC1F,4FAA4F;QAC5F,8EAA8E;QAC9E,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAA;IAC5B,CAAC,CAAC,EAAE,CAAA;IAEJ,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/reference/README.md

@@ -1,12 +0,0 @@
-# Xen — reference assets
-
-Static references for the Xen design system. These files are **read-only ground truth** — when in doubt how something should look, compare to these.
-
-| File | What it shows |
-|---|---|
-| `nodes.svg` | All six node variants exported from Figma at 1:1 scale: default with both pins, only-inputs, three-inputs-two-outputs, without-output, rolled-up (pill, orange variant), rolled-up-without-input (pill, green variant). |
-| `node-variants.png` | Same set rendered as PNG for quick visual scan. |
-| `canvas-150.png` | Sample graph at 150% zoom showing edge colour-by-source-type and category-coloured headers. |
-| `context-menu.png` | Context menu with "Группа нодов" / "Рефакторинг" entries and keyboard hints. |
-
-When adding interactions or visual states that aren't documented here, capture a Figma frame, export PNG, and add it with a row in this table.

package/reference/nodes.svg

@@ -1,124 +0,0 @@
-<!--
-  Xen design system — node variant reference, 1:1 from Figma.
-  Six variants: default · only-inputs · 3-in-2-out · without-output · pill-orange · pill-green.
-  Do not edit. Replace as a whole when Figma source updates.
--->
-<svg width="198" height="558" viewBox="0 0 198 558" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="197" height="557" rx="4.5" stroke="#FCB400" stroke-dasharray="10 5"/>
-<g clip-path="url(#clip0_155_7675)">
-<rect x="24" y="20" width="150" height="70" rx="7" fill="#0F110E"/>
-<foreignObject x="18" y="14" width="163" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(4px);clip-path:url(#bgblur_1_155_7675_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_i_155_7675)" data-figma-bg-blur-radius="8">
-<path d="M26 27C26 24.2386 28.2386 22 31 22H168C170.761 22 173 24.2386 173 27V43H26V27Z" fill="url(#paint0_linear_155_7675)" fill-opacity="0.6"/>
-</g>
-<path d="M26.5 29L26.3826 27.3562C26.1758 24.4619 28.4682 22 31.3699 22H167.735C170.778 22 173.115 24.6949 172.685 27.7071L172.5 29" stroke="url(#paint1_linear_155_7675)" stroke-width="0.5"/>
-<path d="M40.5 30.25L37 33.75L33.5 30.25" stroke="white" stroke-linecap="round"/>
-<g clip-path="url(#clip2_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 56.5)" fill="#85C244" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip3_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 178 56.5)" fill="#85C244" stroke="#1A1A1A"/>
-</g>
-</g>
-<g clip-path="url(#clip4_155_7675)">
-<rect x="24.5" y="106.5" width="149" height="84" rx="6.5" fill="#0F110E"/>
-<rect x="24.5" y="106.5" width="149" height="84" rx="6.5" stroke="white"/>
-<foreignObject x="18" y="100" width="163" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(4px);clip-path:url(#bgblur_5_155_7675_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter1_i_155_7675)" data-figma-bg-blur-radius="8">
-<path d="M26 113C26 110.239 28.2386 108 31 108H168C170.761 108 173 110.239 173 113V129H26V113Z" fill="url(#paint2_linear_155_7675)" fill-opacity="0.6"/>
-</g>
-<path d="M38.5 116.25L35 119.75L31.5 116.25" stroke="white" stroke-linecap="round"/>
-<g clip-path="url(#clip6_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 142.5)" fill="#3E95B9" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip7_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 163.5)" fill="#3E95B9" stroke="#1A1A1A"/>
-</g>
-</g>
-<g clip-path="url(#clip8_155_7675)">
-<rect x="24" y="215" width="150" height="105" rx="7" fill="#0F110E"/>
-<foreignObject x="18" y="209" width="162" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(4px);clip-path:url(#bgblur_9_155_7675_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter2_i_155_7675)" data-figma-bg-blur-radius="8">
-<path d="M26 222C26 219.239 28.2386 217 31 217H167C169.761 217 172 219.239 172 222V238H26V222Z" fill="url(#paint3_linear_155_7675)" fill-opacity="0.6"/>
-</g>
-<path d="M39.5 226.25L36 229.75L32.5 226.25" stroke="white" stroke-linecap="round"/>
-<g clip-path="url(#clip10_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 252.5)" fill="#85C244" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip11_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 273.5)" fill="white" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip12_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 294.5)" stroke="#9AD6E3"/>
-</g>
-<g clip-path="url(#clip13_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 178 253)" fill="#3E95B9" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip14_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 178 275)" fill="#3E95B9" stroke="#1A1A1A"/>
-</g>
-</g>
-<g clip-path="url(#clip15_155_7675)">
-<rect x="24" y="336" width="150" height="70" rx="7" fill="#0F110E"/>
-<foreignObject x="18" y="330" width="162" height="37"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(4px);clip-path:url(#bgblur_16_155_7675_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter3_i_155_7675)" data-figma-bg-blur-radius="8">
-<path d="M26 343C26 340.239 28.2386 338 31 338H167C169.761 338 172 340.239 172 343V359H26V343Z" fill="url(#paint4_linear_155_7675)" fill-opacity="0.6"/>
-</g>
-<path d="M42.5 347.25L39 350.75L35.5 347.25" stroke="white" stroke-linecap="round"/>
-<g clip-path="url(#clip17_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 373.5)" fill="#FF5622" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip18_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 178 373.5)" fill="#3E95B9" stroke="#1A1A1A"/>
-</g>
-</g>
-<g clip-path="url(#clip19_155_7675)">
-<foreignObject x="20" y="428" width="148" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_20_155_7675_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter4_i_155_7675)" data-figma-bg-blur-radius="4">
-<rect x="24" y="432" width="140" height="40" rx="20" fill="#0F110E"/>
-<rect x="24" y="432" width="140" height="40" rx="20" fill="url(#paint5_linear_155_7675)" fill-opacity="0.5"/>
-</g>
-<g clip-path="url(#clip21_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 37 432)" fill="#FF5622" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip22_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 28 442)" fill="#85C244" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip23_155_7675)">
-<circle cx="33" cy="468" r="3.5" transform="rotate(-180 33 468)" fill="white" stroke="#1A1A1A"/>
-</g>
-<g clip-path="url(#clip24_155_7675)">
-<circle cx="24" cy="458" r="3.5" transform="rotate(-180 24 458)" fill="white" stroke="#1A1A1A"/>
-</g>
-<path d="M48.25 448.5L51.75 452L48.25 455.5" stroke="white" stroke-linecap="round"/>
-<g clip-path="url(#clip25_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 167 448)" fill="white" stroke="#1A1A1A"/>
-</g>
-</g>
-<foreignObject x="11" y="486" width="148" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_26_155_7675_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter5_i_155_7675)" data-figma-bg-blur-radius="4">
-<rect x="15" y="490" width="140" height="40" rx="20" fill="#0F110E"/>
-<rect x="15" y="490" width="140" height="40" rx="20" fill="url(#paint6_linear_155_7675)" fill-opacity="0.5"/>
-</g>
-<path d="M32.25 506.5L35.75 510L32.25 513.5" stroke="white" stroke-linecap="round"/>
-<g clip-path="url(#clip27_155_7675)">
-<circle cx="4" cy="4" r="3.5" transform="matrix(-1 0 0 1 158 506)" fill="#FF5622" stroke="#1A1A1A"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_155_7675" x1="26" y1="32.5" x2="173" y2="32.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#85C244"/><stop offset="1" stop-color="#30342E"/>
-</linearGradient>
-<linearGradient id="paint1_linear_155_7675" x1="103.5" y1="23" x2="103.5" y2="26" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/><stop offset="1" stop-color="#999999" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_155_7675" x1="26" y1="118.5" x2="173" y2="118.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3E95B9"/><stop offset="1" stop-color="#30342E"/>
-</linearGradient>
-<linearGradient id="paint3_linear_155_7675" x1="26" y1="227.5" x2="172" y2="227.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#8A38F5"/><stop offset="1" stop-color="#30342E"/>
-</linearGradient>
-<linearGradient id="paint4_linear_155_7675" x1="26" y1="348.5" x2="172" y2="348.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/><stop offset="1" stop-color="#30342E"/>
-</linearGradient>
-<linearGradient id="paint5_linear_155_7675" x1="36.7273" y1="452.513" x2="151.273" y2="452.513" gradientUnits="userSpaceOnUse">
-<stop offset="0.0432692" stop-color="#0F110E"/><stop offset="0.519231" stop-color="#FF5622" stop-opacity="0.6"/><stop offset="1" stop-color="#0F110E"/>
-</linearGradient>
-<linearGradient id="paint6_linear_155_7675" x1="27.7273" y1="510.513" x2="142.273" y2="510.513" gradientUnits="userSpaceOnUse">
-<stop offset="0.0432692" stop-color="#0F110E"/><stop offset="0.519231" stop-color="#85C244" stop-opacity="0.6"/><stop offset="1" stop-color="#0F110E"/>
-</linearGradient>
-</defs>
-</svg>

package/src/tokens.json

@@ -1,288 +0,0 @@
-{
-  "$schema": "./tokens.schema.json",
-  "name": "xen",
-  "version": "0.7.0-beta.0",
-  "color": {
-    "brand": {
-      "primary":       "#FCB400",
-      "primaryDark":   "#C28B00",
-      "primaryDeep":   "#68531D",
-      "primaryLight":  "#FFDF67",
-      "primaryPale":   "#FFEDA8",
-      "primaryAlpha20": "rgba(252, 180, 0, 0.2)",
-      "primaryAlpha30": "rgba(252, 180, 0, 0.3)",
-      "primaryAlpha50": "rgba(252, 180, 0, 0.5)",
-      "primaryAlpha60": "rgba(255, 237, 168, 0.6)"
-    },
-    "surface": {
-      "canvas":   "#1A1A1A",
-      "node":     "#0F110E",
-      "panel":    "#191919",
-      "elevated": "#232323",
-      "muted":    "#292929",
-      "subtle":   "#363636",
-      "outline":  "#424242",
-      "divider":  "#363636",
-      "headerEnd": "#30342E"
-    },
-    "text": {
-      "primary":   "#FFFFFF",
-      "secondary": "#B8B8B8",
-      "muted":     "rgba(255, 255, 255, 0.5)",
-      "disabled":  "rgba(255, 255, 255, 0.3)"
-    },
-    "alpha": {
-      "white10":  "rgba(255, 255, 255, 0.1)",
-      "white20":  "rgba(255, 255, 255, 0.2)",
-      "white30":  "rgba(255, 255, 255, 0.3)",
-      "white50":  "rgba(255, 255, 255, 0.5)",
-      "dark50":   "rgba(71, 71, 71, 0.5)"
-    },
-    "minimap": {
-      "background":  "rgba(20, 20, 20, 0.85)",
-      "border":      "#424242",
-      "node":        "rgba(255, 255, 255, 0.32)",
-      "frame":       "rgba(252, 180, 0, 0.14)",
-      "frameBorder": "#FCB400"
-    },
-    "widget": {
-      "bg":            "rgba(255, 255, 255, 0.045)",
-      "bgHover":       "rgba(255, 255, 255, 0.09)",
-      "bgFocused":     "#0F110E",
-      "track":         "rgba(255, 255, 255, 0.08)",
-      "fill":          "#FCB400",
-      "fillAlpha":     0.55,
-      "text":          "#FFFFFF",
-      "label":         "#B8B8B8",
-      "placeholder":   "rgba(255, 255, 255, 0.35)",
-      "border":        "rgba(255, 255, 255, 0.12)",
-      "borderFocused": "#FCB400",
-      "selection":     "rgba(252, 180, 0, 0.35)",
-      "knob":          "#FFFFFF"
-    }
-  },
-  "pinType": {
-    "exec": {
-      "label":     "Exec",
-      "color":     "#FCB400",
-      "shape":     "chevron",
-      "edgeColor": "#FCB400",
-      "edgeWidth": 3,
-      "note":      "Imperative flow. Carries no value, only ordering."
-    },
-    "float": {
-      "label":     "Float",
-      "color":     "#85C244",
-      "shape":     "circle",
-      "edgeColor": "#85C244",
-      "edgeWidth": 2
-    },
-    "object": {
-      "label":     "Object",
-      "color":     "#3E95B9",
-      "shape":     "circle",
-      "edgeColor": "#3E95B9",
-      "edgeWidth": 2
-    },
-    "string": {
-      "label":     "String",
-      "color":     "#FF5622",
-      "shape":     "circle",
-      "edgeColor": "#FF5622",
-      "edgeWidth": 2
-    },
-    "any": {
-      "label":     "Any",
-      "color":     "#FFFFFF",
-      "shape":     "circle",
-      "edgeColor": "#FFFFFF",
-      "edgeWidth": 2
-    },
-    "wildcard": {
-      "label":     "Wildcard",
-      "color":     "#9AD6E3",
-      "shape":     "circle-empty",
-      "edgeColor": "#9AD6E3",
-      "edgeWidth": 2,
-      "note":      "Typed but unconnected; renders with outline only, no fill."
-    }
-  },
-  "category": {
-    "logic": {
-      "label":    "Logic",
-      "accent":   "#85C244",
-      "gradient": "linear-gradient(90deg, rgba(133, 194, 68, 0.6) 0%, rgba(48, 52, 46, 0.6) 100%)"
-    },
-    "data": {
-      "label":    "Data",
-      "accent":   "#3E95B9",
-      "gradient": "linear-gradient(90deg, rgba(62, 149, 185, 0.6) 0%, rgba(48, 52, 46, 0.6) 100%)"
-    },
-    "macro": {
-      "label":    "Macro",
-      "accent":   "#8A38F5",
-      "gradient": "linear-gradient(90deg, rgba(138, 56, 245, 0.6) 0%, rgba(48, 52, 46, 0.6) 100%)"
-    },
-    "utility": {
-      "label":    "Utility",
-      "accent":   "#FFFFFF",
-      "gradient": "linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(48, 52, 46, 0.6) 100%)"
-    }
-  },
-  "pill": {
-    "orange": "linear-gradient(90deg, rgba(15, 17, 14, 0.5) 12.63%, rgba(255, 86, 34, 0.3) 51.57%, rgba(15, 17, 14, 0.5) 90.91%), #0F110E",
-    "green":  "linear-gradient(90deg, rgba(15, 17, 14, 0.5) 12.63%, rgba(133, 194, 68, 0.3) 51.57%, rgba(15, 17, 14, 0.5) 90.91%), #0F110E"
-  },
-  "state": {
-    "hover": {
-      "border":      "#FCB400",
-      "borderWidth": 1,
-      "glow":        "rgba(252, 180, 0, 0.52)",
-      "glowBlur":    4
-    },
-    "selected": {
-      "border":      "#FFFFFF",
-      "borderWidth": 1,
-      "glow":        "rgba(255, 255, 255, 0.4)",
-      "glowBlur":    5
-    },
-    "active": {
-      "border":      "#FFDF67",
-      "borderWidth": 1,
-      "glow":        "rgba(252, 180, 0, 0.64)",
-      "glowBlur":    6
-    },
-    "disabled": {
-      "opacity": 0.4
-    }
-  },
-  "geometry": {
-    "node": {
-      "radius":        7,
-      "minWidth":      150,
-      "headerHeight":  21,
-      "headerPadding": 2,
-      "innerPaddingX": 4,
-      "innerPaddingY": 4,
-      "pillRadius":    20,
-      "pillHeight":    40,
-      "pillMinWidth":  140
-    },
-    "pin": {
-      "diameter":         8,
-      "stroke":           1,
-      "strokeColor":      "#1A1A1A",
-      "labelGap":         7,
-      "rowSpacing":       10,
-      "rowHeight":        11,
-      "hitPadding":       4,
-      "chevronExecWidth": 10,
-      "chevronExecHeight": 8
-    },
-    "header": {
-      "toPinsGap":   15,
-      "chevronSize": 16,
-      "titleGap":    5
-    },
-    "edge": {
-      "width":               2,
-      "execWidth":           3,
-      "bezierTension":       0.5,
-      "minHorizontalSpread": 50,
-      "hitPadding":          6,
-      "pulseEnabled":        true,
-      "midpointRadius":      3.5,
-      "arrowSize":           9
-    },
-    "comment": {
-      "headerHeight":  21,
-      "minWidth":      120,
-      "minHeight":     80
-    },
-    "reroute": {
-      "radius":    11,
-      "ringWidth": 2
-    },
-    "widget": {
-      "rowHeight":       22,
-      "gap":             6,
-      "controlMinWidth": 64,
-      "radius":          5,
-      "paddingX":        8,
-      "paddingY":        4,
-      "borderWidth":     1,
-      "toggleWidth":     30,
-      "toggleHeight":    16
-    },
-    "minimap": {
-      "width":       210,
-      "height":      150,
-      "margin":      14,
-      "radius":      10,
-      "padding":     10,
-      "borderWidth": 1,
-      "nodeRadius":  1.5
-    }
-  },
-  "typography": {
-    "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
-    "heading": {
-      "size":       12,
-      "weight":     700,
-      "lineHeight": 14,
-      "color":      "#FFFFFF",
-      "tracking":   0
-    },
-    "label": {
-      "size":       10,
-      "weight":     400,
-      "lineHeight": 11,
-      "color":      "#FFFFFF",
-      "tracking":   0
-    },
-    "comment": {
-      "size":       14,
-      "weight":     600,
-      "lineHeight": 18,
-      "color":      "#FFFFFF",
-      "tracking":   0
-    }
-  },
-  "effect": {
-    "headerInnerShadow": {
-      "offsetX": 0,
-      "offsetY": 3,
-      "blur":    6,
-      "color":   "rgba(255, 255, 255, 0.5)"
-    },
-    "pillInnerShadow": {
-      "offsetX": 0,
-      "offsetY": 4,
-      "blur":    4,
-      "color":   "rgba(255, 255, 255, 0.15)"
-    },
-    "headerBackdropBlur": 4,
-    "pillBackdropBlur":   2,
-    "headerHighlightGradient": "linear-gradient(180deg, #FFFFFF 14.29%, rgba(153, 153, 153, 0) 57.14%)",
-    "headerHighlightStroke": "linear-gradient(180deg, #FFFFFF 0%, rgba(153, 153, 153, 0) 100%)",
-    "nodeDropShadow": {
-      "offsetX": 0,
-      "offsetY": 8,
-      "blur":    18,
-      "color":   "rgba(0, 0, 0, 0.85)"
-    }
-  },
-  "background": {
-    "color": "#1A1A1A",
-    "grid": {
-      "kind":    "dots",
-      "spacing": 24,
-      "size":    1,
-      "color":   "rgba(255, 255, 255, 0.3)"
-    }
-  },
-  "edgeRouting": {
-    "rule": "edgeColorFollowsSourcePinType",
-    "note": "Invariant: every edge inherits the colour of its source pin's type. Per-edge overrides are allowed but discouraged outside special UI states (e.g. error highlighting)."
-  }
-}