@xenolithengine/graph-theme-liquid-glass 0.7.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 strelok2012
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# @xenolithengine/graph-theme-liquid-glass
+
+[![BETA](https://img.shields.io/badge/status-BETA-FCB400?style=flat-square)](https://github.com/XenolithEngine/xenolith-graph#status)
+[![MIT](https://img.shields.io/badge/license-MIT-FCB400?style=flat-square)](https://github.com/XenolithEngine/xenolith-graph/blob/main/LICENSE)
+
+Liquid Glass theme for XenolithGraph — Apple WWDC25-inspired translucent material with per-node backdrop refraction, gaussian blur, and a vertical tint, sitting over a radial-gradient navy canvas.
+
+> **Beta** — public API in `STABLE-API.md` is the surface we plan to freeze, but it is **NOT frozen yet** — breaking changes can land at any point before v1.0. If you adopt now, pin an exact version.
+
+Part of [XenolithGraph](https://github.com/XenolithEngine/xenolith-graph) — an AI-native, embeddable node-graph editor for the web with its own visual design language (Xen).
+
+## Install
+
+```bash
+pnpm add @xenolithengine/graph-theme-liquid-glass pixi.js
+```
+
+Peer dependency: `pixi.js@^8.6.0`.
+
+## Usage
+
+```ts
+import { XenolithEditor } from '@xenolithengine/graph-editor'
+import { liquidGlassTheme } from '@xenolithengine/graph-theme-liquid-glass'
+
+const editor = await XenolithEditor.init('#graph', { theme: liquidGlassTheme })
+
+// or swap at runtime
+editor.setTheme(liquidGlassTheme)
+```
+
+## What's exported
+
+- `liquidGlassTheme` — drop-in `XenolithTheme`
+- `liquidGlassTokens` — token map for further overrides via `mergeTheme`
+
+## Docs
+
+- [Theming guide](https://xenolithengine.github.io/xenolith-graph/guides/api/)
+- [GitHub](https://github.com/XenolithEngine/xenolith-graph)
+
+MIT © XenolithEngine

package/dist/backdrop.d.ts

@@ -0,0 +1,14 @@
+import { Container } from 'pixi.js';
+import type { XenTokens } from '@xenolithengine/graph-theme-xen';
+/**
+ * Liquid Glass canvas backdrop — a radial gradient rendered into a Canvas2D ImageBitmap and
+ * wrapped as a PIXI Sprite. The shader-driven node bodies sample this through the editor's
+ * per-frame backdrop RenderTexture, so a gradient backdrop gives the glass a natural cool/warm
+ * play instead of a uniform dark slab.
+ *
+ * Canvas2D path is used (rather than PIXI FillGradient + Graphics.rect) because the latter's
+ * radial fills don't reliably cover an 8000×8000 quad in PIXI v8 — the texture-space gradient
+ * renders empty/clipped in that case. A pre-baked Canvas2D bitmap is bulletproof.
+ */
+export declare function createLiquidGlassBackdrop(tokens: XenTokens): Container;
+//# sourceMappingURL=backdrop.d.ts.map

package/dist/backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../src/backdrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAEhE;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAmCtE"}

package/dist/backdrop.js

@@ -0,0 +1,42 @@
+import { Container, Sprite, Texture } from 'pixi.js';
+import { createGridSprite } from '@xenolithengine/graph-render-pixi';
+/**
+ * Liquid Glass canvas backdrop — a radial gradient rendered into a Canvas2D ImageBitmap and
+ * wrapped as a PIXI Sprite. The shader-driven node bodies sample this through the editor's
+ * per-frame backdrop RenderTexture, so a gradient backdrop gives the glass a natural cool/warm
+ * play instead of a uniform dark slab.
+ *
+ * Canvas2D path is used (rather than PIXI FillGradient + Graphics.rect) because the latter's
+ * radial fills don't reliably cover an 8000×8000 quad in PIXI v8 — the texture-space gradient
+ * renders empty/clipped in that case. A pre-baked Canvas2D bitmap is bulletproof.
+ */
+export function createLiquidGlassBackdrop(tokens) {
+    const root = new Container({ label: 'liquid-glass-backdrop' });
+    // Bake a 2048-px radial gradient bitmap once at theme creation. Stretched to 8000 px in
+    // world space; smoothing keeps the gradient soft even when zoomed in.
+    const BAKE_SIZE = 2048;
+    const cnv = document.createElement('canvas');
+    cnv.width = BAKE_SIZE;
+    cnv.height = BAKE_SIZE;
+    const ctx = cnv.getContext('2d');
+    const grad = ctx.createRadialGradient(BAKE_SIZE / 2, BAKE_SIZE / 2, 0, BAKE_SIZE / 2, BAKE_SIZE / 2, BAKE_SIZE * 0.55);
+    grad.addColorStop(0, '#1D3573');
+    grad.addColorStop(1, '#112558');
+    ctx.fillStyle = grad;
+    ctx.fillRect(0, 0, BAKE_SIZE, BAKE_SIZE);
+    const texture = Texture.from(cnv);
+    const sprite = new Sprite(texture);
+    const WORLD_SIZE = 8000;
+    sprite.width = WORLD_SIZE;
+    sprite.height = WORLD_SIZE;
+    sprite.anchor.set(0.5);
+    sprite.position.set(0, 0);
+    root.addChild(sprite);
+    // Dot grid overlaid on the gradient — preserves the "graph editor canvas" feel while still
+    // letting the radial backdrop show through. Uses the same `createGridSprite` machinery as the
+    // Xen theme so the dot spacing/size is consistent.
+    const grid = createGridSprite(tokens);
+    root.addChild(grid);
+    return root;
+}
+//# sourceMappingURL=backdrop.js.map

package/dist/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../src/backdrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAGpE;;;;;;;;;GASG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAAiB;IACzD,MAAM,IAAI,GAAG,IAAI,SAAS,CAAC,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,CAAA;IAE9D,wFAAwF;IACxF,sEAAsE;IACtE,MAAM,SAAS,GAAG,IAAI,CAAA;IACtB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC5C,GAAG,CAAC,KAAK,GAAG,SAAS,CAAA;IACrB,GAAG,CAAC,MAAM,GAAG,SAAS,CAAA;IACtB,MAAM,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,IAAI,CAAE,CAAA;IACjC,MAAM,IAAI,GAAG,GAAG,CAAC,oBAAoB,CACnC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,CAAC,EAC/B,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAC/C,CAAA;IACD,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IAC/B,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IAC/B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;IACpB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;IAExC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACjC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,IAAI,CAAA;IACvB,MAAM,CAAC,KAAK,GAAG,UAAU,CAAA;IACzB,MAAM,CAAC,MAAM,GAAG,UAAU,CAAA;IAC1B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACtB,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACzB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAErB,2FAA2F;IAC3F,8FAA8F;IAC9F,mDAAmD;IACnD,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEnB,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/glass-shader.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Liquid Glass body shader — direct port of dashersw/liquid-glass-js's fragment shader, adapted
+ * to PIXI v8 Mesh rendering. Their algorithm + parameter set 1:1; only the texture-coord
+ * derivation differs because PIXI Mesh draws at world position (not as a full-screen quad).
+ *
+ * Algorithm (per fragment):
+ *  1. Compute textureCoord = stage_pixel_position / backdrop_size (the dashersw equivalent of
+ *     `(container_center + (uv - 0.5) * container_size) / texture_size`).
+ *  2. Rounded-rect SDF → distFromEdgeShape + shape normal.
+ *  3. Three exponential-falloff refraction bands (base/edge/rim) blended by per-band intensity,
+ *     plus a corner-boost spike and a ripple effect for life. Sum → refraction offset in UV.
+ *  4. 13×13 circular gaussian blur on the backdrop, centred at the refracted UV.
+ *  5. Vertical white→grey gradient tint mixed into the blurred backdrop at `tintOpacity`.
+ *  6. Rounded-rect AA mask written to alpha.
+ *
+ * Parameters match dashersw's tuned defaults (Edge Intensity 0.01, Rim Intensity 0.05, etc.) —
+ * those landed Apple-grade on a forest backdrop, so we use them verbatim and only tune the
+ * canvas later for our darker context.
+ */
+export declare const glassVertexGLSL = "\nin vec2 aPosition;\nout vec2 vLocal;\nout vec2 vStagePixel;\n\nuniform mat3 uProjectionMatrix;\nuniform mat3 uWorldTransformMatrix;\nuniform mat3 uTransformMatrix;\n\nvoid main() {\n  vLocal = aPosition;\n  mat3 stage = uWorldTransformMatrix * uTransformMatrix;\n  vStagePixel = (stage * vec3(aPosition, 1.0)).xy;\n  mat3 mvp = uProjectionMatrix * stage;\n  gl_Position = vec4((mvp * vec3(aPosition, 1.0)).xy, 0.0, 1.0);\n}\n";
+export declare const glassFragmentGLSL = "\nin vec2 vLocal;\nin vec2 vStagePixel;\n\nuniform sampler2D uBackdropTex;\nuniform vec2  uBackdropSize;      // dashersw u_textureSize\nuniform vec2  uSize;              // dashersw u_resolution (container px size)\nuniform float uBorderRadius;\nuniform float uBlurRadius;\nuniform float uEdgeIntensity;\nuniform float uRimIntensity;\nuniform float uBaseIntensity;\nuniform float uEdgeDistance;\nuniform float uRimDistance;\nuniform float uBaseDistance;\nuniform float uCornerBoost;\nuniform float uRippleEffect;\nuniform float uTintOpacity;\nuniform float uWarp;\n\nfloat roundedRectDistance(vec2 coord, vec2 size, float radius) {\n  vec2 center = size * 0.5;\n  vec2 pixelCoord = coord * size;\n  vec2 toCorner = abs(pixelCoord - center) - (center - radius);\n  float outsideCorner = length(max(toCorner, 0.0));\n  float insideCorner = min(max(toCorner.x, toCorner.y), 0.0);\n  return outsideCorner + insideCorner - radius;\n}\n\nvoid main() {\n  // Mesh-local UV in [0,1] for the rounded-rect math (dashersw equivalent: coord).\n  vec2 coord = vLocal / uSize;\n\n  // PIXI port of dashersw textureCoord = pagePixel / textureSize. PIXI Mesh pipeline already\n  // gives us the fragment stage-pixel position via worldTransform * aPosition.\n  vec2 textureCoord = vStagePixel / uBackdropSize;\n\n  // ----- shape + normal -------------------------------------------------------------------\n  float distFromEdgeShape = -roundedRectDistance(coord, uSize, uBorderRadius);\n  distFromEdgeShape = max(distFromEdgeShape, 0.0);\n  vec2 shapeNormal = normalize(coord - vec2(0.5));\n\n  float distFromLeft   = coord.x;\n  float distFromRight  = 1.0 - coord.x;\n  float distFromTop    = coord.y;\n  float distFromBottom = 1.0 - coord.y;\n  float distFromEdge   = distFromEdgeShape / min(uSize.x, uSize.y);\n\n  // ----- refraction (3 exponential bands + corner boost + ripple) -------------------------\n  float normalizedDistance = distFromEdge * min(uSize.x, uSize.y);\n  float baseIntensity = 1.0 - exp(-normalizedDistance * uBaseDistance);\n  float edgeIntensity = exp(-normalizedDistance * uEdgeDistance);\n  float rimIntensity  = exp(-normalizedDistance * uRimDistance);\n\n  float baseComponent = uWarp > 0.5 ? baseIntensity * uBaseIntensity : 0.0;\n  float totalIntensity = baseComponent + edgeIntensity * uEdgeIntensity + rimIntensity * uRimIntensity;\n  vec2 baseRefraction = shapeNormal * totalIntensity;\n\n  float cornerProximityX = min(distFromLeft, distFromRight);\n  float cornerProximityY = min(distFromTop, distFromBottom);\n  float cornerDistance = max(cornerProximityX, cornerProximityY);\n  float cornerNormalized = cornerDistance * min(uSize.x, uSize.y);\n  float cornerBoost = exp(-cornerNormalized * 0.3) * uCornerBoost;\n  vec2 cornerRefraction = shapeNormal * cornerBoost;\n\n  vec2 perpendicular = vec2(-shapeNormal.y, shapeNormal.x);\n  float ripple = sin(distFromEdge * 25.0) * uRippleEffect * rimIntensity;\n  vec2 textureRefraction = perpendicular * ripple;\n\n  vec2 totalRefraction = baseRefraction + cornerRefraction + textureRefraction;\n  textureCoord += totalRefraction;\n\n  // ----- 13x13 circular gaussian blur on backdrop ----------------------------------------\n  vec4 color = vec4(0.0);\n  vec2 texelSize = 1.0 / uBackdropSize;\n  float sigma = uBlurRadius / 2.0;\n  vec2 blurStep = texelSize * sigma;\n  float totalWeight = 0.0;\n\n  for (float i = -6.0; i <= 6.0; i += 1.0) {\n    for (float j = -6.0; j <= 6.0; j += 1.0) {\n      float dist = length(vec2(i, j));\n      if (dist > 6.0) continue;\n      float weight = exp(-(dist * dist) / (2.0 * sigma * sigma));\n      vec2 offset = vec2(i, j) * blurStep;\n      color += texture2D(uBackdropTex, textureCoord + offset) * weight;\n      totalWeight += weight;\n    }\n  }\n  color /= totalWeight;\n\n  // ----- vertical gradient tint -----------------------------------------------------------\n  // Cool-shifted tint so the glass picks up the navy backdrop's character. Top is near-white\n  // (slightly cool), bottom drifts toward a desaturated blue-grey \u2014 gives the body the WWDC25\n  // \"cool glass over blue\" look without overpowering the actual backdrop sample beneath.\n  float gradientPosition = coord.y;\n  vec3 topTint = vec3(0.96, 0.98, 1.0);\n  vec3 bottomTint = vec3(0.62, 0.72, 0.88);\n  vec3 gradientTint = mix(topTint, bottomTint, gradientPosition);\n  color.rgb = mix(color.rgb, gradientTint, uTintOpacity);\n\n  // ----- rounded-rect AA mask -------------------------------------------------------------\n  // Discard fragments well outside the rounded silhouette so the mesh quad doesn't leave\n  // a faint rectangular halo from accumulated blur/refraction samples blending under alpha=0.\n  float maskDistance = roundedRectDistance(coord, uSize, uBorderRadius);\n  if (maskDistance > 1.0) discard;\n  float mask = 1.0 - smoothstep(-1.0, 1.0, maskDistance);\n\n  gl_FragColor = vec4(color.rgb, mask);\n}\n";
+//# sourceMappingURL=glass-shader.d.ts.map

package/dist/glass-shader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-shader.d.ts","sourceRoot":"","sources":["../src/glass-shader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,eAAe,gbAgB3B,CAAA;AAED,eAAO,MAAM,iBAAiB,8zJA8G7B,CAAA"}

package/dist/glass-shader.js

@@ -0,0 +1,148 @@
+/**
+ * Liquid Glass body shader — direct port of dashersw/liquid-glass-js's fragment shader, adapted
+ * to PIXI v8 Mesh rendering. Their algorithm + parameter set 1:1; only the texture-coord
+ * derivation differs because PIXI Mesh draws at world position (not as a full-screen quad).
+ *
+ * Algorithm (per fragment):
+ *  1. Compute textureCoord = stage_pixel_position / backdrop_size (the dashersw equivalent of
+ *     `(container_center + (uv - 0.5) * container_size) / texture_size`).
+ *  2. Rounded-rect SDF → distFromEdgeShape + shape normal.
+ *  3. Three exponential-falloff refraction bands (base/edge/rim) blended by per-band intensity,
+ *     plus a corner-boost spike and a ripple effect for life. Sum → refraction offset in UV.
+ *  4. 13×13 circular gaussian blur on the backdrop, centred at the refracted UV.
+ *  5. Vertical white→grey gradient tint mixed into the blurred backdrop at `tintOpacity`.
+ *  6. Rounded-rect AA mask written to alpha.
+ *
+ * Parameters match dashersw's tuned defaults (Edge Intensity 0.01, Rim Intensity 0.05, etc.) —
+ * those landed Apple-grade on a forest backdrop, so we use them verbatim and only tune the
+ * canvas later for our darker context.
+ */
+export const glassVertexGLSL = /* glsl */ `
+in vec2 aPosition;
+out vec2 vLocal;
+out vec2 vStagePixel;
+
+uniform mat3 uProjectionMatrix;
+uniform mat3 uWorldTransformMatrix;
+uniform mat3 uTransformMatrix;
+
+void main() {
+  vLocal = aPosition;
+  mat3 stage = uWorldTransformMatrix * uTransformMatrix;
+  vStagePixel = (stage * vec3(aPosition, 1.0)).xy;
+  mat3 mvp = uProjectionMatrix * stage;
+  gl_Position = vec4((mvp * vec3(aPosition, 1.0)).xy, 0.0, 1.0);
+}
+`;
+export const glassFragmentGLSL = /* glsl */ `
+in vec2 vLocal;
+in vec2 vStagePixel;
+
+uniform sampler2D uBackdropTex;
+uniform vec2  uBackdropSize;      // dashersw u_textureSize
+uniform vec2  uSize;              // dashersw u_resolution (container px size)
+uniform float uBorderRadius;
+uniform float uBlurRadius;
+uniform float uEdgeIntensity;
+uniform float uRimIntensity;
+uniform float uBaseIntensity;
+uniform float uEdgeDistance;
+uniform float uRimDistance;
+uniform float uBaseDistance;
+uniform float uCornerBoost;
+uniform float uRippleEffect;
+uniform float uTintOpacity;
+uniform float uWarp;
+
+float roundedRectDistance(vec2 coord, vec2 size, float radius) {
+  vec2 center = size * 0.5;
+  vec2 pixelCoord = coord * size;
+  vec2 toCorner = abs(pixelCoord - center) - (center - radius);
+  float outsideCorner = length(max(toCorner, 0.0));
+  float insideCorner = min(max(toCorner.x, toCorner.y), 0.0);
+  return outsideCorner + insideCorner - radius;
+}
+
+void main() {
+  // Mesh-local UV in [0,1] for the rounded-rect math (dashersw equivalent: coord).
+  vec2 coord = vLocal / uSize;
+
+  // PIXI port of dashersw textureCoord = pagePixel / textureSize. PIXI Mesh pipeline already
+  // gives us the fragment stage-pixel position via worldTransform * aPosition.
+  vec2 textureCoord = vStagePixel / uBackdropSize;
+
+  // ----- shape + normal -------------------------------------------------------------------
+  float distFromEdgeShape = -roundedRectDistance(coord, uSize, uBorderRadius);
+  distFromEdgeShape = max(distFromEdgeShape, 0.0);
+  vec2 shapeNormal = normalize(coord - vec2(0.5));
+
+  float distFromLeft   = coord.x;
+  float distFromRight  = 1.0 - coord.x;
+  float distFromTop    = coord.y;
+  float distFromBottom = 1.0 - coord.y;
+  float distFromEdge   = distFromEdgeShape / min(uSize.x, uSize.y);
+
+  // ----- refraction (3 exponential bands + corner boost + ripple) -------------------------
+  float normalizedDistance = distFromEdge * min(uSize.x, uSize.y);
+  float baseIntensity = 1.0 - exp(-normalizedDistance * uBaseDistance);
+  float edgeIntensity = exp(-normalizedDistance * uEdgeDistance);
+  float rimIntensity  = exp(-normalizedDistance * uRimDistance);
+
+  float baseComponent = uWarp > 0.5 ? baseIntensity * uBaseIntensity : 0.0;
+  float totalIntensity = baseComponent + edgeIntensity * uEdgeIntensity + rimIntensity * uRimIntensity;
+  vec2 baseRefraction = shapeNormal * totalIntensity;
+
+  float cornerProximityX = min(distFromLeft, distFromRight);
+  float cornerProximityY = min(distFromTop, distFromBottom);
+  float cornerDistance = max(cornerProximityX, cornerProximityY);
+  float cornerNormalized = cornerDistance * min(uSize.x, uSize.y);
+  float cornerBoost = exp(-cornerNormalized * 0.3) * uCornerBoost;
+  vec2 cornerRefraction = shapeNormal * cornerBoost;
+
+  vec2 perpendicular = vec2(-shapeNormal.y, shapeNormal.x);
+  float ripple = sin(distFromEdge * 25.0) * uRippleEffect * rimIntensity;
+  vec2 textureRefraction = perpendicular * ripple;
+
+  vec2 totalRefraction = baseRefraction + cornerRefraction + textureRefraction;
+  textureCoord += totalRefraction;
+
+  // ----- 13x13 circular gaussian blur on backdrop ----------------------------------------
+  vec4 color = vec4(0.0);
+  vec2 texelSize = 1.0 / uBackdropSize;
+  float sigma = uBlurRadius / 2.0;
+  vec2 blurStep = texelSize * sigma;
+  float totalWeight = 0.0;
+
+  for (float i = -6.0; i <= 6.0; i += 1.0) {
+    for (float j = -6.0; j <= 6.0; j += 1.0) {
+      float dist = length(vec2(i, j));
+      if (dist > 6.0) continue;
+      float weight = exp(-(dist * dist) / (2.0 * sigma * sigma));
+      vec2 offset = vec2(i, j) * blurStep;
+      color += texture2D(uBackdropTex, textureCoord + offset) * weight;
+      totalWeight += weight;
+    }
+  }
+  color /= totalWeight;
+
+  // ----- vertical gradient tint -----------------------------------------------------------
+  // Cool-shifted tint so the glass picks up the navy backdrop's character. Top is near-white
+  // (slightly cool), bottom drifts toward a desaturated blue-grey — gives the body the WWDC25
+  // "cool glass over blue" look without overpowering the actual backdrop sample beneath.
+  float gradientPosition = coord.y;
+  vec3 topTint = vec3(0.96, 0.98, 1.0);
+  vec3 bottomTint = vec3(0.62, 0.72, 0.88);
+  vec3 gradientTint = mix(topTint, bottomTint, gradientPosition);
+  color.rgb = mix(color.rgb, gradientTint, uTintOpacity);
+
+  // ----- rounded-rect AA mask -------------------------------------------------------------
+  // Discard fragments well outside the rounded silhouette so the mesh quad doesn't leave
+  // a faint rectangular halo from accumulated blur/refraction samples blending under alpha=0.
+  float maskDistance = roundedRectDistance(coord, uSize, uBorderRadius);
+  if (maskDistance > 1.0) discard;
+  float mask = 1.0 - smoothstep(-1.0, 1.0, maskDistance);
+
+  gl_FragColor = vec4(color.rgb, mask);
+}
+`;
+//# sourceMappingURL=glass-shader.js.map

package/dist/glass-shader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-shader.js","sourceRoot":"","sources":["../src/glass-shader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8G3C,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import type { XenolithTheme } from '@xenolithengine/graph-render-pixi';
+/**
+ * Liquid Glass theme — Apple WWDC25 material aesthetic applied to nodes.
+ *
+ * Custom PIXI v8 Mesh + GLSL material per node body (see `render-node.ts` + `glass-shader.ts`).
+ * Each frame the editor renders the world (minus the nodes layer) into a backdrop RenderTexture
+ * via `needsBackdrop: true`; every glass body samples that texture through its shader with
+ * edge-localised refraction, gaussian blur, and a vertical tint. Sits over a radial-gradient
+ * navy canvas with a soft dot grid (`createGrid` override).
+ */
+export declare const liquidGlassTheme: XenolithTheme;
+export { liquidGlassTokens } from './tokens.js';
+export declare const VERSION = "0.7.0-beta.0";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAWtE;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAqC9B,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,OAAO,iBAAiB,CAAA"}

package/dist/index.js

@@ -0,0 +1,54 @@
+import { liquidGlassTokens } from './tokens.js';
+import { renderNodeLiquidGlass, renderRerouteLiquidGlass, renderRerouteNodeBoxLiquidGlass, syncLiquidGlassBackdropSize, syncLiquidGlassBackdropTexture, } from './render-node.js';
+import { createLiquidGlassBackdrop } from './backdrop.js';
+/**
+ * Liquid Glass theme — Apple WWDC25 material aesthetic applied to nodes.
+ *
+ * Custom PIXI v8 Mesh + GLSL material per node body (see `render-node.ts` + `glass-shader.ts`).
+ * Each frame the editor renders the world (minus the nodes layer) into a backdrop RenderTexture
+ * via `needsBackdrop: true`; every glass body samples that texture through its shader with
+ * edge-localised refraction, gaussian blur, and a vertical tint. Sits over a radial-gradient
+ * navy canvas with a soft dot grid (`createGrid` override).
+ */
+export const liquidGlassTheme = {
+    id: 'liquid-glass',
+    tokens: liquidGlassTokens,
+    needsBackdrop: true,
+    // Disabled for now: the freeze/unfreeze at gesture start/end causes a hitch that hurts
+    // smoothness more than the per-frame glass cost. Revisit with proper LOD/virtualization (#59).
+    freezeOnNavigate: false,
+    // Glass nodes are far heavier per node than flat Xen ones (per-node backdrop RTs + the refraction
+    // shader), so the GPU ceiling is hit at fewer nodes — virtualize earlier than the 300 default.
+    virtualizeThreshold: 150,
+    // Comment header mirrors the LG node header: a flat accent tint over the (non-glass) comment body.
+    commentHeaderStyle: 'tint',
+    // CSS frosted-glass approximation for DOM chrome (insert palette). Translucent cool-white
+    // panel + heavy backdrop blur + luminous 1px rim + soft inner highlight — the WWDC25 look
+    // without the backdrop-sampling shader (overkill for chrome).
+    paletteStyle: {
+        backdropFilter: 'blur(18px) saturate(160%)',
+        panelBackground: 'rgba(28, 42, 74, 0.55)',
+        panelBorder: 'rgba(255, 255, 255, 0.28)',
+        panelShadow: '0 16px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35)',
+        panelRadius: '16px',
+        textColor: 'rgba(255, 255, 255, 0.95)',
+        mutedColor: 'rgba(220, 232, 255, 0.6)',
+        accent: '#9AD6E3',
+        rowSelectedBackground: 'rgba(255, 255, 255, 0.16)',
+        inputBackground: 'rgba(255, 255, 255, 0.1)',
+        inputBorder: 'rgba(255, 255, 255, 0.22)',
+    },
+    renderNode: (node, opts, ctx) => renderNodeLiquidGlass(node, liquidGlassTokens, opts, ctx),
+    renderReroute: (node, opts, ctx) => renderRerouteLiquidGlass(node, liquidGlassTokens, opts, ctx),
+    renderRerouteNode: (node, opts, ctx) => renderRerouteNodeBoxLiquidGlass(node, liquidGlassTokens, opts, ctx),
+    createGrid: () => createLiquidGlassBackdrop(liquidGlassTokens),
+    onFrame: (ctx) => {
+        const tex = ctx.backdropTexture;
+        if (tex)
+            syncLiquidGlassBackdropSize(tex.width, tex.height);
+    },
+    onNodeBackdrop: (nodeId, texture) => syncLiquidGlassBackdropTexture(nodeId, texture),
+};
+export { liquidGlassTokens } from './tokens.js';
+export const VERSION = '0.7.0-beta.0';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,+BAA+B,EAC/B,2BAA2B,EAC3B,8BAA8B,GAC/B,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAEzD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAkB;IAC7C,EAAE,EAAE,cAAc;IAClB,MAAM,EAAE,iBAAiB;IACzB,aAAa,EAAE,IAAI;IACnB,uFAAuF;IACvF,+FAA+F;IAC/F,gBAAgB,EAAE,KAAK;IACvB,kGAAkG;IAClG,+FAA+F;IAC/F,mBAAmB,EAAE,GAAG;IACxB,mGAAmG;IACnG,kBAAkB,EAAE,MAAM;IAC1B,0FAA0F;IAC1F,0FAA0F;IAC1F,8DAA8D;IAC9D,YAAY,EAAE;QACZ,cAAc,EAAS,2BAA2B;QAClD,eAAe,EAAQ,wBAAwB;QAC/C,WAAW,EAAY,2BAA2B;QAClD,WAAW,EAAY,0EAA0E;QACjG,WAAW,EAAY,MAAM;QAC7B,SAAS,EAAc,2BAA2B;QAClD,UAAU,EAAa,0BAA0B;QACjD,MAAM,EAAiB,SAAS;QAChC,qBAAqB,EAAE,2BAA2B;QAClD,eAAe,EAAQ,0BAA0B;QACjD,WAAW,EAAY,2BAA2B;KACnD;IACD,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,qBAAqB,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,CAAC;IAC1F,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,CAAC;IAChG,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,+BAA+B,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,CAAC;IAC3G,UAAU,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC;IAC9D,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAA;QAC/B,IAAI,GAAG;YAAE,2BAA2B,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC7D,CAAC;IACD,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,8BAA8B,CAAC,MAAM,EAAE,OAAO,CAAC;CACrF,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAA"}

package/dist/render-node.d.ts

@@ -0,0 +1,18 @@
+import { type TextureSource } from 'pixi.js';
+import type { Node } from '@xenolithengine/graph-core';
+import type { XenTokens } from '@xenolithengine/graph-theme-xen';
+import { type NodeView, type RenderNodeOptions, type ThemeRenderContext } from '@xenolithengine/graph-render-pixi';
+export declare function syncLiquidGlassBackdropSize(w: number, h: number): void;
+/** Editor's painter's-order pass calls this per overlapping node to swap that node's mesh
+ *  shader resources to point at the freshly rendered personal backdrop. `source = null` reverts
+ *  to whatever the per-frame `onFrame` hook would otherwise sync (shared backdrop). */
+export declare function syncLiquidGlassBackdropTexture(nodeId: string, source: TextureSource | null): void;
+export declare function renderNodeLiquidGlass(node: Node, tokens: XenTokens, opts?: RenderNodeOptions, ctx?: ThemeRenderContext): NodeView;
+/** Liquid Glass reroute knot — a glass disc. The glass shader draws a rounded rect; with a square
+ *  the size of the dot and a corner radius equal to half its side, that rounded rect is a perfect
+ *  circle that refracts the backdrop just like a full node. */
+export declare function renderRerouteLiquidGlass(node: Node, tokens: XenTokens, opts?: RenderNodeOptions, ctx?: ThemeRenderContext): NodeView;
+/** Liquid Glass palette Reroute node — a compact glass body with pullable In/Out pins. Mirrors the
+ *  Xen `renderRerouteNodeBox` but with the glass material. */
+export declare function renderRerouteNodeBoxLiquidGlass(node: Node, tokens: XenTokens, opts?: RenderNodeOptions, ctx?: ThemeRenderContext): NodeView;
+//# sourceMappingURL=render-node.d.ts.map

package/dist/render-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-node.d.ts","sourceRoot":"","sources":["../src/render-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAcL,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAWL,KAAK,QAAQ,EAEb,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EAExB,MAAM,mCAAmC,CAAA;AAe1C,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAQtE;AAED;;uFAEuF;AACvF,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,aAAa,GAAG,IAAI,GAC3B,IAAI,CAeN;AAiFD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,EACjB,IAAI,GAAE,iBAAsB,EAC5B,GAAG,GAAE,kBAA8C,GAClD,QAAQ,CAySV;AAED;;+DAE+D;AAC/D,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,EACjB,IAAI,GAAE,iBAAsB,EAC5B,GAAG,GAAE,kBAA8C,GAClD,QAAQ,CAsDV;AAED;8DAC8D;AAC9D,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,EACjB,IAAI,GAAE,iBAAsB,EAC5B,GAAG,GAAE,kBAA8C,GAClD,QAAQ,CA0DV"}

package/dist/render-node.js

@@ -0,0 +1,532 @@
+import { CanvasTextMetrics, Circle, Container, Geometry, Graphics, Mesh, Rectangle, Shader, BitmapText, Text, TextStyle, Texture, } from 'pixi.js';
+import { computeNodeLayout, makeHeaderIcon, buildPinShape, markPinInteractive, renderWidgets, rerouteStateColor, resolveCategoryAccent, resolvePinFill, resolvePinShape, resolvePinStroke, } from '@xenolithengine/graph-render-pixi';
+import { glassFragmentGLSL, glassVertexGLSL } from './glass-shader.js';
+const liveGlassMeshes = new Set();
+const meshesByNode = new Map();
+export function syncLiquidGlassBackdropSize(w, h) {
+    for (const entry of liveGlassMeshes) {
+        const group = entry.shader.resources['glassUniforms'];
+        if (!group)
+            continue;
+        const arr = group.uniforms.uBackdropSize;
+        if (arr && arr[0] === w && arr[1] === h)
+            continue;
+        group.uniforms.uBackdropSize = new Float32Array([w, h]);
+    }
+}
+/** Editor's painter's-order pass calls this per overlapping node to swap that node's mesh
+ *  shader resources to point at the freshly rendered personal backdrop. `source = null` reverts
+ *  to whatever the per-frame `onFrame` hook would otherwise sync (shared backdrop). */
+export function syncLiquidGlassBackdropTexture(nodeId, source) {
+    const set = meshesByNode.get(nodeId);
+    if (!set)
+        return;
+    for (const entry of set) {
+        entry.shader.resources['uBackdropTex'] = source ?? Texture.WHITE.source;
+        if (source) {
+            const group = entry.shader.resources['glassUniforms'];
+            if (group) {
+                const arr = group.uniforms.uBackdropSize;
+                if (!arr || arr[0] !== source.width || arr[1] !== source.height) {
+                    group.uniforms.uBackdropSize = new Float32Array([source.width, source.height]);
+                }
+            }
+        }
+    }
+}
+/** Build one glass-material mesh sized to (w, h). The fragment shader samples
+ *  `ctx.backdropTexture` (a per-frame snapshot of the world minus nodes) via screen UV, with
+ *  refraction-offset taps, to give the body a real "see through frosted glass" feel. */
+function createGlassMesh(nodeId, w, h, radius, _tokens, backdropTexture) {
+    const geometry = new Geometry({
+        attributes: {
+            aPosition: [0, 0, w, 0, w, h, 0, h],
+        },
+        indexBuffer: [0, 1, 2, 0, 2, 3],
+    });
+    // Backdrop texture must be a Texture instance (not raw TextureSource) for PIXI's resource
+    // binding to wrap it correctly. Fall back to white pixel if no backdrop is available yet.
+    const backdrop = backdropTexture
+        ? new Texture({ source: backdropTexture })
+        : Texture.WHITE;
+    const bdWidth = backdropTexture ? backdropTexture.width : 1;
+    const bdHeight = backdropTexture ? backdropTexture.height : 1;
+    // dashersw/liquid-glass-js defaults (their tuned values from container.js):
+    //   blurRadius: 5.0, edgeIntensity: 0.01, rimIntensity: 0.05, baseIntensity: 0.01,
+    //   edgeDistance: 0.15, rimDistance: 0.8, baseDistance: 0.1, cornerBoost: 0.02,
+    //   rippleEffect: 0.1, tintOpacity: 0.2, warp: 0 (off)
+    const shader = Shader.from({
+        gl: { vertex: glassVertexGLSL, fragment: glassFragmentGLSL },
+        resources: {
+            uBackdropTex: backdrop.source,
+            glassUniforms: {
+                uSize: { value: new Float32Array([w, h]), type: 'vec2<f32>' },
+                uBorderRadius: { value: radius, type: 'f32' },
+                uBackdropSize: { value: new Float32Array([bdWidth, bdHeight]), type: 'vec2<f32>' },
+                uBlurRadius: { value: 5.0, type: 'f32' },
+                uEdgeIntensity: { value: 0.01, type: 'f32' },
+                uRimIntensity: { value: 0.05, type: 'f32' },
+                uBaseIntensity: { value: 0.01, type: 'f32' },
+                uEdgeDistance: { value: 0.15, type: 'f32' },
+                uRimDistance: { value: 0.8, type: 'f32' },
+                uBaseDistance: { value: 0.1, type: 'f32' },
+                uCornerBoost: { value: 0.02, type: 'f32' },
+                uRippleEffect: { value: 0.1, type: 'f32' },
+                uTintOpacity: { value: 0.2, type: 'f32' },
+                uWarp: { value: 0.0, type: 'f32' },
+            },
+        },
+    });
+    const mesh = new Mesh({ geometry, shader });
+    mesh.label = `liquid-glass-${w}x${h}`;
+    mesh.eventMode = 'static';
+    mesh.cursor = 'pointer';
+    mesh.hitArea = new Rectangle(0, 0, w, h);
+    const entry = { shader, nodeId };
+    liveGlassMeshes.add(entry);
+    let nodeSet = meshesByNode.get(nodeId);
+    if (!nodeSet) {
+        nodeSet = new Set();
+        meshesByNode.set(nodeId, nodeSet);
+    }
+    nodeSet.add(entry);
+    mesh.on('destroyed', () => {
+        liveGlassMeshes.delete(entry);
+        const s = meshesByNode.get(nodeId);
+        if (s) {
+            s.delete(entry);
+            if (s.size === 0)
+                meshesByNode.delete(nodeId);
+        }
+    });
+    return mesh;
+}
+export function renderNodeLiquidGlass(node, tokens, opts = {}, ctx = { backdropTexture: null }) {
+    const geo = tokens.geometry;
+    const layout = computeNodeLayout(node, {
+        node: {
+            minWidth: geo.node.minWidth,
+            headerHeight: geo.node.headerHeight,
+            headerPadding: geo.node.headerPadding,
+            innerPaddingX: geo.node.innerPaddingX,
+            innerPaddingY: geo.node.innerPaddingY,
+        },
+        pin: {
+            diameter: geo.pin.diameter,
+            rowSpacing: geo.pin.rowSpacing,
+            rowHeight: geo.pin.rowHeight,
+        },
+        header: { toPinsGap: geo.header.toPinsGap },
+    });
+    const expandedW = layout.body.width;
+    const expandedH = layout.body.height;
+    const expandedRadius = geo.node.radius;
+    const pillH = geo.node.pillHeight;
+    const pillR = geo.node.pillRadius;
+    // Pill width must fit the title (it sits at x=34) plus a trailing cap, not a fixed minimum —
+    // otherwise long titles like "Workflow Information" overflow the capsule.
+    const titleText = opts.title ?? node.type;
+    const titleW = CanvasTextMetrics.measureText(titleText, new TextStyle({ fontFamily: tokens.typography.fontFamily, fontSize: tokens.typography.heading.size, fontWeight: '700' })).width;
+    // A header glyph sits left or right of the title; the pill shifts/widens to fit it.
+    const glyph = opts.glyph;
+    const glyphSize = glyph ? Math.round(tokens.typography.heading.size + 1) : 0;
+    const leftGlyph = glyph?.side === 'left';
+    const rightGlyph = glyph?.side === 'right';
+    const pillTitleX = leftGlyph ? 34 + glyphSize + geo.header.titleGap : 34;
+    const pillTitleEndX = pillTitleX + titleW + (rightGlyph ? geo.header.titleGap + glyphSize : 0);
+    const pillW = Math.max(geo.node.pillMinWidth, pillTitleEndX + pillR);
+    // Xen canon: pill is vertically centred within the expanded body's bounds when collapsed.
+    // Canon: collapse UP to the header (pill at top), not to the vertical centre.
+    const pillOffsetY = 0;
+    const container = new Container({ label: `node-liquid-glass:${node.id}` });
+    container.position.set(node.position.x, node.position.y);
+    container.eventMode = 'static';
+    // ===== Two body meshes — expanded (full size) and pill (compact, vertically centred) =======
+    const nodeIdStr = String(node.id);
+    const expandedBody = createGlassMesh(nodeIdStr, expandedW, expandedH, expandedRadius, tokens, ctx.backdropTexture);
+    const pillBody = createGlassMesh(nodeIdStr, pillW, pillH, pillR, tokens, ctx.backdropTexture);
+    pillBody.position.set(0, pillOffsetY);
+    container.addChild(expandedBody);
+    container.addChild(pillBody);
+    // Clip each glass mesh to its exact rounded-rect silhouette. The shader's rounded-rect AA can
+    // leave the quad corners faintly square ("clipped" look); a hard mask guarantees crisp rounded
+    // corners — same fix proven on the reroute knots.
+    const expandedMask = new Graphics().roundRect(0, 0, expandedW, expandedH, expandedRadius).fill({ color: 0xffffff });
+    container.addChild(expandedMask);
+    expandedBody.mask = expandedMask;
+    const pillMask = new Graphics().roundRect(0, pillOffsetY, pillW, pillH, pillR).fill({ color: 0xffffff });
+    container.addChild(pillMask);
+    pillBody.mask = pillMask;
+    // ===== Inner content (header tint + pin labels + chevron+title for expanded form) ==========
+    const expandedInner = new Container({ label: 'expanded-inner' });
+    container.addChild(expandedInner);
+    const accent = opts.color ?? resolveCategoryAccent(opts.category, tokens, opts.categoryPalette);
+    const headerHeight = geo.node.headerHeight;
+    const headerRadius = Math.max(0, geo.node.radius - 1);
+    const headerTint = new Graphics()
+        .roundRect(2, 2, expandedW - 4, headerHeight - 1, headerRadius)
+        .fill({ color: accent, alpha: 0.45 });
+    expandedInner.addChild(headerTint);
+    // Collapsed pill carries the category accent across its whole body (the glass alone reads as
+    // "some node" — this is the type cue, mirroring the header tint of the expanded form). Only
+    // visible in pill form; sits above the glass, below the pill title.
+    const pillTint = new Graphics()
+        .roundRect(0, pillOffsetY, pillW, pillH, pillR)
+        .fill({ color: accent, alpha: 0.4 });
+    pillTint.visible = false;
+    container.addChild(pillTint);
+    const title = new BitmapText({
+        text: titleText,
+        style: {
+            fontFamily: tokens.typography.fontFamily,
+            fontSize: tokens.typography.heading.size,
+            fontWeight: '700',
+            fill: '#FFFFFF',
+        },
+    });
+    // Header glyph left or right of the title — same icons as Xen. Lives in expandedInner so it toggles
+    // away with the title in pill form.
+    const baseTitleX = geo.node.headerPadding + 8 + geo.header.chevronSize / 2 + geo.header.titleGap;
+    const titleX = leftGlyph ? baseTitleX + glyphSize + geo.header.titleGap : baseTitleX;
+    title.position.set(titleX, 4);
+    expandedInner.addChild(title);
+    if (glyph) {
+        // Centre the glyph's box on the title's optical middle so the glyph + text read on one line.
+        const icon = makeHeaderIcon(glyph.svg, '#FFFFFF', glyphSize);
+        const iconX = leftGlyph ? baseTitleX : expandedW - geo.node.headerPadding - glyphSize;
+        icon.position.set(iconX, title.position.y + title.height / 2 - glyphSize / 2);
+        expandedInner.addChild(icon);
+    }
+    // ===== Pill title — separate label only visible in collapsed form =========================
+    const pillTitle = new BitmapText({
+        text: titleText,
+        style: {
+            fontFamily: tokens.typography.fontFamily,
+            fontSize: tokens.typography.heading.size,
+            fontWeight: '700',
+            fill: '#FFFFFF',
+        },
+    });
+    pillTitle.position.set(pillTitleX, pillOffsetY + (pillH - tokens.typography.heading.lineHeight) / 2);
+    pillTitle.visible = false;
+    container.addChild(pillTitle);
+    // Pill glyph — same icon as the expanded header, centred on the pill title. Toggled with the pill
+    // form in applyForm (only present when this node has a glyph).
+    const pillIcon = glyph ? makeHeaderIcon(glyph.svg, '#FFFFFF', glyphSize) : null;
+    if (pillIcon) {
+        const pillIconX = leftGlyph ? 34 : pillTitleX + pillTitle.width + geo.header.titleGap;
+        pillIcon.position.set(pillIconX, pillTitle.position.y + pillTitle.height / 2 - glyphSize / 2);
+        pillIcon.visible = false;
+        container.addChild(pillIcon);
+    }
+    // ===== Chevron (toggle button) — drawn at origin, positioned per form. Matches Xen's
+    // `buildChevron` proportions (halfW = size*0.22, halfH = size*0.11) for a thin, crisp ‘v’.
+    const chevron = new Graphics();
+    const cs = geo.header.chevronSize;
+    const chevronHalfW = cs * 0.22;
+    const chevronHalfH = cs * 0.11;
+    chevron
+        .moveTo(-chevronHalfW, -chevronHalfH)
+        .lineTo(0, chevronHalfH)
+        .lineTo(chevronHalfW, -chevronHalfH)
+        .stroke({ color: '#FFFFFF', width: 1.2, cap: 'round', join: 'round' });
+    chevron.cursor = 'pointer';
+    chevron.eventMode = 'static';
+    chevron.hitArea = {
+        contains: (px, py) => Math.abs(px) <= cs / 2 && Math.abs(py) <= cs / 2,
+    };
+    container.addChild(chevron);
+    // ===== Pins + labels — built for expanded form; rebuilt on form change =====================
+    const expandedPinPositions = new Map();
+    const pinGraphics = [];
+    for (const pin of node.pins) {
+        const layoutPin = layout.pins.find((p) => p.id === pin.id);
+        if (!layoutPin)
+            continue;
+        const localX = layoutPin.x - node.position.x;
+        const localY = layoutPin.y - node.position.y;
+        expandedPinPositions.set(pin.id, { x: localX, y: localY });
+        const r = geo.pin.diameter / 2;
+        const g = buildPinShape(new Graphics(), resolvePinShape(String(pin.type), pin.kind, opts.types), localX, localY, r)
+            .fill({ color: resolvePinFill(String(pin.type), tokens, opts.types) })
+            .stroke({ color: resolvePinStroke(String(pin.type), tokens), width: geo.pin.stroke });
+        markPinInteractive(g, pin, String(node.id), localX, localY, r);
+        pinGraphics.push(g);
+        container.addChild(g);
+        if (pin.label) {
+            const lab = new BitmapText({
+                text: pin.label,
+                style: {
+                    fontFamily: tokens.typography.fontFamily,
+                    fontSize: tokens.typography.label.size,
+                    fontWeight: String(tokens.typography.label.weight),
+                    fill: 'rgba(255, 255, 255, 0.95)',
+                },
+            });
+            if (layoutPin.side === 'left') {
+                lab.anchor.set(0, 0.5);
+                lab.position.set(localX + r + geo.pin.labelGap, localY);
+            }
+            else {
+                lab.anchor.set(1, 0.5);
+                lab.position.set(localX - r - geo.pin.labelGap, localY);
+            }
+            expandedInner.addChild(lab);
+        }
+    }
+    // ===== Pill pin positions (computed once; applied on collapse) ============================
+    const pillPinPositions = computePillPinPositions(node, pillW, pillH, pillR, pillOffsetY);
+    // ===== Selection / hover ring =============================================================
+    const selectionRim = new Graphics();
+    selectionRim.alpha = 0;
+    container.addChild(selectionRim);
+    let visualState = opts.state ?? 'default';
+    const applyVisualState = () => {
+        switch (visualState) {
+            case 'hover':
+                selectionRim.tint = 0xFFFFFF;
+                selectionRim.alpha = 0.45;
+                break;
+            case 'selected':
+                selectionRim.tint = 0xFFFFFF;
+                selectionRim.alpha = 0.85;
+                break;
+            case 'active':
+                selectionRim.tint = 0xFFDF67;
+                selectionRim.alpha = 0.95;
+                break;
+            default: selectionRim.alpha = 0;
+        }
+    };
+    // ===== Form swap (expanded ↔ pill) =========================================================
+    let collapsed = !!opts.collapsed;
+    function rebuildPinGeometry(positions) {
+        let i = 0;
+        for (const pin of node.pins) {
+            const pos = positions.get(pin.id);
+            if (!pos)
+                continue;
+            const g = pinGraphics[i++];
+            if (!g)
+                continue;
+            const r = geo.pin.diameter / 2;
+            g.clear();
+            buildPinShape(g, resolvePinShape(String(pin.type), pin.kind, opts.types), pos.x, pos.y, r)
+                .fill({ color: resolvePinFill(String(pin.type), tokens, opts.types) })
+                .stroke({ color: resolvePinStroke(String(pin.type), tokens), width: geo.pin.stroke });
+            markPinInteractive(g, pin, String(node.id), pos.x, pos.y, r);
+        }
+    }
+    function applyForm(c) {
+        if (c) {
+            expandedBody.visible = false;
+            pillBody.visible = true;
+            expandedInner.visible = false;
+            pillTitle.visible = true;
+            if (pillIcon)
+                pillIcon.visible = true;
+            pillTint.visible = true;
+            selectionRim.clear()
+                .roundRect(0, pillOffsetY, pillW, pillH, pillR)
+                .stroke({ color: '#FFFFFF', width: 1.5, alignment: 0.5 });
+            rebuildPinGeometry(pillPinPositions);
+            chevron.rotation = -Math.PI / 2;
+            chevron.position.set(18, pillOffsetY + pillH / 2);
+        }
+        else {
+            expandedBody.visible = true;
+            pillBody.visible = false;
+            expandedInner.visible = true;
+            pillTitle.visible = false;
+            if (pillIcon)
+                pillIcon.visible = false;
+            pillTint.visible = false;
+            selectionRim.clear()
+                .roundRect(0, 0, expandedW, expandedH, expandedRadius)
+                .stroke({ color: '#FFFFFF', width: 1.5, alignment: 0.5 });
+            rebuildPinGeometry(expandedPinPositions);
+            chevron.rotation = 0;
+            chevron.position.set(geo.node.headerPadding + 8 + cs / 2 - 4, 2 + headerHeight / 2 - 0.5);
+        }
+        applyVisualState();
+    }
+    chevron.on('pointerdown', (e) => {
+        collapsed = !collapsed;
+        applyForm(collapsed);
+        e.stopPropagation();
+    });
+    // Widget rows (expanded form only) — reuse the shared renderer; LG inherits widget tokens.
+    const widgetsView = node.widgets && node.widgets.length > 0
+        ? renderWidgets(node, expandedW, tokens, {
+            node: { headerHeight: geo.node.headerHeight },
+            pin: { rowSpacing: geo.pin.rowSpacing, rowHeight: geo.pin.rowHeight },
+            header: { toPinsGap: geo.header.toPinsGap },
+            widget: { rowHeight: geo.widget.rowHeight, gap: geo.widget.gap, paddingX: geo.widget.paddingX },
+        }, opts.customWidgets)
+        : null;
+    if (widgetsView)
+        expandedInner.addChild(widgetsView.container);
+    applyForm(collapsed);
+    const view = {
+        container,
+        setVisualState(state) {
+            visualState = state;
+            applyVisualState();
+        },
+        setCollapsed(c, _animated) {
+            if (c === collapsed)
+                return;
+            collapsed = c;
+            applyForm(collapsed);
+        },
+        isCollapsed() { return collapsed; },
+        pinLocalPosition(pinId) {
+            return (collapsed ? pillPinPositions : expandedPinPositions).get(pinId) ?? null;
+        },
+        collapsedRect: { x: 0, y: pillOffsetY, w: pillW, h: pillH, r: pillR },
+    };
+    if (widgetsView) {
+        view.widgetHit = (x, y) => (collapsed ? null : widgetsView.widgetHit(x, y));
+        view.updateWidget = (id, value) => widgetsView.update(id, value);
+    }
+    return view;
+}
+/** Liquid Glass reroute knot — a glass disc. The glass shader draws a rounded rect; with a square
+ *  the size of the dot and a corner radius equal to half its side, that rounded rect is a perfect
+ *  circle that refracts the backdrop just like a full node. */
+export function renderRerouteLiquidGlass(node, tokens, opts = {}, ctx = { backdropTexture: null }) {
+    const r = tokens.geometry.reroute.radius;
+    const d = 2 * r;
+    const cy = r;
+    const container = new Container({ label: `reroute-liquid-glass:${node.id}` });
+    container.position.set(node.position.x, node.position.y);
+    container.eventMode = 'static';
+    const disc = createGlassMesh(String(node.id), d, d, r, tokens, ctx.backdropTexture);
+    disc.hitArea = new Circle(r, r, r);
+    container.addChild(disc);
+    // Clip the glass mesh to a hard circle so the knot is unambiguously round (the shader's
+    // rounded-rect AA can leave the quad corners faintly visible at this small size).
+    const discMask = new Graphics().circle(r, r, r).fill({ color: 0xffffff });
+    container.addChild(discMask);
+    disc.mask = discMask;
+    const outPin = node.pins.find((p) => p.direction === 'out');
+    const inPin = node.pins.find((p) => p.direction === 'in');
+    const wireType = String(outPin?.type ?? inPin?.type ?? 'any');
+    // Tint the whole glass disc with a soft type-coloured fill — the same treatment a collapsed node
+    // gets (a wash over the glass, not a bright inner ring), so the knot reads as glass first and its
+    // wire type second. Clipped to the same circle so it never bleeds past the disc edge.
+    const tint = new Graphics()
+        .circle(r, r, r)
+        .fill({ color: resolvePinFill(wireType, tokens), alpha: 0.4 });
+    container.addChild(tint);
+    const rim = new Graphics()
+        .circle(r, r, r + 1)
+        .stroke({ color: 0xffffff, width: 1.5, alignment: 0.5 });
+    rim.alpha = 0;
+    container.addChild(rim);
+    // Inline reroute: anchor points only, no interactive (pullable) pin handles — the glass disc
+    // body stays the grab target and new wires can't be started from the knot.
+    const pinLocal = new Map();
+    for (const pin of node.pins) {
+        pinLocal.set(String(pin.id), { x: pin.direction === 'in' ? 0 : d, y: cy });
+    }
+    return {
+        container,
+        setVisualState(state) {
+            const c = rerouteStateColor(state, tokens);
+            if (!c) {
+                rim.alpha = 0;
+                return;
+            }
+            rim.tint = c;
+            rim.alpha = state === 'hover' ? 0.6 : 0.95;
+        },
+        setCollapsed: () => { },
+        isCollapsed: () => false,
+        pinLocalPosition: (pinId) => pinLocal.get(pinId) ?? null,
+    };
+}
+/** Liquid Glass palette Reroute node — a compact glass body with pullable In/Out pins. Mirrors the
+ *  Xen `renderRerouteNodeBox` but with the glass material. */
+export function renderRerouteNodeBoxLiquidGlass(node, tokens, opts = {}, ctx = { backdropTexture: null }) {
+    const h = tokens.geometry.pin.diameter + 16;
+    const w = 56;
+    const radius = Math.min(tokens.geometry.node.radius, h / 2);
+    const cy = h / 2;
+    const container = new Container({ label: `reroute-node-liquid-glass:${node.id}` });
+    container.position.set(node.position.x, node.position.y);
+    container.eventMode = 'static';
+    const body = createGlassMesh(String(node.id), w, h, radius, tokens, ctx.backdropTexture);
+    body.hitArea = new Rectangle(0, 0, w, h);
+    container.addChild(body);
+    const bodyMask = new Graphics().roundRect(0, 0, w, h, radius).fill({ color: 0xffffff });
+    container.addChild(bodyMask);
+    body.mask = bodyMask;
+    // Tint the glass relay by the type flowing through it (resolved from the out pin, falling back to
+    // the in pin) — the same soft wash the inline knot and collapsed pills carry. Itself a rounded
+    // rect of the body shape, so it stays within the glass edge without a shared mask.
+    const inPin = node.pins.find((p) => p.direction === 'in');
+    const outPin = node.pins.find((p) => p.direction === 'out');
+    const wireType = String(outPin?.type ?? inPin?.type ?? 'any');
+    container.addChild(new Graphics().roundRect(0, 0, w, h, radius).fill({ color: resolvePinFill(wireType, tokens), alpha: 0.4 }));
+    const rim = new Graphics()
+        .roundRect(-1, -1, w + 2, h + 2, radius + 1)
+        .stroke({ color: 0xffffff, width: 1.5, alignment: 0.5 });
+    rim.alpha = 0;
+    container.addChild(rim);
+    const pinLocal = new Map();
+    const pinRadius = tokens.geometry.pin.diameter / 2;
+    for (const pin of node.pins) {
+        const px = pin.direction === 'in' ? 0 : w;
+        pinLocal.set(String(pin.id), { x: px, y: cy });
+        const g = new Graphics()
+            .circle(px, cy, pinRadius)
+            .fill({ color: resolvePinFill(String(pin.type), tokens) })
+            .stroke({ color: resolvePinStroke(String(pin.type), tokens), width: tokens.geometry.pin.stroke });
+        markPinInteractive(g, pin, String(node.id), px, cy, pinRadius);
+        container.addChild(g);
+    }
+    return {
+        container,
+        setVisualState(state) {
+            const c = rerouteStateColor(state, tokens);
+            if (!c) {
+                rim.alpha = 0;
+                return;
+            }
+            rim.tint = c;
+            rim.alpha = state === 'hover' ? 0.6 : 0.95;
+        },
+        setCollapsed: () => { },
+        isCollapsed: () => false,
+        pinLocalPosition: (pinId) => pinLocal.get(pinId) ?? null,
+    };
+}
+/** Distribute pins onto the rounded end-caps of the pill so each sits on the silhouette, in
+ *  container-local coordinates. The pill is offset vertically by `pillOffsetY` to centre it
+ *  within the original expanded body's bounds (Xen canon — collapse to centre, not to header). */
+function computePillPinPositions(node, pillW, pillH, pillR, pillOffsetY) {
+    const inputs = node.pins.filter((p) => p.direction === 'in');
+    const outputs = node.pins.filter((p) => p.direction === 'out');
+    const out = new Map();
+    const cy = pillOffsetY + pillH / 2;
+    const idealStep = Math.PI / 3.6;
+    const maxTotal = Math.PI * 0.94;
+    const arcAngle = (count, idx) => {
+        if (count <= 1)
+            return 0;
+        const total = Math.min(maxTotal, (count - 1) * idealStep);
+        const step = total / (count - 1);
+        return -total / 2 + idx * step;
+    };
+    inputs.forEach((p, i) => {
+        const a = arcAngle(inputs.length, i);
+        out.set(p.id, { x: pillR - pillR * Math.cos(a), y: cy + pillR * Math.sin(a) });
+    });
+    outputs.forEach((p, i) => {
+        const a = arcAngle(outputs.length, i);
+        out.set(p.id, { x: pillW - pillR + pillR * Math.cos(a), y: cy + pillR * Math.sin(a) });
+    });
+    return out;
+}
+//# sourceMappingURL=render-node.js.map

package/dist/render-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-node.js","sourceRoot":"","sources":["../src/render-node.ts"],"names":[],"mappings":"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"}

package/dist/tokens.d.ts

@@ -0,0 +1,3 @@
+import { type XenTokens } from '@xenolithengine/graph-theme-xen';
+export declare const liquidGlassTokens: XenTokens;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAoB,MAAM,iCAAiC,CAAA;AA+GzG,eAAO,MAAM,iBAAiB,EAAE,SAAsD,CAAA"}

package/dist/tokens.js

@@ -0,0 +1,109 @@
+import { xenTokens, mergeTheme } from '@xenolithengine/graph-theme-xen';
+/**
+ * Liquid Glass — Apple WWDC25-inspired material. Translucent body fills, luminous white rims
+ * and top highlights, neutral cool backdrop. Geometry, typography, and pin/category colours are
+ * inherited from Xen so the graph reads identically — only the *material* of each node changes.
+ */
+const liquidGlassOverride = {
+    category: {
+        logic: { accent: '#4D9C75' },
+        data: { accent: '#1B76C9' },
+        macro: { accent: '#5B3FDA' },
+        utility: { accent: '#8291B7' },
+    },
+    color: {
+        surface: {
+            // Cool, slightly blue dark canvas — gives the glass a subtle warm/cool play.
+            canvas: '#112558',
+            // Translucent white — the centrepiece of the look. Reads as frosted card over the canvas.
+            node: 'rgba(255, 255, 255, 0.07)',
+            panel: 'rgba(255, 255, 255, 0.05)',
+            headerEnd: 'rgba(255, 255, 255, 0.18)',
+        },
+        minimap: {
+            background: 'rgba(17, 37, 88, 0.6)',
+            border: 'rgba(255, 255, 255, 0.28)',
+            node: 'rgba(255, 255, 255, 0.42)',
+            frame: 'rgba(154, 214, 227, 0.16)',
+            frameBorder: 'rgba(154, 214, 227, 0.9)',
+        },
+        // Frosted insets over the glass body — mirrors the palette's translucent input fields.
+        widget: {
+            bg: 'rgba(255, 255, 255, 0.1)',
+            bgHover: 'rgba(255, 255, 255, 0.18)',
+            bgFocused: 'rgba(17, 37, 88, 0.72)',
+            track: 'rgba(255, 255, 255, 0.16)',
+            fill: '#9AD6E3',
+            fillAlpha: 0.6,
+            text: 'rgba(255, 255, 255, 0.95)',
+            label: 'rgba(220, 232, 255, 0.65)',
+            placeholder: 'rgba(220, 232, 255, 0.4)',
+            border: 'rgba(255, 255, 255, 0.24)',
+            borderFocused: 'rgba(154, 214, 227, 0.9)',
+            selection: 'rgba(154, 214, 227, 0.35)',
+            knob: '#FFFFFF',
+        },
+    },
+    // Brighter rims and halos read as light bouncing off glass edges.
+    state: {
+        hover: {
+            border: 'rgba(255, 255, 255, 0.85)',
+            borderWidth: 1,
+            glow: 'rgba(255, 255, 255, 0.55)',
+            glowBlur: 6,
+            glowWidth: 3,
+        },
+        selected: {
+            border: 'rgba(255, 255, 255, 1)',
+            borderWidth: 1.2,
+            glow: 'rgba(255, 255, 255, 0.6)',
+            glowBlur: 7,
+            glowWidth: 3,
+        },
+        active: {
+            border: 'rgba(255, 223, 103, 0.95)',
+            borderWidth: 1.2,
+            glow: 'rgba(252, 180, 0, 0.75)',
+            glowBlur: 8,
+            glowWidth: 3,
+        },
+    },
+    effect: {
+        // Stronger top-rim highlight — the signature wet-glass shine.
+        headerInnerShadow: {
+            offsetX: 0,
+            offsetY: 3,
+            blur: 6,
+            color: 'rgba(255, 255, 255, 0.75)',
+        },
+        headerHighlightGradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 60%)',
+        headerHighlightStroke: 'linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%)',
+        // Drop shadow tuned darker to push the glass surface forward against the cool canvas.
+        nodeDropShadow: {
+            offsetX: 0,
+            offsetY: 10,
+            blur: 24,
+            color: 'rgba(0, 0, 0, 0.55)',
+        },
+    },
+    geometry: {
+        node: {
+            // Liquid Glass reads as more "soft" with chunkier corners — Apple's WWDC25 sample buttons
+            // use ~50% radius on small pills; for our larger node bodies a moderate bump lands well.
+            radius: 14,
+            pillRadius: 22,
+        },
+    },
+    background: {
+        color: '#112558',
+        grid: {
+            // Subtler dots — they're meant to read *through* the frosted body, not compete with it.
+            kind: 'dots',
+            spacing: 24,
+            size: 1,
+            color: 'rgba(255, 255, 255, 0.18)',
+        },
+    },
+};
+export const liquidGlassTokens = mergeTheme(xenTokens, liquidGlassOverride);
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAoC,MAAM,iCAAiC,CAAA;AAEzG;;;;GAIG;AACH,MAAM,mBAAmB,GAA2B;IAClD,QAAQ,EAAE;QACR,KAAK,EAAI,EAAE,MAAM,EAAE,SAAS,EAAE;QAC9B,IAAI,EAAK,EAAE,MAAM,EAAE,SAAS,EAAE;QAC9B,KAAK,EAAI,EAAE,MAAM,EAAE,SAAS,EAAE;QAC9B,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;KAC/B;IACD,KAAK,EAAE;QACL,OAAO,EAAE;YACP,6EAA6E;YAC7E,MAAM,EAAK,SAAS;YACpB,0FAA0F;YAC1F,IAAI,EAAO,2BAA2B;YACtC,KAAK,EAAM,2BAA2B;YACtC,SAAS,EAAE,2BAA2B;SACvC;QACD,OAAO,EAAE;YACP,UAAU,EAAG,uBAAuB;YACpC,MAAM,EAAO,2BAA2B;YACxC,IAAI,EAAS,2BAA2B;YACxC,KAAK,EAAQ,2BAA2B;YACxC,WAAW,EAAE,0BAA0B;SACxC;QACD,uFAAuF;QACvF,MAAM,EAAE;YACN,EAAE,EAAa,0BAA0B;YACzC,OAAO,EAAQ,2BAA2B;YAC1C,SAAS,EAAM,wBAAwB;YACvC,KAAK,EAAU,2BAA2B;YAC1C,IAAI,EAAW,SAAS;YACxB,SAAS,EAAM,GAAG;YAClB,IAAI,EAAW,2BAA2B;YAC1C,KAAK,EAAU,2BAA2B;YAC1C,WAAW,EAAI,0BAA0B;YACzC,MAAM,EAAS,2BAA2B;YAC1C,aAAa,EAAE,0BAA0B;YACzC,SAAS,EAAM,2BAA2B;YAC1C,IAAI,EAAW,SAAS;SACzB;KACF;IACD,kEAAkE;IAClE,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAO,2BAA2B;YACxC,WAAW,EAAE,CAAC;YACd,IAAI,EAAS,2BAA2B;YACxC,QAAQ,EAAK,CAAC;YACd,SAAS,EAAI,CAAC;SACf;QACD,QAAQ,EAAE;YACR,MAAM,EAAO,wBAAwB;YACrC,WAAW,EAAE,GAAG;YAChB,IAAI,EAAS,0BAA0B;YACvC,QAAQ,EAAK,CAAC;YACd,SAAS,EAAI,CAAC;SACf;QACD,MAAM,EAAE;YACN,MAAM,EAAO,2BAA2B;YACxC,WAAW,EAAE,GAAG;YAChB,IAAI,EAAS,yBAAyB;YACtC,QAAQ,EAAK,CAAC;YACd,SAAS,EAAI,CAAC;SACf;KACF;IACD,MAAM,EAAE;QACN,8DAA8D;QAC9D,iBAAiB,EAAE;YACjB,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;YACV,IAAI,EAAK,CAAC;YACV,KAAK,EAAI,2BAA2B;SACrC;QACD,uBAAuB,EACrB,mFAAmF;QACrF,qBAAqB,EACnB,mFAAmF;QACrF,sFAAsF;QACtF,cAAc,EAAE;YACd,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,EAAE;YACX,IAAI,EAAK,EAAE;YACX,KAAK,EAAI,qBAAqB;SAC/B;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,0FAA0F;YAC1F,yFAAyF;YACzF,MAAM,EAAM,EAAE;YACd,UAAU,EAAE,EAAE;SACf;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE;YACJ,wFAAwF;YACxF,IAAI,EAAK,MAAM;YACf,OAAO,EAAE,EAAE;YACX,IAAI,EAAK,CAAC;YACV,KAAK,EAAI,2BAA2B;SACrC;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAc,UAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@xenolithengine/graph-theme-liquid-glass",
+  "version": "0.7.0-beta.0",
+  "description": "Liquid Glass theme for XenolithGraph — Apple WWDC25-inspired translucent material.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@xenolithengine/graph-core": "0.7.0-beta.0",
+    "@xenolithengine/graph-render-pixi": "0.7.0-beta.0",
+    "@xenolithengine/graph-theme-xen": "0.7.0-beta.0"
+  },
+  "peerDependencies": {
+    "pixi.js": "^8.6.0"
+  },
+  "devDependencies": {
+    "pixi.js": "^8.6.0",
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0"
+  },
+  "keywords": [
+    "theme",
+    "glass",
+    "frosted",
+    "node-editor",
+    "liquid-glass"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XenolithEngine/xenolith-graph.git",
+    "directory": "packages/theme-liquid-glass"
+  },
+  "homepage": "https://xenolithengine.github.io/xenolith-graph/",
+  "bugs": {
+    "url": "https://github.com/XenolithEngine/xenolith-graph/issues"
+  },
+  "author": "XenolithEngine",
+  "scripts": {
+    "build": "tsc -b",
+    "dev": "tsc -b --watch",
+    "test": "vitest run --passWithNoTests",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit"
+  }
+}