system-canvas 0.1.0

package/dist/canvas.d.ts

@@ -0,0 +1,28 @@
+import type { CanvasData, CanvasNode, CanvasEdge, ResolvedNode, CanvasTheme } from './types.js';
+/**
+ * Resolve all nodes in a canvas, applying category defaults and color resolution.
+ *
+ * If the canvas includes a `theme` hint with inline categories, those are
+ * merged into the active theme before resolving nodes.
+ */
+export declare function resolveCanvas(canvas: CanvasData, theme: CanvasTheme): {
+    nodes: ResolvedNode[];
+    edges: CanvasEdge[];
+};
+/**
+ * Build a lookup map from node IDs to resolved nodes.
+ */
+export declare function buildNodeMap(nodes: ResolvedNode[]): Map<string, ResolvedNode>;
+/**
+ * Get the display label for a node (used in breadcrumbs, tooltips, etc.).
+ */
+export declare function getNodeLabel(node: CanvasNode): string;
+/**
+ * Determine which nodes are spatially contained within a group node.
+ */
+export declare function getGroupChildren(group: ResolvedNode, allNodes: ResolvedNode[]): ResolvedNode[];
+/**
+ * Validate a canvas document. Returns an array of error messages (empty if valid).
+ */
+export declare function validateCanvas(canvas: CanvasData): string[];
+//# sourceMappingURL=canvas.d.ts.map

package/dist/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG/F;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,WAAW,GACjB;IAAE,KAAK,EAAE,YAAY,EAAE,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAYhD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,YAAY,EAAE,GACpB,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAM3B;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAYrD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EAAE,GACvB,YAAY,EAAE,CAShB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,EAAE,CA4B3D"}

package/dist/canvas.js

@@ -0,0 +1,95 @@
+import { resolveNode } from './themes/resolve.js';
+/**
+ * Resolve all nodes in a canvas, applying category defaults and color resolution.
+ *
+ * If the canvas includes a `theme` hint with inline categories, those are
+ * merged into the active theme before resolving nodes.
+ */
+export function resolveCanvas(canvas, theme) {
+    // Merge canvas-level categories into the theme
+    const effectiveTheme = canvas.theme?.categories
+        ? {
+            ...theme,
+            categories: { ...theme.categories, ...canvas.theme.categories },
+        }
+        : theme;
+    const nodes = (canvas.nodes ?? []).map((n) => resolveNode(n, effectiveTheme));
+    const edges = canvas.edges ?? [];
+    return { nodes, edges };
+}
+/**
+ * Build a lookup map from node IDs to resolved nodes.
+ */
+export function buildNodeMap(nodes) {
+    const map = new Map();
+    for (const node of nodes) {
+        map.set(node.id, node);
+    }
+    return map;
+}
+/**
+ * Get the display label for a node (used in breadcrumbs, tooltips, etc.).
+ */
+export function getNodeLabel(node) {
+    if (node.type === 'group' && node.label)
+        return node.label;
+    if (node.type === 'text' && node.text) {
+        // Use first line of text, truncated
+        const firstLine = node.text.split('\n')[0];
+        return firstLine.length > 40
+            ? firstLine.slice(0, 37) + '...'
+            : firstLine;
+    }
+    if (node.type === 'file' && node.file)
+        return node.file;
+    if (node.type === 'link' && node.url)
+        return node.url;
+    return node.id;
+}
+/**
+ * Determine which nodes are spatially contained within a group node.
+ */
+export function getGroupChildren(group, allNodes) {
+    return allNodes.filter((n) => n.id !== group.id &&
+        n.x >= group.x &&
+        n.y >= group.y &&
+        n.x + n.width <= group.x + group.width &&
+        n.y + n.height <= group.y + group.height);
+}
+/**
+ * Validate a canvas document. Returns an array of error messages (empty if valid).
+ */
+export function validateCanvas(canvas) {
+    const errors = [];
+    const nodeIds = new Set();
+    for (const node of canvas.nodes ?? []) {
+        if (!node.id)
+            errors.push('Node missing id');
+        if (!node.type)
+            errors.push(`Node ${node.id}: missing type`);
+        if (node.x == null)
+            errors.push(`Node ${node.id}: missing x`);
+        if (node.y == null)
+            errors.push(`Node ${node.id}: missing y`);
+        if (nodeIds.has(node.id)) {
+            errors.push(`Duplicate node id: ${node.id}`);
+        }
+        nodeIds.add(node.id);
+    }
+    for (const edge of canvas.edges ?? []) {
+        if (!edge.id)
+            errors.push('Edge missing id');
+        if (!edge.fromNode)
+            errors.push(`Edge ${edge.id}: missing fromNode`);
+        if (!edge.toNode)
+            errors.push(`Edge ${edge.id}: missing toNode`);
+        if (edge.fromNode && !nodeIds.has(edge.fromNode)) {
+            errors.push(`Edge ${edge.id}: fromNode "${edge.fromNode}" not found`);
+        }
+        if (edge.toNode && !nodeIds.has(edge.toNode)) {
+            errors.push(`Edge ${edge.id}: toNode "${edge.toNode}" not found`);
+        }
+    }
+    return errors;
+}
+//# sourceMappingURL=canvas.js.map

package/dist/canvas.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export type { CanvasColor, NodeType, Side, EndShape, EdgeStyle, BackgroundStyle, CanvasNode, CanvasEdge, CanvasData, CanvasThemeHint, CategoryDefinition, PresetColor, GridConfig, RefIndicatorConfig, NodeTheme, EdgeTheme, GroupTheme, BreadcrumbTheme, CanvasTheme, ResolvedNode, AnchorPoint, ViewportState, BreadcrumbEntry, BoundingBox, ContextMenuEvent, } from './types.js';
+export { darkTheme, midnightTheme, lightTheme, blueprintTheme, warmTheme, resolveTheme, resolveColor, resolveNode, } from './themes/index.js';
+export { computeAnchorPoint, inferSide, computeEdgePath, computeEdgeMidpoint, computeBoundingBox, fitToBounds, screenToCanvas, canvasToScreen, } from './rendering/index.js';
+export { resolveCanvas, buildNodeMap, getNodeLabel, getGroupChildren, validateCanvas, } from './canvas.js';
+export declare const themes: {
+    readonly dark: import("./types.js").CanvasTheme;
+    readonly midnight: import("./types.js").CanvasTheme;
+    readonly light: import("./types.js").CanvasTheme;
+    readonly blueprint: import("./types.js").CanvasTheme;
+    readonly warm: import("./types.js").CanvasTheme;
+};
+//# 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":"AACA,YAAY,EACV,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EACf,WAAW,EACX,gBAAgB,GACjB,MAAM,YAAY,CAAA;AAGnB,OAAO,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,cAAc,EACd,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,aAAa,CAAA;AASpB,eAAO,MAAM,MAAM;;;;;;CAMT,CAAA"}

package/dist/index.js

@@ -0,0 +1,20 @@
+// Themes
+export { darkTheme, midnightTheme, lightTheme, blueprintTheme, warmTheme, resolveTheme, resolveColor, resolveNode, } from './themes/index.js';
+// Rendering utilities
+export { computeAnchorPoint, inferSide, computeEdgePath, computeEdgeMidpoint, computeBoundingBox, fitToBounds, screenToCanvas, canvasToScreen, } from './rendering/index.js';
+// Canvas helpers
+export { resolveCanvas, buildNodeMap, getNodeLabel, getGroupChildren, validateCanvas, } from './canvas.js';
+// Convenience theme collection
+import { darkTheme as _dark } from './themes/dark.js';
+import { midnightTheme as _midnight } from './themes/midnight.js';
+import { lightTheme as _light } from './themes/light.js';
+import { blueprintTheme as _blueprint } from './themes/blueprint.js';
+import { warmTheme as _warm } from './themes/warm.js';
+export const themes = {
+    dark: _dark,
+    midnight: _midnight,
+    light: _light,
+    blueprint: _blueprint,
+    warm: _warm,
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA6BA,SAAS;AACT,OAAO,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,cAAc,EACd,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,mBAAmB,CAAA;AAE1B,sBAAsB;AACtB,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,sBAAsB,CAAA;AAE7B,iBAAiB;AACjB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,+BAA+B;AAC/B,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,KAAK;CACH,CAAA"}

package/dist/rendering/anchor-points.d.ts

@@ -0,0 +1,16 @@
+import type { ResolvedNode, Side, AnchorPoint } from '../types.js';
+/**
+ * Compute the anchor point on a node's side.
+ * Returns the midpoint of the specified edge of the node's bounding box.
+ * If no side is specified, returns the center of the node.
+ */
+export declare function computeAnchorPoint(node: ResolvedNode, side?: Side): AnchorPoint;
+/**
+ * Determine the best side to connect from/to based on relative position,
+ * when no explicit side is specified.
+ */
+export declare function inferSide(from: ResolvedNode, to: ResolvedNode): {
+    fromSide: Side;
+    toSide: Side;
+};
+//# sourceMappingURL=anchor-points.d.ts.map

package/dist/rendering/anchor-points.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-points.d.ts","sourceRoot":"","sources":["../../src/rendering/anchor-points.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAElE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,YAAY,EAClB,IAAI,CAAC,EAAE,IAAI,GACV,WAAW,CAgBb;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,YAAY,EAClB,EAAE,EAAE,YAAY,GACf;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,IAAI,CAAA;CAAE,CAyBlC"}

package/dist/rendering/anchor-points.js

@@ -0,0 +1,53 @@
+/**
+ * Compute the anchor point on a node's side.
+ * Returns the midpoint of the specified edge of the node's bounding box.
+ * If no side is specified, returns the center of the node.
+ */
+export function computeAnchorPoint(node, side) {
+    const cx = node.x + node.width / 2;
+    const cy = node.y + node.height / 2;
+    switch (side) {
+        case 'top':
+            return { x: cx, y: node.y };
+        case 'right':
+            return { x: node.x + node.width, y: cy };
+        case 'bottom':
+            return { x: cx, y: node.y + node.height };
+        case 'left':
+            return { x: node.x, y: cy };
+        default:
+            return { x: cx, y: cy };
+    }
+}
+/**
+ * Determine the best side to connect from/to based on relative position,
+ * when no explicit side is specified.
+ */
+export function inferSide(from, to) {
+    const fromCx = from.x + from.width / 2;
+    const fromCy = from.y + from.height / 2;
+    const toCx = to.x + to.width / 2;
+    const toCy = to.y + to.height / 2;
+    const dx = toCx - fromCx;
+    const dy = toCy - fromCy;
+    // Determine primary axis of connection
+    if (Math.abs(dx) > Math.abs(dy)) {
+        // Horizontal connection
+        if (dx > 0) {
+            return { fromSide: 'right', toSide: 'left' };
+        }
+        else {
+            return { fromSide: 'left', toSide: 'right' };
+        }
+    }
+    else {
+        // Vertical connection
+        if (dy > 0) {
+            return { fromSide: 'bottom', toSide: 'top' };
+        }
+        else {
+            return { fromSide: 'top', toSide: 'bottom' };
+        }
+    }
+}
+//# sourceMappingURL=anchor-points.js.map

package/dist/rendering/anchor-points.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-points.js","sourceRoot":"","sources":["../../src/rendering/anchor-points.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAAkB,EAClB,IAAW;IAEX,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;IAClC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;IAEnC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK;YACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAA;QAC7B,KAAK,OAAO;YACV,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;QAC1C,KAAK,QAAQ;YACX,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;QAC3C,KAAK,MAAM;YACT,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;QAC7B;YACE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;IAC3B,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS,CACvB,IAAkB,EAClB,EAAgB;IAEhB,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;IACtC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;IACvC,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,CAAA;IAChC,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;IAEjC,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxB,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IAExB,uCAAuC;IACvC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;QAChC,wBAAwB;QACxB,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;YACX,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;QAC9C,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA;QAC9C,CAAC;IACH,CAAC;SAAM,CAAC;QACN,sBAAsB;QACtB,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;YACX,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;QAC9C,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;QAC9C,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/rendering/edge-routing.d.ts

@@ -0,0 +1,10 @@
+import type { CanvasEdge, ResolvedNode, EdgeStyle, AnchorPoint } from '../types.js';
+/**
+ * Compute the SVG path `d` attribute for an edge between two nodes.
+ */
+export declare function computeEdgePath(edge: CanvasEdge, fromNode: ResolvedNode, toNode: ResolvedNode, style?: EdgeStyle): string;
+/**
+ * Compute the midpoint of an edge path (for label placement).
+ */
+export declare function computeEdgeMidpoint(edge: CanvasEdge, fromNode: ResolvedNode, toNode: ResolvedNode): AnchorPoint;
+//# sourceMappingURL=edge-routing.d.ts.map

package/dist/rendering/edge-routing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-routing.d.ts","sourceRoot":"","sources":["../../src/rendering/edge-routing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,aAAa,CAAA;AAGpB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,YAAY,EACpB,KAAK,GAAE,SAAoB,GAC1B,MAAM,CAoBR;AAgFD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,YAAY,GACnB,WAAW,CA8Bb"}

package/dist/rendering/edge-routing.js

@@ -0,0 +1,109 @@
+import { computeAnchorPoint, inferSide } from './anchor-points.js';
+/**
+ * Compute the SVG path `d` attribute for an edge between two nodes.
+ */
+export function computeEdgePath(edge, fromNode, toNode, style = 'bezier') {
+    // Determine connection sides
+    const inferred = inferSide(fromNode, toNode);
+    const fromSide = edge.fromSide ?? inferred.fromSide;
+    const toSide = edge.toSide ?? inferred.toSide;
+    const from = computeAnchorPoint(fromNode, fromSide);
+    const to = computeAnchorPoint(toNode, toSide);
+    const effectiveStyle = edge.style ?? style;
+    switch (effectiveStyle) {
+        case 'straight':
+            return computeStraightPath(from, to);
+        case 'orthogonal':
+            return computeOrthogonalPath(from, to, fromSide, toSide);
+        case 'bezier':
+        default:
+            return computeBezierPath(from, to, fromSide, toSide);
+    }
+}
+/** Straight line between two points. */
+function computeStraightPath(from, to) {
+    return `M ${from.x} ${from.y} L ${to.x} ${to.y}`;
+}
+/**
+ * Cubic bezier curve with control points offset along the connection sides.
+ * Uses a tightness factor of 0.75 (matching the Obsidian reference).
+ */
+function computeBezierPath(from, to, fromSide, toSide) {
+    const dist = Math.sqrt((to.x - from.x) ** 2 + (to.y - from.y) ** 2);
+    const offset = Math.max(50, dist * 0.4);
+    const cp1 = controlPointOffset(from, fromSide, offset);
+    const cp2 = controlPointOffset(to, toSide, offset);
+    return `M ${from.x} ${from.y} C ${cp1.x} ${cp1.y}, ${cp2.x} ${cp2.y}, ${to.x} ${to.y}`;
+}
+/**
+ * Orthogonal (right-angle) path routing.
+ * Creates an L-shaped or Z-shaped path depending on relative positions.
+ */
+function computeOrthogonalPath(from, to, fromSide, toSide) {
+    const midX = (from.x + to.x) / 2;
+    const midY = (from.y + to.y) / 2;
+    // Determine routing based on the sides involved
+    const isFromHorizontal = fromSide === 'left' || fromSide === 'right';
+    const isToHorizontal = toSide === 'left' || toSide === 'right';
+    if (isFromHorizontal && isToHorizontal) {
+        // Both horizontal: route through midX
+        return `M ${from.x} ${from.y} L ${midX} ${from.y} L ${midX} ${to.y} L ${to.x} ${to.y}`;
+    }
+    else if (!isFromHorizontal && !isToHorizontal) {
+        // Both vertical: route through midY
+        return `M ${from.x} ${from.y} L ${from.x} ${midY} L ${to.x} ${midY} L ${to.x} ${to.y}`;
+    }
+    else if (isFromHorizontal && !isToHorizontal) {
+        // From horizontal, to vertical: L-shape
+        return `M ${from.x} ${from.y} L ${to.x} ${from.y} L ${to.x} ${to.y}`;
+    }
+    else {
+        // From vertical, to horizontal: L-shape
+        return `M ${from.x} ${from.y} L ${from.x} ${to.y} L ${to.x} ${to.y}`;
+    }
+}
+/**
+ * Offset a point along the direction of a side for bezier control points.
+ */
+function controlPointOffset(point, side, offset) {
+    switch (side) {
+        case 'top':
+            return { x: point.x, y: point.y - offset };
+        case 'bottom':
+            return { x: point.x, y: point.y + offset };
+        case 'left':
+            return { x: point.x - offset, y: point.y };
+        case 'right':
+            return { x: point.x + offset, y: point.y };
+        default:
+            return point;
+    }
+}
+/**
+ * Compute the midpoint of an edge path (for label placement).
+ */
+export function computeEdgeMidpoint(edge, fromNode, toNode) {
+    const inferred = inferSide(fromNode, toNode);
+    const fromSide = edge.fromSide ?? inferred.fromSide;
+    const toSide = edge.toSide ?? inferred.toSide;
+    const from = computeAnchorPoint(fromNode, fromSide);
+    const to = computeAnchorPoint(toNode, toSide);
+    // For the midpoint, we use the bezier curve midpoint (t=0.5)
+    const dist = Math.sqrt((to.x - from.x) ** 2 + (to.y - from.y) ** 2);
+    const offset = Math.max(50, dist * 0.4);
+    const cp1 = controlPointOffset(from, fromSide, offset);
+    const cp2 = controlPointOffset(to, toSide, offset);
+    // Cubic bezier at t=0.5
+    const t = 0.5;
+    const mt = 1 - t;
+    const x = mt * mt * mt * from.x +
+        3 * mt * mt * t * cp1.x +
+        3 * mt * t * t * cp2.x +
+        t * t * t * to.x;
+    const y = mt * mt * mt * from.y +
+        3 * mt * mt * t * cp1.y +
+        3 * mt * t * t * cp2.y +
+        t * t * t * to.y;
+    return { x, y };
+}
+//# sourceMappingURL=edge-routing.js.map

package/dist/rendering/edge-routing.js.map

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

package/dist/rendering/index.d.ts

@@ -0,0 +1,4 @@
+export { computeAnchorPoint, inferSide } from './anchor-points.js';
+export { computeEdgePath, computeEdgeMidpoint } from './edge-routing.js';
+export { computeBoundingBox, fitToBounds, screenToCanvas, canvasToScreen, } from './viewport-math.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/rendering/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rendering/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,oBAAoB,CAAA"}

package/dist/rendering/index.js

@@ -0,0 +1,4 @@
+export { computeAnchorPoint, inferSide } from './anchor-points.js';
+export { computeEdgePath, computeEdgeMidpoint } from './edge-routing.js';
+export { computeBoundingBox, fitToBounds, screenToCanvas, canvasToScreen, } from './viewport-math.js';
+//# sourceMappingURL=index.js.map

package/dist/rendering/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rendering/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,oBAAoB,CAAA"}

package/dist/rendering/viewport-math.d.ts

@@ -0,0 +1,25 @@
+import type { ResolvedNode, BoundingBox, ViewportState } from '../types.js';
+/**
+ * Compute the bounding box of all nodes.
+ */
+export declare function computeBoundingBox(nodes: ResolvedNode[]): BoundingBox;
+/**
+ * Compute a viewport transform that fits all nodes into the given
+ * viewport dimensions with padding.
+ */
+export declare function fitToBounds(nodes: ResolvedNode[], viewportWidth: number, viewportHeight: number, padding?: number): ViewportState;
+/**
+ * Convert a screen-space point to canvas-space given the current viewport.
+ */
+export declare function screenToCanvas(screenX: number, screenY: number, viewport: ViewportState): {
+    x: number;
+    y: number;
+};
+/**
+ * Convert a canvas-space point to screen-space given the current viewport.
+ */
+export declare function canvasToScreen(canvasX: number, canvasY: number, viewport: ViewportState): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=viewport-math.d.ts.map

package/dist/rendering/viewport-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-math.d.ts","sourceRoot":"","sources":["../../src/rendering/viewport-math.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACd,MAAM,aAAa,CAAA;AAEpB;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,WAAW,CAyBrE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,YAAY,EAAE,EACrB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,EACtB,OAAO,GAAE,MAAW,GACnB,aAAa,CAsBf;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,aAAa,GACtB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAK1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,aAAa,GACtB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAK1B"}

package/dist/rendering/viewport-math.js

@@ -0,0 +1,66 @@
+/**
+ * Compute the bounding box of all nodes.
+ */
+export function computeBoundingBox(nodes) {
+    if (nodes.length === 0) {
+        return { minX: 0, minY: 0, maxX: 0, maxY: 0, width: 0, height: 0 };
+    }
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    for (const node of nodes) {
+        minX = Math.min(minX, node.x);
+        minY = Math.min(minY, node.y);
+        maxX = Math.max(maxX, node.x + node.width);
+        maxY = Math.max(maxY, node.y + node.height);
+    }
+    return {
+        minX,
+        minY,
+        maxX,
+        maxY,
+        width: maxX - minX,
+        height: maxY - minY,
+    };
+}
+/**
+ * Compute a viewport transform that fits all nodes into the given
+ * viewport dimensions with padding.
+ */
+export function fitToBounds(nodes, viewportWidth, viewportHeight, padding = 60) {
+    const bounds = computeBoundingBox(nodes);
+    if (bounds.width === 0 || bounds.height === 0) {
+        return { x: 0, y: 0, zoom: 1 };
+    }
+    const availableWidth = viewportWidth - padding * 2;
+    const availableHeight = viewportHeight - padding * 2;
+    const scaleX = availableWidth / bounds.width;
+    const scaleY = availableHeight / bounds.height;
+    const zoom = Math.min(scaleX, scaleY, 2); // cap at 2x
+    // Center the content
+    const contentCenterX = bounds.minX + bounds.width / 2;
+    const contentCenterY = bounds.minY + bounds.height / 2;
+    const x = viewportWidth / 2 - contentCenterX * zoom;
+    const y = viewportHeight / 2 - contentCenterY * zoom;
+    return { x, y, zoom };
+}
+/**
+ * Convert a screen-space point to canvas-space given the current viewport.
+ */
+export function screenToCanvas(screenX, screenY, viewport) {
+    return {
+        x: (screenX - viewport.x) / viewport.zoom,
+        y: (screenY - viewport.y) / viewport.zoom,
+    };
+}
+/**
+ * Convert a canvas-space point to screen-space given the current viewport.
+ */
+export function canvasToScreen(canvasX, canvasY, viewport) {
+    return {
+        x: canvasX * viewport.zoom + viewport.x,
+        y: canvasY * viewport.zoom + viewport.y,
+    };
+}
+//# sourceMappingURL=viewport-math.js.map

package/dist/rendering/viewport-math.js.map

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

package/dist/themes/blueprint.d.ts

@@ -0,0 +1,7 @@
+import type { CanvasTheme } from '../types.js';
+/**
+ * Blueprint theme — deep blue background, white/light-blue lines.
+ * Technical drawing / architectural blueprint aesthetic.
+ */
+export declare const blueprintTheme: CanvasTheme;
+//# sourceMappingURL=blueprint.d.ts.map

package/dist/themes/blueprint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprint.d.ts","sourceRoot":"","sources":["../../src/themes/blueprint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,WAgE5B,CAAA"}

package/dist/themes/blueprint.js

@@ -0,0 +1,62 @@
+/**
+ * Blueprint theme — deep blue background, white/light-blue lines.
+ * Technical drawing / architectural blueprint aesthetic.
+ */
+export const blueprintTheme = {
+    name: 'blueprint',
+    background: '#0a1628',
+    grid: {
+        size: 48,
+        color: '#132244',
+        strokeWidth: 0.6,
+    },
+    node: {
+        fill: 'rgba(10, 30, 60, 0.6)',
+        stroke: '#4a90d9',
+        strokeWidth: 1,
+        cornerRadius: 2,
+        labelColor: '#d4e5f7',
+        sublabelColor: '#7aaccf',
+        fontFamily: "'JetBrains Mono', 'Courier New', monospace",
+        fontSize: 11,
+        sublabelFontSize: 8,
+        refIndicator: {
+            icon: 'expand',
+            color: 'rgba(74, 144, 217, 0.5)',
+        },
+    },
+    edge: {
+        stroke: '#4a90d9',
+        strokeWidth: 1,
+        arrowSize: 9,
+        labelColor: '#7aaccf',
+        labelFontSize: 8,
+    },
+    group: {
+        fill: 'rgba(20, 50, 90, 0.2)',
+        stroke: '#4a90d9',
+        strokeWidth: 0.8,
+        strokeDasharray: '12,4',
+        labelColor: '#7aaccf',
+        labelFontSize: 10,
+        cornerRadius: 2,
+    },
+    breadcrumbs: {
+        background: 'rgba(10, 22, 40, 0.95)',
+        textColor: '#7aaccf',
+        activeColor: '#d4e5f7',
+        separatorColor: '#2a4a6f',
+        fontFamily: "'JetBrains Mono', monospace",
+        fontSize: 11,
+    },
+    presetColors: {
+        '1': { fill: 'rgba(180, 60, 60, 0.25)', stroke: '#e07070' }, // blueprint red
+        '2': { fill: 'rgba(200, 130, 50, 0.25)', stroke: '#d4a050' }, // blueprint orange
+        '3': { fill: 'rgba(200, 180, 60, 0.25)', stroke: '#d4c860' }, // blueprint yellow
+        '4': { fill: 'rgba(60, 160, 80, 0.25)', stroke: '#60c070' }, // blueprint green
+        '5': { fill: 'rgba(60, 140, 200, 0.25)', stroke: '#60b0e0' }, // blueprint cyan
+        '6': { fill: 'rgba(130, 80, 200, 0.25)', stroke: '#a080d0' }, // blueprint violet
+    },
+    categories: {},
+};
+//# sourceMappingURL=blueprint.js.map

package/dist/themes/blueprint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprint.js","sourceRoot":"","sources":["../../src/themes/blueprint.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE,WAAW;IAEjB,UAAU,EAAE,SAAS;IAErB,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,GAAG;KACjB;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAuB;QAC7B,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,UAAU,EAAE,4CAA4C;QACxD,QAAQ,EAAE,EAAE;QACZ,gBAAgB,EAAE,CAAC;QACnB,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,yBAAyB;SACjC;KACF;IAED,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,CAAC;KACjB;IAED,KAAK,EAAE;QACL,IAAI,EAAE,uBAAuB;QAC7B,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,GAAG;QAChB,eAAe,EAAE,MAAM;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,CAAC;KAChB;IAED,WAAW,EAAE;QACX,UAAU,EAAE,wBAAwB;QACpC,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,6BAA6B;QACzC,QAAQ,EAAE,EAAE;KACb;IAED,YAAY,EAAE;QACZ,GAAG,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAI,MAAM,EAAE,SAAS,EAAE,EAAG,gBAAgB;QAChF,GAAG,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAG,MAAM,EAAE,SAAS,EAAE,EAAG,mBAAmB;QACnF,GAAG,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAG,MAAM,EAAE,SAAS,EAAE,EAAG,mBAAmB;QACnF,GAAG,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAI,MAAM,EAAE,SAAS,EAAE,EAAG,kBAAkB;QAClF,GAAG,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAG,MAAM,EAAE,SAAS,EAAE,EAAG,iBAAiB;QACjF,GAAG,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAG,MAAM,EAAE,SAAS,EAAE,EAAG,mBAAmB;KACpF;IAED,UAAU,EAAE,EAAE;CACf,CAAA"}

package/dist/themes/dark.d.ts

@@ -0,0 +1,7 @@
+import type { CanvasTheme } from '../types.js';
+/**
+ * Default dark theme — inspired by the architecture diagram reference.
+ * Slate-950 background, glowing colored nodes, grid pattern, JetBrains Mono.
+ */
+export declare const darkTheme: CanvasTheme;
+//# sourceMappingURL=dark.d.ts.map

package/dist/themes/dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,WAgEvB,CAAA"}