@principal-ai/subsystems-react 0.21.0 → 0.21.1

package/dist/subsystem/SubsystemCarousel.d.ts

@@ -1,36 +0,0 @@
-/**
- * SubsystemCarousel — prototype gallery for flipping through subsystem models.
- *
- * Stage shows one live `SubsystemComponentGraph` at a time (prev/next). A
- * browse button opens a grid overlay of all items so users can jump directly.
- * Hosts pass items explicitly so site showcase cases and package Storybook
- * fixtures can both drive the same component.
- */
-/// <reference types="react" />
-import type { SubsystemComponent, SubsystemComponentEdge, SubsystemThroughline } from './model';
-export interface SubsystemCarouselItem {
-    id: string;
-    /** Card / stage title. */
-    title: string;
-    /** One-line blurb on the card. */
-    description?: string;
-    /** Stack chip (e.g. TypeScript, Python, Rust). */
-    stack?: string;
-    complexity?: 'low' | 'medium' | 'high';
-    components: SubsystemComponent[];
-    edges: SubsystemComponentEdge[];
-    throughlines?: SubsystemThroughline[];
-}
-export interface SubsystemCarouselProps {
-    items: SubsystemCarouselItem[];
-    /** Controlled selection; falls back to first item when omitted. */
-    selectedId?: string;
-    /** Fires when the user picks a card or uses prev/next. */
-    onSelect?: (id: string) => void;
-    /** Show the live graph for the selected item. @default true */
-    showGraph?: boolean;
-    /** Stage height (CSS). @default '70vh' */
-    stageHeight?: string | number;
-}
-export declare function SubsystemCarousel({ items, selectedId: controlledId, onSelect, showGraph, stageHeight, }: SubsystemCarouselProps): import("react").JSX.Element;
-//# sourceMappingURL=SubsystemCarousel.d.ts.map

package/dist/subsystem/SubsystemCarousel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubsystemCarousel.d.ts","sourceRoot":"","sources":["../../src/subsystem/SubsystemCarousel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;AAOH,OAAO,KAAK,EACV,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,KAAK,EAAE,sBAAsB,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAOD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EAAE,YAAY,EACxB,QAAQ,EACR,SAAgB,EAChB,WAAoB,GACrB,EAAE,sBAAsB,+BAiRxB"}

package/dist/subsystem/SubsystemCarousel.js

@@ -1,163 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * SubsystemCarousel — prototype gallery for flipping through subsystem models.
- *
- * Stage shows one live `SubsystemComponentGraph` at a time (prev/next). A
- * browse button opens a grid overlay of all items so users can jump directly.
- * Hosts pass items explicitly so site showcase cases and package Storybook
- * fixtures can both drive the same component.
- */
-import { useCallback, useEffect, useId, useState } from 'react';
-import { ChevronLeft, ChevronRight, LayoutGrid, X } from 'lucide-react';
-import { useTheme } from '@principal-ade/industry-theme';
-import { SubsystemComponentGraph } from './SubsystemComponentGraph';
-function clampIndex(i, len) {
-    if (len <= 0)
-        return 0;
-    return ((i % len) + len) % len;
-}
-export function SubsystemCarousel({ items, selectedId: controlledId, onSelect, showGraph = true, stageHeight = '70vh', }) {
-    const { theme } = useTheme();
-    const titleId = useId();
-    const [gridOpen, setGridOpen] = useState(false);
-    const [uncontrolledId, setUncontrolledId] = useState(items[0]?.id ?? '');
-    const selectedId = controlledId ?? uncontrolledId;
-    const selectedIndex = Math.max(0, items.findIndex((it) => it.id === selectedId));
-    const selected = items[selectedIndex] ?? items[0];
-    const selectAt = useCallback((index) => {
-        const next = items[clampIndex(index, items.length)];
-        if (!next)
-            return;
-        if (controlledId === undefined)
-            setUncontrolledId(next.id);
-        onSelect?.(next.id);
-    }, [controlledId, items, onSelect]);
-    const selectId = useCallback((id) => {
-        const idx = items.findIndex((it) => it.id === id);
-        if (idx >= 0)
-            selectAt(idx);
-    }, [items, selectAt]);
-    useEffect(() => {
-        if (controlledId !== undefined)
-            return;
-        if (!items.some((it) => it.id === uncontrolledId) && items[0]) {
-            setUncontrolledId(items[0].id);
-        }
-    }, [controlledId, items, uncontrolledId]);
-    useEffect(() => {
-        if (!gridOpen)
-            return;
-        const onKey = (e) => {
-            if (e.key === 'Escape')
-                setGridOpen(false);
-        };
-        window.addEventListener('keydown', onKey);
-        return () => window.removeEventListener('keydown', onKey);
-    }, [gridOpen]);
-    const onStageKeyDown = (e) => {
-        if (gridOpen)
-            return;
-        if (e.key === 'ArrowRight') {
-            e.preventDefault();
-            selectAt(selectedIndex + 1);
-        }
-        else if (e.key === 'ArrowLeft') {
-            e.preventDefault();
-            selectAt(selectedIndex - 1);
-        }
-    };
-    if (!items.length || !selected) {
-        return (_jsx("div", { style: { padding: 24, color: theme.colors.textMuted ?? theme.colors.textSecondary }, children: "No subsystem examples." }));
-    }
-    const muted = theme.colors.textMuted ?? theme.colors.textSecondary;
-    const border = theme.colors.border ?? 'rgba(127,127,127,0.3)';
-    return (_jsxs("div", { role: "region", "aria-labelledby": titleId, tabIndex: 0, onKeyDown: onStageKeyDown, style: {
-            display: 'flex',
-            flexDirection: 'column',
-            width: '100%',
-            height: '100%',
-            minHeight: 0,
-            position: 'relative',
-            background: theme.colors.background,
-            color: theme.colors.text,
-            fontFamily: theme.fonts.body,
-            outline: 'none',
-        }, children: [_jsxs("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    gap: 12,
-                    padding: '10px 16px',
-                    borderBottom: `1px solid ${border}`,
-                }, children: [_jsx("button", { type: "button", "aria-label": "Previous example", onClick: () => selectAt(selectedIndex - 1), style: navBtnStyle(theme), children: _jsx(ChevronLeft, { size: 18 }) }), _jsxs("div", { style: { textAlign: 'center', minWidth: 0, flex: 1 }, children: [_jsx("div", { id: titleId, style: { fontWeight: 600, fontSize: 16 }, children: selected.title }), selected.description && (_jsx("div", { style: { fontSize: 13, color: muted, marginTop: 2 }, children: selected.description })), _jsxs("div", { style: { fontSize: 11, color: muted, marginTop: 4, opacity: 0.8 }, children: [selectedIndex + 1, " / ", items.length, selected.stack ? ` · ${selected.stack}` : ''] })] }), _jsxs("div", { style: { display: 'flex', gap: 8, alignItems: 'center' }, children: [_jsxs("button", { type: "button", "aria-label": "Browse all examples", "aria-expanded": gridOpen, onClick: () => setGridOpen(true), style: {
-                                    ...navBtnStyle(theme),
-                                    width: 'auto',
-                                    padding: '0 12px',
-                                    gap: 6,
-                                    fontSize: 13,
-                                }, children: [_jsx(LayoutGrid, { size: 16 }), "All"] }), _jsx("button", { type: "button", "aria-label": "Next example", onClick: () => selectAt(selectedIndex + 1), style: navBtnStyle(theme), children: _jsx(ChevronRight, { size: 18 }) })] })] }), showGraph && (_jsx("div", { style: { flex: 1, minHeight: stageHeight, position: 'relative' }, children: _jsx(SubsystemComponentGraph, { components: selected.components, edges: selected.edges, throughlines: selected.throughlines, title: selected.title, description: selected.description, hideSidebar: true, graphTitle: selected.title, showEdgeLabels: true }, selected.id) })), gridOpen && (_jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": "All subsystem examples", style: {
-                    position: 'absolute',
-                    inset: 0,
-                    zIndex: 40,
-                    background: theme.colors.background,
-                    display: 'flex',
-                    flexDirection: 'column',
-                    minHeight: 0,
-                }, children: [_jsxs("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '12px 16px',
-                            borderBottom: `1px solid ${border}`,
-                        }, children: [_jsx("div", { style: { fontWeight: 600, fontSize: 16 }, children: "All examples" }), _jsx("button", { type: "button", "aria-label": "Close browse grid", onClick: () => setGridOpen(false), style: navBtnStyle(theme), children: _jsx(X, { size: 18 }) })] }), _jsx("div", { style: {
-                            flex: 1,
-                            overflow: 'auto',
-                            padding: 16,
-                            display: 'grid',
-                            gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
-                            gap: 12,
-                            alignContent: 'start',
-                        }, children: items.map((item) => {
-                            const active = item.id === selected.id;
-                            return (_jsxs("button", { type: "button", onClick: () => {
-                                    selectId(item.id);
-                                    setGridOpen(false);
-                                }, style: {
-                                    textAlign: 'left',
-                                    padding: '14px 16px',
-                                    borderRadius: 10,
-                                    border: `1px solid ${active ? (theme.colors.accent ?? theme.colors.primary) : border}`,
-                                    background: active
-                                        ? (theme.colors.backgroundSecondary ?? theme.colors.surface)
-                                        : (theme.colors.surface ?? theme.colors.background),
-                                    color: theme.colors.text,
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    gap: 6,
-                                    minHeight: 110,
-                                }, children: [_jsxs("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap', alignItems: 'center' }, children: [item.stack && (_jsx("span", { style: {
-                                                    fontSize: 11,
-                                                    fontFamily: theme.fonts.monospace,
-                                                    padding: '2px 6px',
-                                                    borderRadius: 4,
-                                                    background: theme.colors.backgroundSecondary ?? theme.colors.surface,
-                                                    color: muted,
-                                                }, children: item.stack })), item.complexity && (_jsx("span", { style: { fontSize: 11, color: muted }, children: item.complexity }))] }), _jsx("div", { style: { fontSize: 15, fontWeight: 600, lineHeight: 1.3 }, children: item.title }), item.description && (_jsx("div", { style: { fontSize: 12, lineHeight: 1.4, color: muted }, children: item.description }))] }, item.id));
-                        }) })] }))] }));
-}
-function navBtnStyle(theme) {
-    return {
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 36,
-        height: 36,
-        borderRadius: 8,
-        border: `1px solid ${theme.colors.border ?? 'rgba(127,127,127,0.3)'}`,
-        background: theme.colors.surface ?? 'transparent',
-        color: theme.colors.text,
-        cursor: 'pointer',
-    };
-}
-//# sourceMappingURL=SubsystemCarousel.js.map

package/dist/subsystem/SubsystemCarousel.js.map

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

package/dist/utils/animationMapping.d.ts

@@ -1,53 +0,0 @@
-/**
- * Animation mapping utilities
- *
- * Maps log levels and component events to appropriate animations
- * for Milestone 1 default visualization behavior
- */
-import type { LogLevel } from '@principal-ai/subsystems-core';
-/**
- * Node animation configuration
- */
-export interface NodeAnimation {
-    type: 'pulse' | 'flash' | 'shake' | 'entry';
-    duration: number;
-    intensity?: number;
-    color?: string;
-}
-/**
- * Edge animation configuration
- */
-export interface EdgeAnimation {
-    type: 'flow' | 'particle' | 'pulse' | 'glow';
-    duration: number;
-    direction?: 'forward' | 'backward' | 'bidirectional';
-    color?: string;
-}
-/**
- * Map log level to node animation
- *
- * Default behavior for Milestone 1:
- * - debug: subtle pulse (low intensity)
- * - info: standard pulse (medium intensity)
- * - warn: amber pulse (high intensity)
- * - error: red flash + shake
- */
-export declare function logLevelToNodeAnimation(level: LogLevel): NodeAnimation;
-/**
- * Map component action to node animation (Milestone 2)
- */
-export declare function actionToNodeAnimation(_action: string, state?: string): NodeAnimation;
-/**
- * Get animation config for edge based on action (Milestone 2)
- */
-export declare function actionToEdgeAnimation(_action: string, edgeConfig?: EdgeAnimation): EdgeAnimation;
-/**
- * Check if log level should trigger animation
- */
-export declare function shouldAnimate(level: LogLevel, minLevel?: LogLevel): boolean;
-/**
- * Calculate animation intensity based on frequency
- * Used to adjust animation intensity when multiple logs occur rapidly
- */
-export declare function calculateIntensity(baseIntensity: number, eventCount: number, _timeWindow?: number): number;
-//# sourceMappingURL=animationMapping.d.ts.map

package/dist/utils/animationMapping.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animationMapping.d.ts","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,QAAQ,GAAG,aAAa,CAkCtE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,CAiDpF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,aAAa,GAAG,aAAa,CAShG;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAE,QAAiB,GAAG,OAAO,CAMnF;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,WAAW,GAAE,MAAa,GACzB,MAAM,CAIR"}

package/dist/utils/animationMapping.js

@@ -1,126 +0,0 @@
-/**
- * Animation mapping utilities
- *
- * Maps log levels and component events to appropriate animations
- * for Milestone 1 default visualization behavior
- */
-/**
- * Map log level to node animation
- *
- * Default behavior for Milestone 1:
- * - debug: subtle pulse (low intensity)
- * - info: standard pulse (medium intensity)
- * - warn: amber pulse (high intensity)
- * - error: red flash + shake
- */
-export function logLevelToNodeAnimation(level) {
-    switch (level) {
-        case 'debug':
-            return {
-                type: 'pulse',
-                duration: 800,
-                intensity: 0.3,
-                color: '#94a3b8', // slate-400
-            };
-        case 'info':
-            return {
-                type: 'pulse',
-                duration: 1000,
-                intensity: 0.5,
-                color: '#3b82f6', // blue-500
-            };
-        case 'warn':
-            return {
-                type: 'pulse',
-                duration: 1200,
-                intensity: 1.0,
-                color: '#f59e0b', // amber-500
-            };
-        case 'error':
-            return {
-                type: 'flash',
-                duration: 1500,
-                intensity: 1.0,
-                color: '#ef4444', // red-500
-            };
-    }
-}
-/**
- * Map component action to node animation (Milestone 2)
- */
-export function actionToNodeAnimation(_action, state) {
-    // Default mapping - can be overridden by configuration
-    switch (state) {
-        case 'acquired':
-        case 'active':
-        case 'processing':
-            return {
-                type: 'pulse',
-                duration: 1000,
-                intensity: 0.8,
-                color: '#22c55e', // green-500
-            };
-        case 'waiting':
-        case 'pending':
-            return {
-                type: 'pulse',
-                duration: 1500,
-                intensity: 0.5,
-                color: '#eab308', // yellow-500
-            };
-        case 'error':
-        case 'failed':
-            return {
-                type: 'shake',
-                duration: 600,
-                intensity: 1.0,
-                color: '#ef4444', // red-500
-            };
-        case 'completed':
-        case 'success':
-            return {
-                type: 'flash',
-                duration: 800,
-                intensity: 0.7,
-                color: '#22c55e', // green-500
-            };
-        default:
-            // Generic action animation
-            return {
-                type: 'pulse',
-                duration: 1000,
-                intensity: 0.6,
-                color: '#3b82f6', // blue-500
-            };
-    }
-}
-/**
- * Get animation config for edge based on action (Milestone 2)
- */
-export function actionToEdgeAnimation(_action, edgeConfig) {
-    // Use edge config if provided, otherwise default
-    return (edgeConfig || {
-        type: 'flow',
-        duration: 2000,
-        direction: 'forward',
-    });
-}
-/**
- * Check if log level should trigger animation
- */
-export function shouldAnimate(level, minLevel = 'info') {
-    const levels = ['debug', 'info', 'warn', 'error'];
-    const minIndex = levels.indexOf(minLevel);
-    const currentIndex = levels.indexOf(level);
-    return currentIndex >= minIndex;
-}
-/**
- * Calculate animation intensity based on frequency
- * Used to adjust animation intensity when multiple logs occur rapidly
- */
-export function calculateIntensity(baseIntensity, eventCount, _timeWindow = 1000) {
-    // Reduce intensity if too many events in time window
-    const scaleFactor = Math.min(1.0, 5.0 / eventCount);
-    return Math.max(0.2, baseIntensity * scaleFactor);
-}
-//# sourceMappingURL=animationMapping.js.map

package/dist/utils/animationMapping.js.map

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

package/dist/utils/canvasBounds.d.ts

@@ -1,50 +0,0 @@
-import type { ExtendedCanvas } from '@principal-ai/subsystems-core';
-export interface CanvasBounds {
-    minX: number;
-    minY: number;
-    maxX: number;
-    maxY: number;
-    width: number;
-    height: number;
-}
-/**
- * Calculate the bounding box of all nodes in a canvas.
- * Returns the min/max coordinates and total dimensions.
- */
-export declare function getCanvasBounds(canvas: ExtendedCanvas): CanvasBounds;
-export interface Viewport {
-    x: number;
-    y: number;
-    zoom: number;
-}
-/**
- * Calculate the initial viewport to fit all nodes within a container.
- * This allows setting defaultViewport on ReactFlow to avoid the
- * "zoom in then animate out" effect.
- *
- * @param bounds - The bounding box of all nodes
- * @param containerWidth - Width of the container in pixels
- * @param containerHeight - Height of the container in pixels
- * @param options - Additional options for padding and zoom limits
- * @returns The viewport { x, y, zoom } to pass to ReactFlow's defaultViewport
- */
-export declare function calculateInitialViewport(bounds: CanvasBounds, containerWidth: number, containerHeight: number, options?: {
-    padding?: number;
-    minZoom?: number;
-    maxZoom?: number;
-}): Viewport;
-/**
- * Calculate a recommended display size for a canvas cell.
- * Adds padding and enforces minimum dimensions.
- */
-export declare function getCanvasDisplaySize(canvas: ExtendedCanvas, options?: {
-    padding?: number;
-    minWidth?: number;
-    minHeight?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-}): {
-    width: number;
-    height: number;
-};
-//# sourceMappingURL=canvasBounds.d.ts.map

package/dist/utils/canvasBounds.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvasBounds.d.ts","sourceRoot":"","sources":["../../src/utils/canvasBounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,YAAY,CAqCpE;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,YAAY,EACpB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACb,GACL,QAAQ,CA2BV;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACf,GACL;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAoBnC"}

package/dist/utils/canvasBounds.js

@@ -1,88 +0,0 @@
-const DEFAULT_NODE_WIDTH = 200;
-const DEFAULT_NODE_HEIGHT = 100;
-/**
- * Calculate the bounding box of all nodes in a canvas.
- * Returns the min/max coordinates and total dimensions.
- */
-export function getCanvasBounds(canvas) {
-    if (!canvas.nodes || canvas.nodes.length === 0) {
-        return {
-            minX: 0,
-            minY: 0,
-            maxX: DEFAULT_NODE_WIDTH,
-            maxY: DEFAULT_NODE_HEIGHT,
-            width: DEFAULT_NODE_WIDTH,
-            height: DEFAULT_NODE_HEIGHT,
-        };
-    }
-    let minX = Infinity;
-    let minY = Infinity;
-    let maxX = -Infinity;
-    let maxY = -Infinity;
-    for (const node of canvas.nodes) {
-        const x = node.x ?? 0;
-        const y = node.y ?? 0;
-        const width = node.width ?? DEFAULT_NODE_WIDTH;
-        const height = node.height ?? DEFAULT_NODE_HEIGHT;
-        minX = Math.min(minX, x);
-        minY = Math.min(minY, y);
-        maxX = Math.max(maxX, x + width);
-        maxY = Math.max(maxY, y + height);
-    }
-    return {
-        minX,
-        minY,
-        maxX,
-        maxY,
-        width: maxX - minX,
-        height: maxY - minY,
-    };
-}
-/**
- * Calculate the initial viewport to fit all nodes within a container.
- * This allows setting defaultViewport on ReactFlow to avoid the
- * "zoom in then animate out" effect.
- *
- * @param bounds - The bounding box of all nodes
- * @param containerWidth - Width of the container in pixels
- * @param containerHeight - Height of the container in pixels
- * @param options - Additional options for padding and zoom limits
- * @returns The viewport { x, y, zoom } to pass to ReactFlow's defaultViewport
- */
-export function calculateInitialViewport(bounds, containerWidth, containerHeight, options = {}) {
-    const { padding = 0.2, minZoom = 0.1, maxZoom = 1.5 } = options;
-    // Calculate the zoom level needed to fit the bounds within the container
-    // Account for padding by reducing the effective container size
-    const effectiveWidth = containerWidth * (1 - padding);
-    const effectiveHeight = containerHeight * (1 - padding);
-    const zoomX = effectiveWidth / bounds.width;
-    const zoomY = effectiveHeight / bounds.height;
-    // Use the smaller zoom to ensure both dimensions fit
-    let zoom = Math.min(zoomX, zoomY);
-    // Clamp to min/max zoom
-    zoom = Math.max(minZoom, Math.min(maxZoom, zoom));
-    // Calculate the center of the bounds
-    const boundsCenterX = bounds.minX + bounds.width / 2;
-    const boundsCenterY = bounds.minY + bounds.height / 2;
-    // Calculate viewport position to center the bounds
-    // ReactFlow viewport x,y represent the offset of the canvas origin from the container's top-left
-    const x = containerWidth / 2 - boundsCenterX * zoom;
-    const y = containerHeight / 2 - boundsCenterY * zoom;
-    return { x, y, zoom };
-}
-/**
- * Calculate a recommended display size for a canvas cell.
- * Adds padding and enforces minimum dimensions.
- */
-export function getCanvasDisplaySize(canvas, options = {}) {
-    const { padding = 100, minWidth = 300, minHeight = 200, maxWidth = 1200, maxHeight = 800, } = options;
-    const bounds = getCanvasBounds(canvas);
-    // Add padding to content dimensions
-    const contentWidth = bounds.width + padding * 2;
-    const contentHeight = bounds.height + padding * 2;
-    // Clamp to min/max
-    const width = Math.min(maxWidth, Math.max(minWidth, contentWidth));
-    const height = Math.min(maxHeight, Math.max(minHeight, contentHeight));
-    return { width, height };
-}
-//# sourceMappingURL=canvasBounds.js.map

package/dist/utils/canvasBounds.js.map

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

package/dist/utils/graphConverter.d.ts

@@ -1,18 +0,0 @@
-import { type Node, type Edge } from '@xyflow/react';
-import type { NodeState, EdgeState, GraphConfiguration, Violation } from '@principal-ai/subsystems-core';
-import type { CustomNodeData } from '../nodes/CustomNode';
-import type { CustomEdgeData } from '../edges/CustomEdge';
-/**
- * Convert our NodeState to xyflow Node format
- */
-export declare function convertToXYFlowNodes(nodes: NodeState[], configuration: GraphConfiguration, violations?: Violation[]): Node<CustomNodeData>[];
-/** Extended edge state with optional handle information for ReactFlow */
-export interface EdgeStateWithHandles extends EdgeState {
-    sourceHandle?: string;
-    targetHandle?: string;
-}
-/**
- * Convert our EdgeState to xyflow Edge format
- */
-export declare function convertToXYFlowEdges(edges: (EdgeState | EdgeStateWithHandles)[], configuration: GraphConfiguration, violations?: Violation[]): Edge<CustomEdgeData>[];
-//# sourceMappingURL=graphConverter.d.ts.map

package/dist/utils/graphConverter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"graphConverter.d.ts","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,SAAS,EACV,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAAE,EAClB,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CA8CxB;AAED,yEAAyE;AACzE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,CAAC,SAAS,GAAG,oBAAoB,CAAC,EAAE,EAC3C,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CAmDxB"}