@xenolithengine/graph-render-pixi 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,49 @@
+# @xenolithengine/graph-render-pixi
+
+[![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)
+
+PIXI v8 renderer for XenolithGraph — node/edge/widget rendering, viewport math, interaction, virtualization. PIXI is a peer dependency.
+
+> **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).
+
+Most hosts don't import this directly — `@xenolithengine/graph-editor` wires it in. Reach for this package if you're writing a theme or a custom renderer pipeline.
+
+## Install
+
+```bash
+pnpm add @xenolithengine/graph-render-pixi pixi.js
+```
+
+Peer dependency: `pixi.js@^8.6.0`. Themes pair with `@xenolithengine/graph-theme-xen` (also a peer).
+
+## Usage
+
+```ts
+import { renderNode, computeNodeLayout, createPixiTextMeasurer } from '@xenolithengine/graph-render-pixi'
+import { xenTheme } from '@xenolithengine/graph-render-pixi'
+
+const measurer = createPixiTextMeasurer()
+const layout = computeNodeLayout(node, xenTheme.tokens, measurer)
+const view   = renderNode(node, { layout, theme: xenTheme, /* ... */ })
+```
+
+## What's exported
+
+- `renderNode`, `renderRerouteNode`, `renderWidgets`, `renderEdge`, `drawEdge`, `renderComment`, `renderMacroFrame`
+- Layout: `computeNodeLayout`, `measureNodeSize`, `computeEdgePath`, `sampleBezier`, `bezierMidpoint`
+- Viewport: `Viewport`, `InteractionManager`, `screenToWorld`, `worldToScreen`, `zoomAt`, `clampZoom`, `snapToGrid`, `fitView`
+- Themes: `xenTheme`, `XenolithTheme`, `ThemeRenderContext`, `PaletteStyle`
+- Virtualization / LOD: `shouldVirtualize`, `visibleWorldRect`, `reconcileVisibleNodes`, `useLOD`, `lodLevel`, `cellsForRect`
+- Icons: `IconRegistry`, `BUILTIN_ICONS`
+- Helpers: `createPixiTextMeasurer`, `createGridSprite`, `hexToRgba`, `resolveCategoryAccent`, `resolveEdgeColor`
+
+## Docs
+
+- [Theme authoring guide](https://xenolithengine.github.io/xenolith-graph/guides/api/)
+- [API reference](https://xenolithengine.github.io/xenolith-graph/guides/api/) — every method exposed by `XenolithEditor`
+- [GitHub](https://github.com/XenolithEngine/xenolith-graph)
+
+MIT © XenolithEngine

package/dist/bezier.d.ts

@@ -0,0 +1,30 @@
+import type { PinLayout } from './layout.js';
+export interface Vec2 {
+    x: number;
+    y: number;
+}
+export interface EdgePath {
+    start: Vec2;
+    c1: Vec2;
+    c2: Vec2;
+    end: Vec2;
+}
+export interface EdgeTokens {
+    /** Fraction of horizontal distance used as the handle spread. 0..1. */
+    bezierTension: number;
+    /** Minimum handle spread in pixels, applied even when pins are very close horizontally. */
+    minHorizontalSpread: number;
+}
+export declare function computeEdgePath(from: PinLayout, to: PinLayout, tokens: EdgeTokens): EdgePath;
+/** Point on the cubic bezier at t=0.5 — the wire's visual midpoint, where the edge handle dot is
+ *  drawn and right-click picking is anchored. */
+export declare function bezierMidpoint(path: EdgePath): Vec2;
+/** Unit tangent at the end of the curve — the direction the wire is travelling as it arrives at the
+ *  target pin. Used to orient an arrowhead. Falls back to the start→end direction for a degenerate
+ *  (zero-length) final handle segment. */
+export declare function endTangent(path: EdgePath): Vec2;
+/** Triangle for an arrowhead at the curve's end: `[tip, left, right]`. The tip sits on the end
+ *  point; the base is `size` px back along the incoming tangent and `size` wide. */
+export declare function arrowHead(path: EdgePath, size: number): [Vec2, Vec2, Vec2];
+export declare function sampleBezier(path: EdgePath, steps: number): Vec2[];
+//# sourceMappingURL=bezier.d.ts.map

package/dist/bezier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bezier.d.ts","sourceRoot":"","sources":["../src/bezier.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,IAAI,CAAA;IACX,EAAE,EAAE,IAAI,CAAA;IACR,EAAE,EAAE,IAAI,CAAA;IACR,GAAG,EAAE,IAAI,CAAA;CACV;AAED,MAAM,WAAW,UAAU;IACzB,uEAAuE;IACvE,aAAa,EAAE,MAAM,CAAA;IACrB,2FAA2F;IAC3F,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,QAAQ,CAW5F;AAED;iDACiD;AACjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAKnD;AAED;;0CAE0C;AAC1C,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAU/C;AAED;oFACoF;AACpF,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAU1E;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAoBlE"}

package/dist/bezier.js

@@ -0,0 +1,70 @@
+export function computeEdgePath(from, to, tokens) {
+    const dx = Math.abs(to.x - from.x);
+    const spread = Math.max(tokens.minHorizontalSpread, dx * tokens.bezierTension);
+    const fromSign = from.side === 'right' ? 1 : -1;
+    const toSign = to.side === 'right' ? 1 : -1;
+    return {
+        start: { x: from.x, y: from.y },
+        c1: { x: from.x + fromSign * spread, y: from.y },
+        c2: { x: to.x + toSign * spread, y: to.y },
+        end: { x: to.x, y: to.y },
+    };
+}
+/** Point on the cubic bezier at t=0.5 — the wire's visual midpoint, where the edge handle dot is
+ *  drawn and right-click picking is anchored. */
+export function bezierMidpoint(path) {
+    return {
+        x: 0.125 * path.start.x + 0.375 * path.c1.x + 0.375 * path.c2.x + 0.125 * path.end.x,
+        y: 0.125 * path.start.y + 0.375 * path.c1.y + 0.375 * path.c2.y + 0.125 * path.end.y,
+    };
+}
+/** Unit tangent at the end of the curve — the direction the wire is travelling as it arrives at the
+ *  target pin. Used to orient an arrowhead. Falls back to the start→end direction for a degenerate
+ *  (zero-length) final handle segment. */
+export function endTangent(path) {
+    let dx = path.end.x - path.c2.x;
+    let dy = path.end.y - path.c2.y;
+    let len = Math.hypot(dx, dy);
+    if (len < 1e-6) {
+        dx = path.end.x - path.start.x;
+        dy = path.end.y - path.start.y;
+        len = Math.hypot(dx, dy) || 1;
+    }
+    return { x: dx / len, y: dy / len };
+}
+/** Triangle for an arrowhead at the curve's end: `[tip, left, right]`. The tip sits on the end
+ *  point; the base is `size` px back along the incoming tangent and `size` wide. */
+export function arrowHead(path, size) {
+    const dir = endTangent(path);
+    const back = { x: path.end.x - dir.x * size, y: path.end.y - dir.y * size };
+    const perp = { x: dir.y, y: -dir.x };
+    const half = size * 0.5;
+    return [
+        { x: path.end.x, y: path.end.y },
+        { x: back.x + perp.x * half, y: back.y + perp.y * half },
+        { x: back.x - perp.x * half, y: back.y - perp.y * half },
+    ];
+}
+export function sampleBezier(path, steps) {
+    if (steps < 1)
+        throw new Error(`sampleBezier: steps must be >= 1, got ${steps}`);
+    const out = [];
+    for (let i = 0; i <= steps; i++) {
+        const t = i / steps;
+        const u = 1 - t;
+        const tt = t * t;
+        const uu = u * u;
+        const uuu = uu * u;
+        const ttt = tt * t;
+        const a = uuu;
+        const b = 3 * uu * t;
+        const c = 3 * u * tt;
+        const d = ttt;
+        out.push({
+            x: a * path.start.x + b * path.c1.x + c * path.c2.x + d * path.end.x,
+            y: a * path.start.y + b * path.c1.y + c * path.c2.y + d * path.end.y,
+        });
+    }
+    return out;
+}
+//# sourceMappingURL=bezier.js.map

package/dist/bezier.js.map

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

package/dist/comment-renderer.d.ts

@@ -0,0 +1,35 @@
+import { Container } from 'pixi.js';
+import type { XenTokens } from '@xenolithengine/graph-theme-xen';
+import type { Comment } from '@xenolithengine/graph-core';
+export type CommentVisualState = 'default' | 'hover' | 'selected';
+export interface CommentView {
+    /** Body layer (translucent fill + border + resize grip). Hosted BELOW the edges so wires between
+     *  the nodes inside the frame draw on top of the tint. */
+    readonly container: Container;
+    /** Header layer (gradient/tint + rim + title + drag strip). Hosted ABOVE the edges so the header
+     *  bar always reads clearly over any wires crossing the top of the frame. */
+    readonly headerLayer: Container;
+    /** Header strip — interactive: drag to move, double-click to rename, right-click for the menu. */
+    readonly header: Container;
+    /** Bottom-right resize grip — interactive. */
+    readonly resizeHandle: Container;
+    readonly headerHeight: number;
+    update(comment: Comment): void;
+    setVisualState(state: CommentVisualState): void;
+    /** Hide the baked title while a DOM edit overlay is open over the header (so text doesn't double up). */
+    setEditing(editing: boolean): void;
+    /** LOD: when true, draw the frame as a plain filled rectangle (body + border only) — header
+     *  gradient/rim and the title are dropped, since at a far zoom they're sub-pixel anyway. */
+    setSimplified(simplified: boolean): void;
+    /** Free both layers AND the FillGradient GPU textures (Graphics.destroy doesn't touch the
+     *  gradients — they leak otherwise). Always use this instead of destroying the containers directly. */
+    destroy(): void;
+}
+/**
+ * Comment/group frame. Body is a translucent tinted rounded rect; the header is rendered like a node
+ * header — colour gradient + a soft white top highlight + a bright rim line — so it matches the Xen
+ * node language exactly. Sits below the nodes; body is non-interactive (clicks reach nodes inside),
+ * only the header strip and corner grip capture pointer events. Hover/selected brighten the border.
+ */
+export declare function renderComment(comment: Comment, tokens: XenTokens, headerStyle?: 'gradient' | 'tint'): CommentView;
+//# sourceMappingURL=comment-renderer.d.ts.map

package/dist/comment-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-renderer.d.ts","sourceRoot":"","sources":["../src/comment-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAA0B,MAAM,SAAS,CAAA;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAEjE,MAAM,WAAW,WAAW;IAC1B;8DAC0D;IAC1D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B;iFAC6E;IAC7E,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAA;IAC/B,kGAAkG;IAClG,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAA;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,cAAc,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC/C,yGAAyG;IACzG,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAClC;gGAC4F;IAC5F,aAAa,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAA;IACxC;2GACuG;IACvG,OAAO,IAAI,IAAI,CAAA;CAChB;AAqBD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,GAAE,UAAU,GAAG,MAAmB,GAAG,WAAW,CAuJ7H"}

package/dist/comment-renderer.js

@@ -0,0 +1,194 @@
+import { BitmapText, Color, Container, Graphics, FillGradient } from 'pixi.js';
+const DEFAULT_COLOR = '#8A38F5';
+const HANDLE = 14;
+const rgba = (color, a) => {
+    const c = new Color(color);
+    return `rgba(${Math.round(c.red * 255)}, ${Math.round(c.green * 255)}, ${Math.round(c.blue * 255)}, ${a})`;
+};
+// Same header silhouette helpers the node renderer uses, so a comment header reads 1:1 with a node.
+function topRoundedRect(g, w, h, r) {
+    const radius = Math.max(0, Math.min(r, w / 2, h));
+    return g.moveTo(radius, 0).lineTo(w - radius, 0).arcTo(w, 0, w, radius, radius)
+        .lineTo(w, h).lineTo(0, h).lineTo(0, radius).arcTo(0, 0, radius, 0, radius).closePath();
+}
+function topRimPath(g, w, r) {
+    const radius = Math.max(0, Math.min(r, w / 2));
+    return g.moveTo(0, radius).arcTo(0, 0, radius, 0, radius).lineTo(w - radius, 0).arcTo(w, 0, w, radius, radius);
+}
+/**
+ * Comment/group frame. Body is a translucent tinted rounded rect; the header is rendered like a node
+ * header — colour gradient + a soft white top highlight + a bright rim line — so it matches the Xen
+ * node language exactly. Sits below the nodes; body is non-interactive (clicks reach nodes inside),
+ * only the header strip and corner grip capture pointer events. Hover/selected brighten the border.
+ */
+export function renderComment(comment, tokens, headerStyle = 'gradient') {
+    const geo = tokens.geometry.comment;
+    const typo = tokens.typography.comment;
+    const headerHeight = geo.headerHeight;
+    // Default to the node corner radius so a comment frame reads 1:1 with a node header in any theme
+    // (Xen 7 / Liquid Glass 14); a theme that sets comment.radius overrides this.
+    const radius = geo.radius ?? tokens.geometry.node.radius;
+    const container = new Container({ label: `comment:${comment.id}` });
+    const headerLayer = new Container({ label: `comment-header-layer:${comment.id}` });
+    const body = new Graphics();
+    body.eventMode = 'none';
+    const headerBase = new Graphics();
+    headerBase.eventMode = 'none';
+    const headerFillG = new Graphics();
+    headerFillG.eventMode = 'none';
+    const headerHighlight = new Graphics();
+    headerHighlight.eventMode = 'none';
+    const headerRim = new Graphics();
+    headerRim.eventMode = 'none';
+    const border = new Graphics();
+    border.eventMode = 'none';
+    const header = new Container({ label: 'comment-header' });
+    header.eventMode = 'static';
+    header.cursor = 'move';
+    const headerHit = new Graphics();
+    headerHit.eventMode = 'static';
+    header.addChild(headerHit);
+    const title = new BitmapText({
+        text: comment.text,
+        style: { fontFamily: tokens.typography.fontFamily, fontSize: typo.size, fontWeight: '700', fill: typo.color },
+    });
+    title.eventMode = 'none';
+    // Anchor the title at its vertical centre and place it at the header's mid-line, so it sits at the
+    // exact same centre the DOM edit input uses (line-box = header height) — no jump entering edit mode.
+    title.anchor.set(0, 0.5);
+    title.x = 10;
+    title.y = headerHeight / 2;
+    const resizeHandle = new Container({ label: 'comment-resize' });
+    resizeHandle.eventMode = 'static';
+    resizeHandle.cursor = 'nwse-resize';
+    const handleGfx = new Graphics();
+    handleGfx.eventMode = 'static';
+    resizeHandle.addChild(handleGfx);
+    // Body layer (under edges): fill + border + resize grip. Header layer (over edges): the header bar
+    // visuals + the interactive drag strip + the title — so the header reads over crossing wires.
+    container.addChild(body, border, resizeHandle);
+    headerLayer.addChild(headerBase, headerFillG, headerHighlight, headerRim, header, title);
+    let current = comment;
+    let state = 'default';
+    let editing = false;
+    let simplified = false;
+    // Truncate the title with an ellipsis when it overflows the header width — but show the full text
+    // while editing (the caret can run past the frame; the user sees everything they type).
+    const RIGHT_PAD = 10;
+    const fitTitle = (full, w) => {
+        title.text = full;
+        if (editing)
+            return;
+        const maxW = w - title.x - RIGHT_PAD;
+        if (title.width <= maxW)
+            return;
+        let s = full;
+        while (s.length > 1) {
+            s = s.slice(0, -1);
+            title.text = `${s}…`;
+            if (title.width <= maxW)
+                break;
+        }
+    };
+    // Gradients are built once (not per draw) — `update` runs every frame during a resize drag, and a
+    // fresh FillGradient each time leaks a GPU texture per frame. highlight/rim are colour-independent;
+    // the header fill is rebuilt only when the comment colour actually changes.
+    const highlightGrad = new FillGradient({
+        type: 'linear', start: { x: 0, y: 0 }, end: { x: 0, y: 1 },
+        colorStops: [{ offset: 0, color: 'rgba(255,255,255,0.25)' }, { offset: 0.6, color: 'rgba(255,255,255,0)' }], textureSpace: 'local',
+    });
+    const rimGrad = new FillGradient({
+        type: 'linear', start: { x: 0, y: 0 }, end: { x: 0, y: 1 },
+        colorStops: [{ offset: 0, color: 'rgba(255,255,255,0.8)' }, { offset: 1, color: 'rgba(255,255,255,0)' }], textureSpace: 'local',
+    });
+    const mkHeaderFill = (color) => new FillGradient({
+        // Node header recipe is a HORIZONTAL accent fade (left→right), accent@0.6 → transparent.
+        type: 'linear', start: { x: 0, y: 0 }, end: { x: 1, y: 0 },
+        colorStops: [{ offset: 0, color: rgba(color, 0.6) }, { offset: 1, color: rgba(color, 0) }], textureSpace: 'local',
+    });
+    let headerFill = mkHeaderFill(comment.color ?? DEFAULT_COLOR);
+    let headerFillColor = comment.color ?? DEFAULT_COLOR;
+    const drawBorder = () => {
+        const color = current.color ?? DEFAULT_COLOR;
+        const w = current.size.x, h = current.size.y;
+        border.clear();
+        if (state === 'selected') {
+            border.roundRect(0, 0, w, h, radius).stroke({ color: 0xffffff, width: 2, alpha: 0.95 });
+        }
+        else {
+            border.roundRect(0, 0, w, h, radius).stroke({ color, width: state === 'hover' ? 2 : 1.5, alpha: state === 'hover' ? 0.85 : 0.55 });
+        }
+    };
+    const draw = (c) => {
+        current = c;
+        const color = c.color ?? DEFAULT_COLOR;
+        const w = c.size.x, h = c.size.y;
+        // Translucent tinted body — the grid shows through; nodes inside paint on top.
+        body.clear().roundRect(0, 0, w, h, radius).fill({ color: tokens.color.surface.node, alpha: 0.55 })
+            .roundRect(0, 0, w, h, radius).fill({ color, alpha: 0.08 });
+        headerBase.clear();
+        headerFillG.clear();
+        headerHighlight.clear();
+        headerRim.clear();
+        container.position.set(c.position.x, c.position.y);
+        headerLayer.position.set(c.position.x, c.position.y);
+        if (simplified) {
+            // LOD: plain block — a touch more body tint to read as a solid rectangle, no header decoration.
+            body.roundRect(0, 0, w, h, radius).fill({ color, alpha: 0.12 });
+            headerLayer.visible = false;
+            handleGfx.clear();
+            drawBorder();
+            return;
+        }
+        headerLayer.visible = true;
+        if (headerStyle === 'tint') {
+            // 1:1 with the Liquid Glass node header: an accent tint inset 2px from the body edges (so the
+            // glass rim shows the small top/side gap), radius one less than the body corner.
+            headerFillG.roundRect(2, 2, w - 4, headerHeight - 1, Math.max(0, radius - 1)).fill({ color, alpha: 0.45 });
+        }
+        else {
+            // Xen node header recipe: dark base + horizontal accent fade + white highlight + top rim.
+            topRoundedRect(headerBase, w, headerHeight, radius).fill({ color: tokens.color.surface.node });
+            if (color !== headerFillColor) {
+                headerFill.destroy();
+                headerFill = mkHeaderFill(color);
+                headerFillColor = color;
+            }
+            topRoundedRect(headerFillG, w, headerHeight, radius).fill(headerFill);
+            topRoundedRect(headerHighlight, w, headerHeight, radius).fill(highlightGrad);
+            topRimPath(headerRim, w, radius).stroke({ width: 0.75, fill: rimGrad, alignment: 0 });
+        }
+        headerHit.clear().rect(0, 0, w, headerHeight).fill({ color: 0xffffff, alpha: 0.001 });
+        handleGfx.clear()
+            .moveTo(w - 3, h - HANDLE).lineTo(w - 3, h - 3).lineTo(w - HANDLE, h - 3).stroke({ color, width: 2, alpha: 0.7 })
+            .rect(w - HANDLE - 4, h - HANDLE - 4, HANDLE + 8, HANDLE + 8).fill({ color: 0xffffff, alpha: 0.001 });
+        fitTitle(c.text, w);
+        drawBorder();
+    };
+    draw(comment);
+    return {
+        container, headerLayer, header, resizeHandle, headerHeight,
+        update: draw,
+        setVisualState: (s) => { if (s !== state) {
+            state = s;
+            drawBorder();
+        } },
+        // While editing show the full (un-truncated) title; redraw to apply.
+        setEditing: (e) => { if (e !== editing) {
+            editing = e;
+            draw(current);
+        } },
+        setSimplified: (s) => { if (s !== simplified) {
+            simplified = s;
+            draw(current);
+        } },
+        destroy: () => {
+            highlightGrad.destroy();
+            rimGrad.destroy();
+            headerFill.destroy();
+            container.destroy({ children: true });
+            headerLayer.destroy({ children: true });
+        },
+    };
+}
+//# sourceMappingURL=comment-renderer.js.map

package/dist/comment-renderer.js.map

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

package/dist/edge-paths.d.ts

@@ -0,0 +1,24 @@
+import type { PinLayout } from './layout.js';
+import type { Vec2 } from './bezier.js';
+export type EdgePathStyle = 'bezier' | 'step' | 'smoothstep' | 'linear';
+/** Straight line — first sample is `from`, last is `to`. */
+export declare function computeLinearPolyline(from: PinLayout, to: PinLayout): Vec2[];
+/** Orthogonal Z/U — leave each pin in its `side` direction for `offset` px, then a single
+ *  vertical run, then horizontal to the target. Mirrors React Flow / Rete `curveStep` for
+ *  flowchart-style diagrams. For the common right→left flow (out → in) the two pulls overlap
+ *  and degenerate to a clean Z; for same-side / reverse pins the extensions sit outside the
+ *  pin bounds, producing a U that doesn't cross the node body. `offset` defaults to a chunk of
+ *  horizontal distance so close pins still get a visible elbow. */
+export declare function computeStepPolyline(from: PinLayout, to: PinLayout, offset?: number): Vec2[];
+/** Rounded step — same elbows as `computeStepPolyline` but the 90° corners get a quarter-arc
+ *  approximation via 5-point insets. Cheap, looks like a Visio/Excalidraw orthogonal connector. */
+export declare function computeSmoothStepPolyline(from: PinLayout, to: PinLayout, radius?: number): Vec2[];
+/** Walk a polyline and return the point at half its arc length. Used so the midpoint handle
+ *  sits visually centred on the wire regardless of how skewed the segments are. */
+export declare function polylineMidpoint(pts: Vec2[]): Vec2;
+/** Unit tangent of the last segment — the direction the wire is travelling as it lands on the
+ *  target pin. Used to orient the arrowhead on non-bezier styles. */
+export declare function polylineEndTangent(pts: Vec2[]): Vec2;
+/** Arrowhead triangle on a polyline (matches `arrowHead` shape for bezier paths). */
+export declare function polylineArrowHead(pts: Vec2[], size: number): [Vec2, Vec2, Vec2];
+//# sourceMappingURL=edge-paths.d.ts.map

package/dist/edge-paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-paths.d.ts","sourceRoot":"","sources":["../src/edge-paths.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAA;AAEvE,4DAA4D;AAC5D,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,CAE5E;AAED;;;;;mEAKmE;AACnE,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,CAgB3F;AAYD;mGACmG;AACnG,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,SAAK,GAAG,IAAI,EAAE,CAwC7F;AAED;mFACmF;AACnF,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAiBlD;AAED;qEACqE;AACrE,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAMpD;AAED,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAW/E"}

package/dist/edge-paths.js

@@ -0,0 +1,123 @@
+// Alternative edge-path generators for G9 — pluggable wire curves (Rete `connection-path-plugin`
+// parity). The default `'bezier'` route stays in `bezier.ts` UNTOUCHED; this module owns the
+// polyline-based styles (step / smoothstep / linear). The renderer picks a style per edge via
+// `RenderEdgeOptions.pathStyle`; this keeps the hot path zero-risk for the 95% bezier case.
+//
+// All polyline generators return a `Vec2[]` of ≥2 points. The renderer feeds them to lineTo()
+// (and to the midpoint / arrowhead helpers below). The first/last point ARE the pin centres.
+/** Straight line — first sample is `from`, last is `to`. */
+export function computeLinearPolyline(from, to) {
+    return [{ x: from.x, y: from.y }, { x: to.x, y: to.y }];
+}
+/** Orthogonal Z/U — leave each pin in its `side` direction for `offset` px, then a single
+ *  vertical run, then horizontal to the target. Mirrors React Flow / Rete `curveStep` for
+ *  flowchart-style diagrams. For the common right→left flow (out → in) the two pulls overlap
+ *  and degenerate to a clean Z; for same-side / reverse pins the extensions sit outside the
+ *  pin bounds, producing a U that doesn't cross the node body. `offset` defaults to a chunk of
+ *  horizontal distance so close pins still get a visible elbow. */
+export function computeStepPolyline(from, to, offset) {
+    const fromSign = from.side === 'right' ? 1 : -1;
+    const toSign = to.side === 'right' ? 1 : -1;
+    const off = Math.max(20, Math.abs((to.x - from.x) * 0.5));
+    const stepX = offset ?? off;
+    const ax = from.x + fromSign * stepX; // extension X off the source pin
+    const bx = to.x + toSign * stepX; // extension X off the target pin
+    const midX = (ax + bx) / 2; // where the vertical run lives
+    return dedupConsecutive([
+        { x: from.x, y: from.y },
+        { x: ax, y: from.y }, // extend OUT from source pin in its side dir
+        { x: midX, y: from.y }, // ride source y until the meet x (collapses if ax == midX)
+        { x: midX, y: to.y }, // vertical run
+        { x: bx, y: to.y }, // ride target y until the extension x
+        { x: to.x, y: to.y },
+    ]);
+}
+function dedupConsecutive(pts) {
+    const out = [];
+    for (const p of pts) {
+        const last = out[out.length - 1];
+        if (last && last.x === p.x && last.y === p.y)
+            continue;
+        out.push(p);
+    }
+    return out;
+}
+/** Rounded step — same elbows as `computeStepPolyline` but the 90° corners get a quarter-arc
+ *  approximation via 5-point insets. Cheap, looks like a Visio/Excalidraw orthogonal connector. */
+export function computeSmoothStepPolyline(from, to, radius = 12) {
+    const step = computeStepPolyline(from, to);
+    // computeStepPolyline returns 3–6 points after dedup: 3 when source/target are colinear (no
+    // elbow), 4 in the canonical Z, more when the two extensions overlap and form a U. Only the
+    // 4-point canonical shape has the two-elbow geometry this rounder is built for; anything else
+    // (no elbow, or a multi-corner U) falls back to the bare step shape — no rounding artifact,
+    // no thrown exception (which was the crash in the edge-paths demo when from.y === to.y).
+    if (step.length !== 4)
+        return step;
+    const [a, b, c, d] = step;
+    const dirAB = Math.sign(b.x - a.x); // ±1 along x
+    const dirCD = Math.sign(d.x - c.x);
+    const dirBC = Math.sign(c.y - b.y); // ±1 along y
+    const r = Math.min(radius, Math.max(0, Math.abs(b.x - a.x) - 1), Math.max(0, Math.abs(d.x - c.x) - 1), Math.max(0, Math.abs(c.y - b.y) - 1) / 2);
+    if (r <= 0)
+        return step;
+    // Approximate each 90° corner with 3 evenly-spaced points along its quarter circle.
+    const corner = (centerX, centerY, fromX, fromY, toX, toY) => {
+        // Quarter from (fromX,fromY) → (toX,toY). Build with a quadratic approx: 2 inner points.
+        return [
+            { x: fromX, y: fromY },
+            { x: centerX + (fromX - centerX) * 0.5, y: centerY + (fromY - centerY) * 0.95 },
+            { x: centerX + (toX - centerX) * 0.95, y: centerY + (toY - centerY) * 0.5 },
+            { x: toX, y: toY },
+        ];
+    };
+    const c1 = corner(b.x, b.y, b.x - dirAB * r, b.y, b.x, b.y + dirBC * r);
+    const c2 = corner(c.x, c.y, c.x, c.y - dirBC * r, c.x + dirCD * r, c.y);
+    return [a, ...c1, ...c2, d];
+}
+/** Walk a polyline and return the point at half its arc length. Used so the midpoint handle
+ *  sits visually centred on the wire regardless of how skewed the segments are. */
+export function polylineMidpoint(pts) {
+    if (pts.length === 0)
+        return { x: 0, y: 0 };
+    if (pts.length === 1)
+        return { ...pts[0] };
+    let total = 0;
+    for (let i = 1; i < pts.length; i++)
+        total += Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y);
+    const target = total / 2;
+    let walked = 0;
+    for (let i = 1; i < pts.length; i++) {
+        const a = pts[i - 1], b = pts[i];
+        const seg = Math.hypot(b.x - a.x, b.y - a.y);
+        if (walked + seg >= target) {
+            const t = seg === 0 ? 0 : (target - walked) / seg;
+            return { x: a.x + (b.x - a.x) * t, y: a.y + (b.y - a.y) * t };
+        }
+        walked += seg;
+    }
+    return { ...pts[pts.length - 1] };
+}
+/** Unit tangent of the last segment — the direction the wire is travelling as it lands on the
+ *  target pin. Used to orient the arrowhead on non-bezier styles. */
+export function polylineEndTangent(pts) {
+    if (pts.length < 2)
+        return { x: 1, y: 0 };
+    const a = pts[pts.length - 2], b = pts[pts.length - 1];
+    const dx = b.x - a.x, dy = b.y - a.y;
+    const len = Math.hypot(dx, dy) || 1;
+    return { x: dx / len, y: dy / len };
+}
+/** Arrowhead triangle on a polyline (matches `arrowHead` shape for bezier paths). */
+export function polylineArrowHead(pts, size) {
+    const end = pts[pts.length - 1] ?? { x: 0, y: 0 };
+    const dir = polylineEndTangent(pts);
+    const back = { x: end.x - dir.x * size, y: end.y - dir.y * size };
+    const perp = { x: dir.y, y: -dir.x };
+    const half = size * 0.5;
+    return [
+        { x: end.x, y: end.y },
+        { x: back.x + perp.x * half, y: back.y + perp.y * half },
+        { x: back.x - perp.x * half, y: back.y - perp.y * half },
+    ];
+}
+//# sourceMappingURL=edge-paths.js.map

package/dist/edge-paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-paths.js","sourceRoot":"","sources":["../src/edge-paths.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,6FAA6F;AAC7F,8FAA8F;AAC9F,4FAA4F;AAC5F,EAAE;AACF,8FAA8F;AAC9F,6FAA6F;AAO7F,4DAA4D;AAC5D,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,EAAa;IAClE,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;AACzD,CAAC;AAED;;;;;mEAKmE;AACnE,MAAM,UAAU,mBAAmB,CAAC,IAAe,EAAE,EAAa,EAAE,MAAe;IACjF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAK,EAAE,CAAC,IAAI,KAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;IACzD,MAAM,KAAK,GAAG,MAAM,IAAI,GAAG,CAAA;IAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAA,CAAiB,iCAAiC;IACtF,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAK,MAAM,GAAK,KAAK,CAAA,CAAiB,iCAAiC;IACtF,MAAM,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA,CAA2B,+BAA+B;IACpF,OAAO,gBAAgB,CAAC;QACtB,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE;QACxB,EAAE,CAAC,EAAE,EAAE,EAAM,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAA2B,6CAA6C;QAChG,EAAE,CAAC,EAAE,IAAI,EAAI,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAA2B,2DAA2D;QAC9G,EAAE,CAAC,EAAE,IAAI,EAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAA6B,eAAe;QAClE,EAAE,CAAC,EAAE,EAAE,EAAM,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAA6B,sCAAsC;QACzF,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;KACvB,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,GAAW;IACnC,MAAM,GAAG,GAAW,EAAE,CAAA;IACtB,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAChC,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAAE,SAAQ;QACtD,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAED;mGACmG;AACnG,MAAM,UAAU,yBAAyB,CAAC,IAAe,EAAE,EAAa,EAAE,MAAM,GAAG,EAAE;IACnF,MAAM,IAAI,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IAC1C,4FAA4F;IAC5F,4FAA4F;IAC5F,8FAA8F;IAC9F,4FAA4F;IAC5F,yFAAyF;IACzF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAClC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAgC,CAAA;IACrD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA,CAAkB,aAAa;IACjE,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA,CAAkB,aAAa;IACjE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAChB,MAAM,EACN,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EACpC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EACpC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACzC,CAAA;IACD,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IACvB,oFAAoF;IACpF,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,OAAe,EAAE,KAAa,EAAE,KAAa,EAAE,GAAW,EAAE,GAAW,EAAU,EAAE;QAClH,yFAAyF;QACzF,OAAO;YACL,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;YACtB,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,IAAI,EAAE;YAC/E,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,GAAG,EAAE;YAC3E,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;SACnB,CAAA;IACH,CAAC,CAAA;IACD,MAAM,EAAE,GAAG,MAAM,CACf,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACR,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EACpB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CACrB,CAAA;IACD,MAAM,EAAE,GAAG,MAAM,CACf,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACR,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EACpB,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CACrB,CAAA;IACD,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;AAC7B,CAAC;AAED;mFACmF;AACnF,MAAM,UAAU,gBAAgB,CAAC,GAAW;IAC1C,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IAC3C,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,GAAG,GAAG,CAAC,CAAC,CAAE,EAAE,CAAA;IAC3C,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAAA;IAC9G,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAA;IACxB,IAAI,MAAM,GAAG,CAAC,CAAA;IACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAE,CAAA;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAC5C,IAAI,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CAAA;YACjD,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAA;QAC/D,CAAC;QACD,MAAM,IAAI,GAAG,CAAA;IACf,CAAC;IACD,OAAO,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAE,EAAE,CAAA;AACpC,CAAC;AAED;qEACqE;AACrE,MAAM,UAAU,kBAAkB,CAAC,GAAW;IAC5C,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACzC,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;IACxD,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IACpC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;IACnC,OAAO,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,CAAA;AACrC,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,iBAAiB,CAAC,GAAW,EAAE,IAAY;IACzD,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACjD,MAAM,GAAG,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;IACnC,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAA;IACjE,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA;IACpC,MAAM,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;IACvB,OAAO;QACL,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE;QACxD,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE;KACzD,CAAA;AACH,CAAC"}