@simten/ui 0.1.1

package/dist/editor/components/ComponentTooltip.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ComponentTooltip Component
+ *
+ * Displays detailed information about a component on hover,
+ * similar to Turing Complete game tooltips.
+ * Shows component name, description, and input/output states.
+ */
+import { useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../../lib/utils';
+export function ComponentTooltip({ children, title, description, inputs = [], outputs = [], enabled = true, delayMs = 500, }) {
+    const [isVisible, setIsVisible] = useState(false);
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    const timeoutRef = useRef(null);
+    const targetRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    const handleMouseEnter = () => {
+        if (!enabled)
+            return;
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+            const rect = targetRef.current?.getBoundingClientRect();
+            if (rect) {
+                // Position tooltip to the right of the component with some offset
+                setPosition({
+                    x: rect.right + 12,
+                    y: rect.top + rect.height / 2,
+                });
+                setIsVisible(true);
+            }
+        }, delayMs);
+    };
+    const handleMouseLeave = () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        setIsVisible(false);
+    };
+    const handleDragStart = () => {
+        // Immediately hide tooltip and clear any pending timeout when drag starts
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        setIsVisible(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: targetRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onDragStart: handleDragStart, className: "h-full w-full", children: children }), isVisible &&
+                createPortal(_jsx(TooltipContent, { title: title, description: description, inputs: inputs, outputs: outputs, position: position }), document.body)] }));
+}
+function TooltipContent({ title, description, inputs, outputs, position }) {
+    return (_jsx("div", { className: "pointer-events-none fixed z-50", style: {
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+            transform: 'translateY(-50%)',
+        }, children: _jsxs("div", { className: "min-w-[240px] rounded-lg border-2 border-gray-400 bg-gradient-to-br from-gray-50 to-white px-5 py-4 shadow-2xl shadow-black/20", children: [_jsx("div", { className: "mb-2 border-b border-gray-300 pb-2 text-base font-bold uppercase tracking-wide text-gray-800", children: title }), _jsx("div", { className: "mb-4 text-sm leading-relaxed text-gray-700", children: description }), inputs.length > 0 && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-gray-600", children: "Inputs:" }), _jsx("div", { className: "space-y-2 rounded-md bg-gray-100/50 px-3 py-2", children: inputs.map((input) => (_jsx(PortRow, { port: input }, `input-${input.index}`))) })] })), outputs.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-gray-600", children: "Outputs:" }), _jsx("div", { className: "space-y-2 rounded-md bg-gray-100/50 px-3 py-2", children: outputs.map((output) => (_jsx(PortRow, { port: output }, `output-${output.index}`))) })] }))] }) }));
+}
+function PortRow({ port }) {
+    const getStateColor = (value) => {
+        if (value === undefined) {
+            return 'bg-gray-300 border-gray-400';
+        }
+        return value ? 'bg-green-500 border-green-600' : 'bg-gray-400 border-gray-500';
+    };
+    const getStateText = (value) => {
+        if (value === undefined) {
+            return null; // Don't show status for unconnected/template ports
+        }
+        return value ? 'ON' : 'OFF';
+    };
+    const stateText = getStateText(port.value);
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cn('h-2.5 w-2.5 rounded-full border transition-colors', getStateColor(port.value)) }), _jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [_jsx("span", { className: "text-gray-700", children: port.label }), stateText && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-gray-500", children: "-" }), _jsx("span", { className: cn('font-medium', port.value === true && 'text-green-600', port.value === false && 'text-gray-600'), children: stateText })] }))] })] }));
+}
+//# sourceMappingURL=ComponentTooltip.js.map

package/dist/editor/components/ComponentTooltip.js.map

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

package/dist/editor/components/ConflictResolutionModal.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ConflictResolutionModal Component
+ *
+ * Modal dialog for resolving conflicts between circuit code and canvas edits.
+ * Shows when both the TypeScript circuit code and canvas have been modified simultaneously.
+ *
+ * User can choose to:
+ * - Keep code changes (discard canvas changes)
+ * - Keep canvas changes (update code from canvas)
+ */
+interface ConflictResolutionModalProps {
+    isOpen: boolean;
+    onKeepCode: () => void;
+    onKeepCanvas: () => void;
+    onCancel: () => void;
+}
+export declare function ConflictResolutionModal({ isOpen, onKeepCode, onKeepCanvas, onCancel, }: ConflictResolutionModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ConflictResolutionModal.d.ts.map

package/dist/editor/components/ConflictResolutionModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictResolutionModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/ConflictResolutionModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,UAAU,4BAA4B;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,4BAA4B,kDA+D9B"}

package/dist/editor/components/ConflictResolutionModal.js

@@ -0,0 +1,20 @@
+/**
+ * ConflictResolutionModal Component
+ *
+ * Modal dialog for resolving conflicts between circuit code and canvas edits.
+ * Shows when both the TypeScript circuit code and canvas have been modified simultaneously.
+ *
+ * User can choose to:
+ * - Keep code changes (discard canvas changes)
+ * - Keep canvas changes (update code from canvas)
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle } from 'lucide-react';
+import { Button } from '../../primitives/button';
+export function ConflictResolutionModal({ isOpen, onKeepCode, onKeepCanvas, onCancel, }) {
+    if (!isOpen)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50", children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full mx-4", children: [_jsxs("div", { className: "flex items-center gap-3 px-6 py-4 border-b border-gray-200", children: [_jsx(AlertTriangle, { className: "w-6 h-6 text-amber-500" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Conflict Detected" })] }), _jsxs("div", { className: "px-6 py-4", children: [_jsx("p", { className: "text-sm text-gray-700 mb-4", children: "Both the circuit code and the canvas have been modified since the last sync. Please choose which changes to keep:" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded", children: [_jsx("h3", { className: "text-sm font-medium text-blue-900 mb-1", children: "Keep Code Changes" }), _jsx("p", { className: "text-xs text-blue-700", children: "The canvas will be updated to match the current circuit code. Any canvas-only changes will be lost." })] }), _jsxs("div", { className: "p-3 bg-green-50 border border-green-200 rounded", children: [_jsx("h3", { className: "text-sm font-medium text-green-900 mb-1", children: "Keep Canvas Changes" }), _jsx("p", { className: "text-xs text-green-700", children: "The circuit code will be regenerated from the current canvas state. Any code-only changes will be lost." })] })] })] }), _jsxs("div", { className: "flex gap-3 px-6 py-4 border-t border-gray-200 bg-gray-50", children: [_jsx(Button, { onClick: onCancel, variant: "outline", className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: onKeepCode, className: "flex-1 bg-blue-600 hover:bg-blue-700 text-white", children: "Keep Code" }), _jsx(Button, { onClick: onKeepCanvas, className: "flex-1 bg-green-600 hover:bg-green-700 text-white", children: "Keep Canvas" })] })] }) }));
+}
+//# sourceMappingURL=ConflictResolutionModal.js.map

package/dist/editor/components/ConflictResolutionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictResolutionModal.js","sourceRoot":"","sources":["../../../src/editor/components/ConflictResolutionModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,YAAY,CAAC;;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AASjD,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,UAAU,EACV,YAAY,EACZ,QAAQ,GACqB;IAC7B,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,cAAK,SAAS,EAAC,4EAA4E,YACzF,eAAK,SAAS,EAAC,oDAAoD,aAEjE,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,aAAa,IAAC,SAAS,EAAC,wBAAwB,GAAG,EACpD,aAAI,SAAS,EAAC,qCAAqC,kCAAuB,IACtE,EAGN,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,4BAA4B,kIAGrC,EAEJ,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,+CAA+C,aAC5D,aAAI,SAAS,EAAC,wCAAwC,kCAAuB,EAC7E,YAAG,SAAS,EAAC,uBAAuB,oHAGhC,IACA,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,aAAI,SAAS,EAAC,yCAAyC,oCAAyB,EAChF,YAAG,SAAS,EAAC,wBAAwB,wHAGjC,IACA,IACF,IACF,EAGN,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,QAAQ,uBAGX,EACT,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,iDAAiD,0BAGpD,EACT,KAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,mDAAmD,4BAGtD,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/HierarchyBreadcrumb.d.ts

@@ -0,0 +1,9 @@
+/**
+ * HierarchyBreadcrumb Component
+ *
+ * Renders a breadcrumb navigation bar when the user has drilled into
+ * a composite component. Shows the hierarchy path and allows navigation
+ * back to any level.
+ */
+export declare function HierarchyBreadcrumb(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=HierarchyBreadcrumb.d.ts.map

package/dist/editor/components/HierarchyBreadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchyBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/editor/components/HierarchyBreadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,wBAAgB,mBAAmB,mDA6DlC"}

package/dist/editor/components/HierarchyBreadcrumb.js

@@ -0,0 +1,32 @@
+/**
+ * HierarchyBreadcrumb Component
+ *
+ * Renders a breadcrumb navigation bar when the user has drilled into
+ * a composite component. Shows the hierarchy path and allows navigation
+ * back to any level.
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useCircuitPreviewStore } from "../stores/circuit-preview-store";
+export function HierarchyBreadcrumb() {
+    const drillDownStack = useCircuitPreviewStore((state) => state.drillDownStack);
+    const navigateTo = useCircuitPreviewStore((state) => state.navigateTo);
+    const compiledCircuits = useCircuitPreviewStore((state) => state.compiledCircuits);
+    const selectedCircuitIndex = useCircuitPreviewStore((state) => state.selectedCircuitIndex);
+    if (drillDownStack.length === 0)
+        return null;
+    // Get top-level circuit name
+    const topLevelName = selectedCircuitIndex >= 0 && selectedCircuitIndex < compiledCircuits.length
+        ? compiledCircuits[selectedCircuitIndex].name
+        : "Circuit";
+    return (_jsxs("div", { className: "flex items-center gap-1 border-b border-gray-200 bg-gray-50 px-4 py-1.5 text-sm", children: [_jsx("span", { className: "mr-2 rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-amber-700", children: "Read-Only" }), _jsx("button", { onClick: () => navigateTo(0), className: "text-blue-600 hover:text-blue-800 hover:underline", children: topLevelName }), drillDownStack.map((frame, index) => {
+                const isLast = index === drillDownStack.length - 1;
+                return (_jsxs(React.Fragment, { children: [_jsx("span", { className: "text-gray-400", children: ">" }), isLast ? (
+                        // Current (deepest) segment — not clickable
+                        _jsxs("span", { className: "font-medium text-gray-900", children: [frame.nodeLabel, " ", _jsxs("span", { className: "text-gray-500", children: ["(", frame.componentName, ")"] })] })) : (
+                        // Intermediate segment — clickable
+                        _jsxs("button", { onClick: () => navigateTo(index + 1), className: "text-blue-600 hover:text-blue-800 hover:underline", children: [frame.nodeLabel, " ", _jsxs("span", { className: "text-blue-400", children: ["(", frame.componentName, ")"] })] }))] }, frame.nodeId));
+            })] }));
+}
+//# sourceMappingURL=HierarchyBreadcrumb.js.map

package/dist/editor/components/HierarchyBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchyBreadcrumb.js","sourceRoot":"","sources":["../../../src/editor/components/HierarchyBreadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,MAAM,UAAU,mBAAmB;IACjC,MAAM,cAAc,GAAG,sBAAsB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,sBAAsB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,sBAAsB,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAClC,CAAC;IACF,MAAM,oBAAoB,GAAG,sBAAsB,CACjD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CACtC,CAAC;IAEF,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7C,6BAA6B;IAC7B,MAAM,YAAY,GAChB,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,gBAAgB,CAAC,MAAM;QACzE,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,IAAI;QAC7C,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,eAAK,SAAS,EAAC,iFAAiF,aAE9F,eAAM,SAAS,EAAC,4FAA4F,0BAErG,EAGP,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAC5B,SAAS,EAAC,mDAAmD,YAE5D,YAAY,GACN,EAGR,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACnC,MAAM,MAAM,GAAG,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;gBAEnD,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,eAAM,SAAS,EAAC,eAAe,kBAAY,EAC1C,MAAM,CAAC,CAAC,CAAC;wBACR,4CAA4C;wBAC5C,gBAAM,SAAS,EAAC,2BAA2B,aACxC,KAAK,CAAC,SAAS,EAAE,GAAG,EACrB,gBAAM,SAAS,EAAC,eAAe,kBAAG,KAAK,CAAC,aAAa,SAAS,IACzD,CACR,CAAC,CAAC,CAAC;wBACF,mCAAmC;wBACnC,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,EACpC,SAAS,EAAC,mDAAmD,aAE5D,KAAK,CAAC,SAAS,EAAE,GAAG,EACrB,gBAAM,SAAS,EAAC,eAAe,kBAAG,KAAK,CAAC,aAAa,SAAS,IACvD,CACV,KAjBkB,KAAK,CAAC,MAAM,CAkBhB,CAClB,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/LabelEditor.d.ts

@@ -0,0 +1,17 @@
+/**
+ * LabelEditor Component
+ *
+ * Inline input field for editing component labels.
+ */
+interface LabelEditorProps {
+    initialValue: string;
+    onSave: (value: string) => void;
+    onCancel: () => void;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export declare function LabelEditor({ initialValue, onSave, onCancel, position }: LabelEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LabelEditor.d.ts.map

package/dist/editor/components/LabelEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LabelEditor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,UAAU,gBAAgB;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAkDzF"}

package/dist/editor/components/LabelEditor.js

@@ -0,0 +1,40 @@
+/**
+ * LabelEditor Component
+ *
+ * Inline input field for editing component labels.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+export function LabelEditor({ initialValue, onSave, onCancel, position }) {
+    const [value, setValue] = useState(initialValue);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        // Auto-focus and select text
+        if (inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.select();
+        }
+    }, []);
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onSave(value.trim());
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onCancel();
+        }
+    };
+    const handleBlur = () => {
+        // Save on blur
+        onSave(value.trim());
+    };
+    return (_jsx("div", { className: "fixed z-[100]", style: {
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+            transform: 'translate(-50%, -100%)',
+            marginTop: '-8px',
+        }, children: _jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, onBlur: handleBlur, className: "rounded border-2 border-blue-500 bg-white px-2 py-1 text-sm font-medium shadow-lg focus:outline-none", style: { minWidth: '80px' }, onClick: (e) => e.stopPropagation() }) }));
+}
+//# sourceMappingURL=LabelEditor.js.map

package/dist/editor/components/LabelEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelEditor.js","sourceRoot":"","sources":["../../../src/editor/components/LabelEditor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS3D,MAAM,UAAU,WAAW,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAoB;IACxF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,6BAA6B;QAC7B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,eAAe;QACf,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;YACvB,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;YACtB,SAAS,EAAE,wBAAwB;YACnC,SAAS,EAAE,MAAM;SAClB,YAED,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,GACnC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/SignalOutputPanel.d.ts

@@ -0,0 +1,11 @@
+/**
+ * SignalOutputPanel
+ *
+ * Displays circuit output port values in real-time during simulation.
+ * Pure presentational — receives portValues as a prop.
+ */
+export interface SignalOutputPanelProps {
+    portValues?: ReadonlyMap<string, boolean | number>;
+}
+export declare function SignalOutputPanel({ portValues }: SignalOutputPanelProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SignalOutputPanel.d.ts.map

package/dist/editor/components/SignalOutputPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalOutputPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/SignalOutputPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;CACpD;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,EAAE,sBAAsB,kDA+BvE"}

package/dist/editor/components/SignalOutputPanel.js

@@ -0,0 +1,34 @@
+/**
+ * SignalOutputPanel
+ *
+ * Displays circuit output port values in real-time during simulation.
+ * Pure presentational — receives portValues as a prop.
+ */
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCircuitStore } from '../stores';
+function formatValue(value) {
+    if (value === undefined)
+        return '—';
+    if (typeof value === 'boolean')
+        return value ? '1' : '0';
+    if (Math.abs(value) > 255) {
+        return `0x${(value >>> 0).toString(16).toUpperCase().padStart(8, '0')}`;
+    }
+    return String(value);
+}
+export function SignalOutputPanel({ portValues }) {
+    const circuit = useCircuitStore((state) => state.circuit);
+    if (!circuit || circuit.outputs.length === 0 || !portValues)
+        return null;
+    return (_jsx("div", { className: "flex items-center gap-3", children: circuit.outputs.map((output) => {
+            let value;
+            for (const [key, val] of portValues) {
+                if (key.endsWith(`.${output.name}`)) {
+                    value = val;
+                }
+            }
+            return (_jsxs("div", { className: "flex items-center gap-1.5 rounded bg-gray-100 dark:bg-[#2a2a2e] px-2 py-1", children: [_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [output.name, ":"] }), _jsx("span", { className: "font-mono text-xs font-semibold text-emerald-600 dark:text-emerald-400", children: formatValue(value) })] }, output.name));
+        }) }));
+}
+//# sourceMappingURL=SignalOutputPanel.js.map

package/dist/editor/components/SignalOutputPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalOutputPanel.js","sourceRoot":"","sources":["../../../src/editor/components/SignalOutputPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,SAAS,WAAW,CAAC,KAAmC;IACtD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC;IACpC,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACzD,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC1E,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAMD,MAAM,UAAU,iBAAiB,CAAC,EAAE,UAAU,EAA0B;IACtE,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE1D,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAEzE,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,IAAI,KAAmC,CAAC;YACxC,KAAK,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,UAAU,EAAE,CAAC;gBACpC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;oBACpC,KAAK,GAAG,GAAG,CAAC;gBACd,CAAC;YACH,CAAC;YAED,OAAO,CACL,eAEE,SAAS,EAAC,2EAA2E,aAErF,gBAAM,SAAS,EAAC,0CAA0C,aACvD,MAAM,CAAC,IAAI,SACP,EACP,eAAM,SAAS,EAAC,wEAAwE,YACrF,WAAW,CAAC,KAAK,CAAC,GACd,KARF,MAAM,CAAC,IAAI,CASZ,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/components/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Editor component exports
+ */
+export { ReactFlowProvider } from '@xyflow/react';
+export { ClockControls, type ClockControlsProps } from './ClockControls';
+export { SignalOutputPanel } from './SignalOutputPanel';
+export { CircuitSelector } from './CircuitSelector';
+export { CircuitTabBar } from './CircuitTabBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/editor/components/index.js

@@ -0,0 +1,9 @@
+/**
+ * Editor component exports
+ */
+export { ReactFlowProvider } from '@xyflow/react';
+export { ClockControls } from './ClockControls';
+export { SignalOutputPanel } from './SignalOutputPanel';
+export { CircuitSelector } from './CircuitSelector';
+export { CircuitTabBar } from './CircuitTabBar';
+//# sourceMappingURL=index.js.map

package/dist/editor/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/editor/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/editor/hooks/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/hooks/index.ts"],"names":[],"mappings":""}

package/dist/editor/hooks/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/editor/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/editor/hooks/index.ts"],"names":[],"mappings":""}

package/dist/editor/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @simten/ui/editor
+ */
+export { captureEnvironmentalState, restoreEnvironmentalState, type EnvironmentalStateValue, } from '@simten/core/simulator';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC"}

package/dist/editor/index.js

@@ -0,0 +1,5 @@
+/**
+ * @simten/ui/editor
+ */
+export { captureEnvironmentalState, restoreEnvironmentalState, } from '@simten/core/simulator';
+//# sourceMappingURL=index.js.map

package/dist/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,yBAAyB,EACzB,yBAAyB,GAE1B,MAAM,wBAAwB,CAAC"}

package/dist/editor/lib/simulation/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Visual Editor Simulation Utilities
+ *
+ * UI-specific simulation utilities. For core simulation types and functions,
+ * import directly from '@simten/core/simulator'.
+ */
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/lib/simulation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/editor/lib/simulation/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/editor/lib/simulation/index.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * Visual Editor Simulation Utilities
+ *
+ * UI-specific simulation utilities. For core simulation types and functions,
+ * import directly from '@simten/core/simulator'.
+ */
+//# sourceMappingURL=index.js.map

package/dist/editor/lib/simulation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/lib/simulation/index.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}

package/dist/editor/lib/utils/circuit-flattener.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Circuit Flattener (IR v0.1)
+ *
+ * Expands composite components into a flat Circuit containing only primitives.
+ * This allows the simulator to work with nested components by flattening the
+ * hierarchy into a single level, avoiding recursive evaluation overhead.
+ *
+ * Key features:
+ * - State isolation: Each instance gets unique IDs (componentId__nodeId)
+ * - Preserves all port connections through hierarchy
+ * - Recursively expands nested composites
+ * - Compatible with IR v0.1 Circuit/Node format
+ */
+import type { Circuit } from '../../types/circuit';
+/**
+ * Flattened circuit contains only primitive nodes
+ */
+export interface FlattenedCircuit extends Circuit {
+    nodeMapping: Map<string, string[]>;
+}
+/**
+ * Flatten a circuit by recursively expanding all composite components into primitives
+ */
+export declare function flattenCircuit(circuit: Circuit): FlattenedCircuit;
+/**
+ * Check if a circuit contains any composite components
+ */
+export declare function hasCompositeComponents(circuit: Circuit): boolean;
+//# sourceMappingURL=circuit-flattener.d.ts.map

package/dist/editor/lib/utils/circuit-flattener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circuit-flattener.d.ts","sourceRoot":"","sources":["../../../../src/editor/lib/utils/circuit-flattener.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,OAAO,EAA8B,MAAM,qBAAqB,CAAC;AAI/E;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAE/C,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACpC;AASD;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,gBAAgB,CAiFjE;AA4KD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAWhE"}