@hiabhee/archdraw-mcp-server 1.0.4 → 1.0.6

package/dist/lib/__tests__/elk-runner.test.js

@@ -1,87 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { generateELKOptions, runFallbackLayout } from '../elk-runner.js';
-function makeNode(id, overrides = {}) {
-    return {
-        id,
-        type: 'systemNode',
-        label: id,
-        layer: 'compute',
-        width: 200,
-        height: 70,
-        icon: 'box',
-        metadata: {},
-        ...overrides,
-    };
-}
-function makeEdge(id, source, target) {
-    return {
-        id,
-        source,
-        target,
-        communicationType: 'sync',
-        pathType: 'smooth',
-        label: '',
-        labelPosition: 'center',
-        animated: false,
-        style: { stroke: '#94a3b8', strokeDasharray: '', strokeWidth: 2 },
-        markerEnd: 'arrowclosed',
-        markerStart: 'none',
-    };
-}
-describe('generateELKOptions', () => {
-    it('honors the requested direction', () => {
-        expect(generateELKOptions('DOWN')['elk.direction']).toBe('DOWN');
-        expect(generateELKOptions('UP')['elk.direction']).toBe('UP');
-        expect(generateELKOptions('LEFT')['elk.direction']).toBe('LEFT');
-        expect(generateELKOptions('RIGHT')['elk.direction']).toBe('RIGHT');
-    });
-    it('defaults to RIGHT', () => {
-        expect(generateELKOptions()['elk.direction']).toBe('RIGHT');
-    });
-    it('scales spacing by density', () => {
-        const low = generateELKOptions('RIGHT', 'low');
-        const high = generateELKOptions('RIGHT', 'high');
-        expect(Number(high['elk.spacing.nodeNode'])).toBeGreaterThan(Number(low['elk.spacing.nodeNode']));
-    });
-});
-describe('runFallbackLayout', () => {
-    it('emits parentNode at the top level for grouped children', () => {
-        const group = makeNode('backend_group', {
-            isGroup: true,
-            layer: 'compute',
-            width: 500,
-            height: 280,
-        });
-        const child = makeNode('order_svc', {
-            parentId: 'backend_group',
-            layer: 'compute',
-        });
-        const edge = makeEdge('e1', 'client', 'order_svc');
-        const result = runFallbackLayout([group, child, makeNode('client', { layer: 'client' })], [edge]);
-        const outputChild = result.nodes.find(n => n.id === 'order_svc');
-        expect(outputChild).toBeDefined();
-        expect(outputChild?.parentNode).toBe('backend_group');
-        expect(outputChild?.data.parentId).toBe('backend_group');
-        const outputGroup = result.nodes.find(n => n.id === 'backend_group');
-        expect(outputGroup?.type).toBe('groupNode');
-        expect(outputGroup?.data.isGroup).toBe(true);
-    });
-    it('produces positioned, non-overlapping nodes', () => {
-        const nodes = [
-            makeNode('web', { layer: 'client' }),
-            makeNode('gw', { layer: 'edge' }),
-            makeNode('db', { layer: 'data' }),
-        ];
-        const edges = [makeEdge('e1', 'web', 'gw'), makeEdge('e2', 'gw', 'db')];
-        const result = runFallbackLayout(nodes, edges);
-        expect(result.nodes).toHaveLength(3);
-        for (const node of result.nodes) {
-            expect(typeof node.position.x).toBe('number');
-            expect(typeof node.position.y).toBe('number');
-            expect(node.data.tierColor).toMatch(/^#[0-9a-f]{6}$/i);
-        }
-        const positions = result.nodes.map(n => `${n.position.x},${n.position.y}`);
-        expect(new Set(positions).size).toBe(3);
-    });
-});
-//# sourceMappingURL=elk-runner.test.js.map

package/dist/lib/__tests__/elk-runner.test.js.map

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

package/dist/lib/elk-runner.d.ts

@@ -1,29 +0,0 @@
-import type { ArchitectureNode, ArchitectureEdge, ReactFlowNode, ReactFlowEdge } from '../types/index.js';
-import type { ElkNode as LocalElkNode, ElkEdge as LocalElkEdge } from '../types/index.js';
-import { type LayoutDirection } from './constants.js';
-export interface LayoutOptions {
-    direction?: LayoutDirection;
-    spacingMultiplier?: number;
-}
-export interface LayoutResult {
-    nodes: ReactFlowNode[];
-    edges: ReactFlowEdge[];
-    elkPositions: Array<{
-        id: string;
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }>;
-}
-export declare function generateELKOptions(direction?: LayoutDirection, density?: 'low' | 'medium' | 'high'): Record<string, string>;
-export declare function computeDensity(nodes: ArchitectureNode[]): 'low' | 'medium' | 'high';
-export declare function nodesToElkFormat(nodes: ArchitectureNode[]): LocalElkNode[];
-export declare function edgesToElkFormat(edges: ArchitectureEdge[]): LocalElkEdge[];
-export declare function runELKLayout(nodes: ArchitectureNode[], edges: ArchitectureEdge[], options?: LayoutOptions): Promise<LayoutResult>;
-export declare function runFallbackLayout(nodes: ArchitectureNode[], edges: ArchitectureEdge[], options?: LayoutOptions): LayoutResult;
-export declare function validateLayout(nodes: ReactFlowNode[], edges: ReactFlowEdge[]): {
-    valid: boolean;
-    errors: string[];
-};
-//# sourceMappingURL=elk-runner.d.ts.map

package/dist/lib/elk-runner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"elk-runner.d.ts","sourceRoot":"","sources":["../../src/lib/elk-runner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AACpH,OAAO,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1F,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1F;AAsLD,wBAAgB,kBAAkB,CAAC,SAAS,GAAE,eAAyB,EAAE,OAAO,GAAE,KAAK,GAAG,QAAQ,GAAG,MAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgC9I;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CASnF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAW1E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAM1E;AAED,wBAAsB,YAAY,CAChC,KAAK,EAAE,gBAAgB,EAAE,EACzB,KAAK,EAAE,gBAAgB,EAAE,EACzB,OAAO,GAAE,aAAkB,GAC1B,OAAO,CAAC,YAAY,CAAC,CA2IvB;AAyFD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,gBAAgB,EAAE,EACzB,KAAK,EAAE,gBAAgB,EAAE,EACzB,OAAO,GAAE,aAAkB,GAC1B,YAAY,CA2Hd;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,aAAa,EAAE,EACtB,KAAK,EAAE,aAAa,EAAE,GACrB;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAwCtC"}

package/dist/lib/elk-runner.js

@@ -1,532 +0,0 @@
-import { COMM_COLORS, TIER_COLORS, TIER_ORDER, TIER_X_POSITIONS_LR, DEFAULT_NODE_WIDTH, DEFAULT_NODE_HEIGHT, } from './constants.js';
-const MIN_VERTICAL_GAP = 80;
-const COLLISION_BUFFER = 20;
-const MIN_CANVAS_HEIGHT = 1200;
-function normalizeTier(layer) {
-    if (!layer)
-        return 'compute';
-    const clean = layer.toLowerCase().trim().replace(/[\s-]/g, '');
-    if (clean === 'presentation' || clean === 'client' || clean === 'frontend')
-        return 'client';
-    if (clean === 'edge' || clean === 'infrastructure' || clean === 'gateway')
-        return 'edge';
-    if (clean === 'compute' || clean === 'application' || clean === 'compute/application')
-        return 'compute';
-    if (clean === 'async' || clean === 'queue')
-        return 'async';
-    if (clean === 'data' || clean === 'cache' || clean === 'storage')
-        return 'data';
-    if (clean === 'observe' || clean === 'observability' || clean === 'monitoring')
-        return 'observe';
-    if (clean === 'thirdparty' || clean === 'external')
-        return 'external';
-    // Substring matches as fallback
-    if (clean.includes('client') || clean.includes('present') || clean.includes('frontend'))
-        return 'client';
-    if (clean.includes('edge') || clean.includes('infra') || clean.includes('gate'))
-        return 'edge';
-    if (clean.includes('compute') || (clean.includes('app') && !clean.includes('frontend')))
-        return 'compute';
-    if (clean.includes('async') || clean.includes('queue') || clean.includes('bus') || clean.includes('stream'))
-        return 'async';
-    if (clean.includes('data') || clean.includes('db') || clean.includes('cache') || clean.includes('store') || clean.includes('sql') || clean.includes('mongo'))
-        return 'data';
-    if (clean.includes('observe') || clean.includes('monitor') || clean.includes('log') || clean.includes('trace') || clean.includes('alert'))
-        return 'observe';
-    if (clean.includes('third') || clean.includes('ext') || clean.includes('api') || clean.includes('vendor'))
-        return 'external';
-    return 'compute';
-}
-function getNodesByTier(nodes) {
-    const nodesByTier = new Map();
-    for (const tier of TIER_ORDER) {
-        nodesByTier.set(tier, []);
-    }
-    for (const node of nodes) {
-        if (node.isGroup)
-            continue;
-        const tier = normalizeTier(node.tier || node.layer);
-        const tierNodes = nodesByTier.get(tier) || [];
-        tierNodes.push(node);
-        nodesByTier.set(tier, tierNodes);
-    }
-    return nodesByTier;
-}
-function calculateCanvasHeight(nodesByTier) {
-    let maxNodesInLayer = 0;
-    for (const [, tierNodes] of nodesByTier) {
-        maxNodesInLayer = Math.max(maxNodesInLayer, tierNodes.length);
-    }
-    const requiredHeight = maxNodesInLayer * (DEFAULT_NODE_HEIGHT + MIN_VERTICAL_GAP) + 200;
-    return Math.max(requiredHeight, MIN_CANVAS_HEIGHT);
-}
-function checkCollision(newNode, placedNodes, buffer = COLLISION_BUFFER) {
-    for (const placed of placedNodes) {
-        const expanded = {
-            x: placed.x - buffer,
-            y: placed.y - buffer,
-            width: placed.width + buffer * 2,
-            height: placed.height + buffer * 2,
-        };
-        const overlaps = !(newNode.x + newNode.width <= expanded.x ||
-            newNode.x >= expanded.x + expanded.width ||
-            newNode.y + newNode.height <= expanded.y ||
-            newNode.y >= expanded.y + expanded.height);
-        if (overlaps)
-            return true;
-    }
-    return false;
-}
-function findNonCollidingY(x, startY, width, height, placedNodes, canvasHeight) {
-    let y = startY;
-    const maxAttempts = 100;
-    let attempts = 0;
-    while (checkCollision({ x, y, width, height }, placedNodes) && attempts < maxAttempts) {
-        y += MIN_VERTICAL_GAP / 2;
-        if (y + height > canvasHeight - 50) {
-            y = 50;
-        }
-        attempts++;
-    }
-    return Math.max(50, Math.min(y, canvasHeight - height - 50));
-}
-function distributeNodesVertically(nodes, startX, canvasHeight, placedNodes, tier) {
-    if (nodes.length === 0)
-        return [];
-    const nodeCount = nodes.length;
-    const gap = tier === 'compute' && nodeCount > 4 ? 100 : MIN_VERTICAL_GAP;
-    const totalHeight = nodeCount * DEFAULT_NODE_HEIGHT + (nodeCount - 1) * gap;
-    const startY = Math.max(50, (canvasHeight - totalHeight) / 2);
-    const placed = [];
-    for (let i = 0; i < nodes.length; i++) {
-        const node = nodes[i];
-        const width = node.width || DEFAULT_NODE_WIDTH;
-        const height = node.height || DEFAULT_NODE_HEIGHT;
-        let y = startY + i * (height + gap);
-        y = findNonCollidingY(startX, y, width, height, [...placedNodes, ...placed], canvasHeight);
-        placed.push({
-            id: node.id,
-            x: startX,
-            y,
-            width,
-            height,
-            tier,
-        });
-    }
-    return placed;
-}
-function createReactFlowEdge(edge, _sourceNode, _targetNode) {
-    const commType = edge.communicationType || 'sync';
-    const commStyle = COMM_COLORS[commType] || COMM_COLORS.sync;
-    const pathType = edge.pathType || 'smooth';
-    return {
-        id: edge.id,
-        source: edge.source,
-        target: edge.target,
-        type: 'simpleFloating',
-        animated: commStyle.animated,
-        label: edge.label || '',
-        labelShowBg: true,
-        labelBgPadding: [8, 4],
-        labelBgBorderRadius: 4,
-        labelBgStyle: { fill: '#1e1e2e', fillOpacity: 0.9 },
-        labelStyle: { fontSize: 10, fontWeight: 600, fill: '#e2e8f0' },
-        style: {
-            stroke: commStyle.color,
-            strokeWidth: 2,
-            strokeDasharray: commStyle.dash,
-        },
-        markerEnd: { type: 'arrowclosed', color: commStyle.color }, // Will be overridden or ignored by frontend components
-        data: {
-            communicationType: commType,
-            pathType,
-            edgeType: commType,
-            label: edge.label || '',
-        },
-    };
-}
-export function generateELKOptions(direction = 'RIGHT', density = 'medium') {
-    const spacingMultiplier = density === 'high' ? 1.5 : density === 'medium' ? 1.2 : 1.0;
-    const options = {
-        'elk.algorithm': 'layered',
-        'elk.direction': direction,
-        'elk.hierarchyHandling': 'INCLUDE_CHILDREN',
-        'elk.edgeRouting': 'ORTHOGONAL',
-        'elk.portConstraints': 'FIXED_SIDE',
-        'elk.spacing.nodeNode': String(Math.round(60 * spacingMultiplier)),
-        'elk.spacing.edgeEdge': String(Math.round(40 * spacingMultiplier)),
-        'elk.spacing.edgeNode': String(Math.round(60 * spacingMultiplier)),
-        'elk.spacing.labelNode': '50',
-        'elk.layered.spacing.nodeNodeBetweenLayers': String(Math.round(120 * spacingMultiplier)),
-        'elk.layered.spacing.edgeNodeBetweenLayers': String(Math.round(100 * spacingMultiplier)),
-        'elk.layered.considerModelOrder.strategy': 'NODES_AND_EDGES',
-        'elk.layered.nodePlacement.strategy': 'BRANDES_KOEPF',
-        'elk.layered.crossingMinimization.strategy': 'LAYER_SWEEP',
-        'elk.layered.crossingMinimization.forceNodeModelOrder': 'false',
-        'elk.layered.separatingEdges.strategy': 'CENTERING',
-        'elk.layered.unnecessaryBendpoints': 'false',
-        'elk.layered.edgeRouting.selfLoopDistribution': 'EVEN',
-        'elk.layered.mergeEdges': 'true',
-        'elk.edgeLabels.inline': 'false',
-        'elk.edgeLabels.placement': 'CENTER',
-        'elk.padding': '[top=60, left=60, bottom=60, right=60]',
-        'elk.layered.layering.strategy': 'LONGEST_PATH',
-        'elk.layered.initialization.strategy': 'MULTI_LEVEL',
-        'elk.aspectRatio': '2.0',
-    };
-    return options;
-}
-export function computeDensity(nodes) {
-    const maxNodesPerTier = Math.max(...TIER_ORDER.map(tier => {
-        return nodes.filter(n => normalizeTier(n.tier || n.layer) === tier && !n.isGroup).length;
-    }), 0);
-    return maxNodesPerTier > 6 ? 'high' : maxNodesPerTier > 3 ? 'medium' : 'low';
-}
-export function nodesToElkFormat(nodes) {
-    return nodes.map(node => ({
-        id: node.id,
-        width: node.width || DEFAULT_NODE_WIDTH,
-        height: node.height || DEFAULT_NODE_HEIGHT,
-        layoutOptions: {
-            'elk.nodeLabels.placement': 'INSIDE',
-            'elk.portConstraints': 'FIXED_SIDE',
-            'elk.portAlignment.default': 'CENTER',
-        },
-    }));
-}
-export function edgesToElkFormat(edges) {
-    return edges.map(edge => ({
-        id: edge.id,
-        sources: [edge.source],
-        targets: [edge.target],
-    }));
-}
-export async function runELKLayout(nodes, edges, options = {}) {
-    const direction = options.direction || 'RIGHT';
-    const density = computeDensity(nodes);
-    const elkOptions = generateELKOptions(direction, density);
-    const elkNodes = nodesToElkFormat(nodes);
-    const elkEdges = edgesToElkFormat(edges);
-    try {
-        const elkModule = await import('elkjs/lib/elk.bundled.js');
-        const elk = new elkModule.default();
-        const layout = await elk.layout({
-            id: 'root',
-            layoutOptions: elkOptions,
-            children: elkNodes,
-            edges: elkEdges,
-        });
-        const nodeMap = new Map();
-        if (layout.children) {
-            for (const node of layout.children) {
-                if (node.x !== undefined && node.y !== undefined) {
-                    const originalNode = nodes.find(n => n.id === node.id);
-                    const tier = originalNode ? normalizeTier(originalNode.tier || originalNode.layer) : 'compute';
-                    nodeMap.set(node.id, {
-                        x: node.x,
-                        y: node.y,
-                        width: node.width || DEFAULT_NODE_WIDTH,
-                        height: node.height || DEFAULT_NODE_HEIGHT,
-                        tier,
-                    });
-                }
-            }
-        }
-        const placedNodes = [];
-        for (const [id, pos] of nodeMap) {
-            placedNodes.push({
-                id,
-                x: pos.x,
-                y: pos.y,
-                width: pos.width,
-                height: pos.height,
-                tier: pos.tier,
-            });
-        }
-        const reactFlowNodes = nodes.map(node => {
-            const pos = nodeMap.get(node.id);
-            const width = node.width || DEFAULT_NODE_WIDTH;
-            const height = node.height || DEFAULT_NODE_HEIGHT;
-            const tier = pos?.tier || normalizeTier(node.tier || node.layer);
-            return {
-                id: node.id,
-                type: node.isGroup ? 'groupNode' : 'systemNode',
-                position: {
-                    x: pos?.x ?? TIER_X_POSITIONS_LR[tier],
-                    y: pos?.y ?? 200,
-                },
-                data: {
-                    label: node.label,
-                    icon: node.icon || 'box',
-                    layer: node.layer,
-                    tier,
-                    tierColor: node.tierColor || TIER_COLORS[tier],
-                    subtitle: node.subtitle,
-                    serviceType: node.serviceType,
-                    isGroup: node.isGroup,
-                    parentId: node.parentId,
-                    groupLabel: node.groupLabel,
-                    groupColor: node.groupColor,
-                },
-                width: pos?.width ?? width,
-                height: pos?.height ?? height,
-                zIndex: node.isGroup ? 0 : 1,
-                ...(node.parentId ? { parentNode: node.parentId } : {}),
-            };
-        });
-        const nodePositionMap = new Map(placedNodes.map(p => [p.id, p]));
-        const reactFlowEdges = edges.map(edge => {
-            const sourceNode = nodePositionMap.get(edge.source);
-            const targetNode = nodePositionMap.get(edge.target);
-            if (sourceNode && targetNode) {
-                return createReactFlowEdge(edge, sourceNode, targetNode);
-            }
-            const commType = edge.communicationType || 'sync';
-            const commStyle = COMM_COLORS[commType] || COMM_COLORS.sync;
-            const pathType = edge.pathType || 'smooth';
-            return {
-                id: edge.id,
-                source: edge.source,
-                target: edge.target,
-                type: 'simpleFloating',
-                animated: commStyle.animated,
-                label: edge.label || '',
-                labelShowBg: true,
-                labelBgPadding: [8, 4],
-                labelBgBorderRadius: 4,
-                labelBgStyle: { fill: '#1e1e2e', fillOpacity: 0.9 },
-                labelStyle: { fontSize: 10, fontWeight: 600, fill: '#e2e8f0' },
-                style: {
-                    stroke: commStyle.color,
-                    strokeWidth: 2,
-                    strokeDasharray: commStyle.dash,
-                },
-                markerEnd: { type: 'arrowclosed', color: commStyle.color },
-                data: {
-                    communicationType: commType,
-                    pathType,
-                    edgeType: commType,
-                    label: edge.label || '',
-                },
-            };
-        });
-        const elkPositions = Array.from(nodeMap.entries()).map(([id, pos]) => ({
-            id,
-            x: pos.x,
-            y: pos.y,
-            width: pos.width,
-            height: pos.height,
-        }));
-        return {
-            nodes: reactFlowNodes,
-            edges: reactFlowEdges,
-            elkPositions,
-        };
-    }
-    catch (error) {
-        console.error('[ELK Runner] Layout computation failed:', error);
-        return runFallbackLayout(nodes, edges, options);
-    }
-}
-function tierAnchorForDirection(direction) {
-    const lr = TIER_X_POSITIONS_LR;
-    if (direction === 'LEFT') {
-        const max = Math.max(...TIER_ORDER.map(t => lr[t]));
-        const reversed = {};
-        for (const tier of TIER_ORDER)
-            reversed[tier] = max - lr[tier];
-        return reversed;
-    }
-    if (direction === 'DOWN') {
-        // Row layout — the anchor becomes the top Y coordinate of each tier.
-        return { ...lr };
-    }
-    if (direction === 'UP') {
-        const max = Math.max(...TIER_ORDER.map(t => lr[t]));
-        const reversed = {};
-        for (const tier of TIER_ORDER)
-            reversed[tier] = max - lr[tier];
-        return reversed;
-    }
-    return { ...lr };
-}
-function calculateCanvasWidth(nodesByTier) {
-    let maxNodesInLayer = 0;
-    for (const [, tierNodes] of nodesByTier) {
-        maxNodesInLayer = Math.max(maxNodesInLayer, tierNodes.length);
-    }
-    return maxNodesInLayer * (DEFAULT_NODE_WIDTH + MIN_VERTICAL_GAP) + 200;
-}
-function findNonCollidingX(startX, y, width, height, placedNodes, canvasWidth) {
-    let x = startX;
-    const maxAttempts = 100;
-    let attempts = 0;
-    while (checkCollision({ x, y, width, height }, placedNodes) && attempts < maxAttempts) {
-        x += MIN_VERTICAL_GAP / 2;
-        if (x + width > canvasWidth - 50) {
-            x = 50;
-        }
-        attempts++;
-    }
-    return Math.max(50, Math.min(x, canvasWidth - width - 50));
-}
-function distributeNodesHorizontally(nodes, startY, canvasWidth, placedNodes, tier) {
-    if (nodes.length === 0)
-        return [];
-    const nodeCount = nodes.length;
-    const totalWidth = nodeCount * DEFAULT_NODE_WIDTH + (nodeCount - 1) * MIN_VERTICAL_GAP;
-    const startX = Math.max(50, (canvasWidth - totalWidth) / 2);
-    const placed = [];
-    for (let i = 0; i < nodes.length; i++) {
-        const node = nodes[i];
-        const width = node.width || DEFAULT_NODE_WIDTH;
-        const height = node.height || DEFAULT_NODE_HEIGHT;
-        let x = startX + i * (width + MIN_VERTICAL_GAP);
-        x = findNonCollidingX(x, startY, width, height, [...placedNodes, ...placed], canvasWidth);
-        placed.push({
-            id: node.id,
-            x,
-            y: startY,
-            width,
-            height,
-            tier,
-        });
-    }
-    return placed;
-}
-export function runFallbackLayout(nodes, edges, options = {}) {
-    const direction = options.direction || 'RIGHT';
-    const isRowLayout = direction === 'DOWN' || direction === 'UP';
-    const nodesByTier = getNodesByTier(nodes);
-    const tierAnchor = tierAnchorForDirection(direction);
-    const canvasHeight = isRowLayout
-        ? TIER_ORDER.length * (DEFAULT_NODE_HEIGHT + MIN_VERTICAL_GAP) + 200
-        : calculateCanvasHeight(nodesByTier);
-    const canvasWidth = isRowLayout ? calculateCanvasWidth(nodesByTier) : 0;
-    const placedNodes = [];
-    for (const tier of TIER_ORDER) {
-        const tierNodes = nodesByTier.get(tier) || [];
-        const anchor = tierAnchor[tier];
-        if (isRowLayout) {
-            const tierPlaced = distributeNodesHorizontally(tierNodes, anchor, canvasWidth, placedNodes, tier);
-            placedNodes.push(...tierPlaced);
-        }
-        else {
-            const tierPlaced = distributeNodesVertically(tierNodes, anchor, canvasHeight, placedNodes, tier);
-            placedNodes.push(...tierPlaced);
-        }
-    }
-    const nodePositionMap = new Map(placedNodes.map(p => [p.id, p]));
-    const reactFlowNodes = nodes.map(node => {
-        const placed = nodePositionMap.get(node.id);
-        const tier = placed?.tier || normalizeTier(node.tier || node.layer);
-        const width = node.width || DEFAULT_NODE_WIDTH;
-        const height = node.height || DEFAULT_NODE_HEIGHT;
-        return {
-            id: node.id,
-            type: node.isGroup ? 'groupNode' : 'systemNode',
-            position: {
-                x: placed?.x ?? tierAnchorForDirection(direction)[tier],
-                y: placed?.y ?? 200,
-            },
-            data: {
-                label: node.label,
-                icon: node.icon || 'box',
-                layer: node.layer,
-                tier,
-                tierColor: node.tierColor || TIER_COLORS[tier],
-                subtitle: node.subtitle,
-                serviceType: node.serviceType,
-                isGroup: node.isGroup,
-                parentId: node.parentId,
-                groupLabel: node.groupLabel,
-                groupColor: node.groupColor,
-            },
-            width: placed?.width ?? width,
-            height: placed?.height ?? height,
-            zIndex: node.isGroup ? 0 : 1,
-            ...(node.parentId ? { parentNode: node.parentId } : {}),
-        };
-    });
-    const reactFlowEdges = edges.map(edge => {
-        const sourceNode = nodePositionMap.get(edge.source);
-        const targetNode = nodePositionMap.get(edge.target);
-        if (sourceNode && targetNode) {
-            return createReactFlowEdge(edge, sourceNode, targetNode);
-        }
-        const commType = (edge.communicationType || 'sync');
-        const commStyle = COMM_COLORS[commType] || COMM_COLORS.sync;
-        const pathType = edge.pathType || 'smooth';
-        return {
-            id: edge.id,
-            source: edge.source,
-            target: edge.target,
-            type: 'simpleFloating',
-            animated: commStyle.animated,
-            label: edge.label || '',
-            labelShowBg: true,
-            labelBgPadding: [8, 4],
-            labelBgBorderRadius: 4,
-            labelBgStyle: { fill: '#1e1e2e', fillOpacity: 0.9 },
-            labelStyle: { fontSize: 10, fontWeight: 600, fill: '#e2e8f0' },
-            style: {
-                stroke: commStyle.color,
-                strokeWidth: 2,
-                strokeDasharray: commStyle.dash,
-            },
-            markerEnd: { type: 'arrowclosed', color: commStyle.color },
-            data: {
-                communicationType: commType,
-                pathType,
-                edgeType: commType,
-                label: edge.label || '',
-            },
-        };
-    });
-    const elkPositions = placedNodes.map(p => ({
-        id: p.id,
-        x: p.x,
-        y: p.y,
-        width: p.width,
-        height: p.height,
-    }));
-    return {
-        nodes: reactFlowNodes,
-        edges: reactFlowEdges,
-        elkPositions,
-    };
-}
-export function validateLayout(nodes, edges) {
-    const errors = [];
-    const nodeMap = new Map(nodes.map(n => [n.id, n]));
-    for (let i = 0; i < nodes.length; i++) {
-        for (let j = i + 1; j < nodes.length; j++) {
-            const a = nodes[i];
-            const b = nodes[j];
-            const aRight = a.position.x + (a.width || DEFAULT_NODE_WIDTH);
-            const aBottom = a.position.y + (a.height || DEFAULT_NODE_HEIGHT);
-            const bRight = b.position.x + (b.width || DEFAULT_NODE_WIDTH);
-            const bBottom = b.position.y + (b.height || DEFAULT_NODE_HEIGHT);
-            const overlaps = !(aRight <= b.position.x + COLLISION_BUFFER ||
-                a.position.x >= bRight - COLLISION_BUFFER ||
-                aBottom <= b.position.y + COLLISION_BUFFER ||
-                a.position.y >= bBottom - COLLISION_BUFFER);
-            if (overlaps) {
-                errors.push(`Collision detected: ${a.data.label} overlaps with ${b.data.label}`);
-            }
-        }
-    }
-    for (const edge of edges) {
-        const source = nodeMap.get(edge.source);
-        const target = nodeMap.get(edge.target);
-        if (!source)
-            errors.push(`Edge ${edge.id}: source node not found`);
-        if (!target)
-            errors.push(`Edge ${edge.id}: target node not found`);
-    }
-    return {
-        valid: errors.length === 0,
-        errors,
-    };
-}
-//# sourceMappingURL=elk-runner.js.map