@simten/embed 0.1.13 → 0.1.15

package/dist/components/ErrorBoundary.d.ts

@@ -1,4 +1,4 @@
-import React, { type ErrorInfo, type ReactNode } from "react";
+import React, { type ErrorInfo, type ReactNode } from 'react';
 interface ErrorBoundaryProps {
     children: ReactNode;
     fallback?: ReactNode | ((error: Error) => ReactNode);

package/dist/components/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,WAAW,aAET;IAEF,MAAM;CAiBP"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,WAAW,aAET;IAEF,MAAM;CAiBP"}

package/dist/components/ErrorBoundary.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { ErrorDisplay } from "./ErrorDisplay";
+import React from 'react';
+import { ErrorDisplay } from './ErrorDisplay';
 /**
  * React error boundary for circuit embed components.
  * Catches render errors and displays a styled fallback instead of crashing.
@@ -22,11 +22,11 @@ export class ErrorBoundary extends React.Component {
     render() {
         if (this.state.error) {
             if (this.props.fallback) {
-                return typeof this.props.fallback === "function"
+                return typeof this.props.fallback === 'function'
                     ? this.props.fallback(this.state.error)
                     : this.props.fallback;
             }
-            return (_jsx(ErrorDisplay, { error: this.state.error.message, title: this.props.title ?? "Render Error", onRetry: this.handleRetry }));
+            return (_jsx(ErrorDisplay, { error: this.state.error.message, title: this.props.title ?? 'Render Error', onRetry: this.handleRetry }));
         }
         return this.props.children;
     }

package/dist/components/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAa9C;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACxF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,WAAW,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxB,OAAO,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU;oBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;oBACvC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAC1B,CAAC;YACD,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,cAAc,EACzC,OAAO,EAAE,IAAI,CAAC,WAAW,GACzB,CACH,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["\nimport React, { type ErrorInfo, type ReactNode } from \"react\";\nimport { ErrorDisplay } from \"./ErrorDisplay\";\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error) => ReactNode);\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n  title?: string;\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null;\n}\n\n/**\n * React error boundary for circuit embed components.\n * Catches render errors and displays a styled fallback instead of crashing.\n */\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.props.onError?.(error, errorInfo);\n  }\n\n  handleRetry = () => {\n    this.setState({ error: null });\n  };\n\n  render() {\n    if (this.state.error) {\n      if (this.props.fallback) {\n        return typeof this.props.fallback === \"function\"\n          ? this.props.fallback(this.state.error)\n          : this.props.fallback;\n      }\n      return (\n        <ErrorDisplay\n          error={this.state.error.message}\n          title={this.props.title ?? \"Render Error\"}\n          onRetry={this.handleRetry}\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAa9C;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACxF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,WAAW,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxB,OAAO,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU;oBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;oBACvC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAC1B,CAAC;YACD,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,cAAc,EACzC,OAAO,EAAE,IAAI,CAAC,WAAW,GACzB,CACH,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import React, { type ErrorInfo, type ReactNode } from 'react';\nimport { ErrorDisplay } from './ErrorDisplay';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error) => ReactNode);\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n  title?: string;\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null;\n}\n\n/**\n * React error boundary for circuit embed components.\n * Catches render errors and displays a styled fallback instead of crashing.\n */\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.props.onError?.(error, errorInfo);\n  }\n\n  handleRetry = () => {\n    this.setState({ error: null });\n  };\n\n  render() {\n    if (this.state.error) {\n      if (this.props.fallback) {\n        return typeof this.props.fallback === 'function'\n          ? this.props.fallback(this.state.error)\n          : this.props.fallback;\n      }\n      return (\n        <ErrorDisplay\n          error={this.state.error.message}\n          title={this.props.title ?? 'Render Error'}\n          onRetry={this.handleRetry}\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n"]}

package/dist/components/ErrorDisplay.d.ts

@@ -2,7 +2,7 @@ export interface SimulatorError {
     message: string;
     line?: number;
     column?: number;
-    stage: "parse" | "compile" | "elaborate" | "simulate";
+    stage: 'parse' | 'compile' | 'elaborate' | 'simulate';
 }
 interface ErrorDisplayProps {
     error: string | SimulatorError | SimulatorError[];

package/dist/components/ErrorDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDisplay.d.ts","sourceRoot":"","sources":["../../src/components/ErrorDisplay.tsx"],"names":[],"mappings":"AACA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CACvD;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgBD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAuB,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CA8C1F"}
+{"version":3,"file":"ErrorDisplay.d.ts","sourceRoot":"","sources":["../../src/components/ErrorDisplay.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CACvD;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgBD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAuB,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAyD1F"}

package/dist/components/ErrorDisplay.js

@@ -2,23 +2,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function parseErrors(error) {
     if (Array.isArray(error))
         return error;
-    if (typeof error === "object")
+    if (typeof error === 'object')
         return [error];
     // Legacy: semicolon-joined strings from older hook versions
-    return error.split("; ").map((msg) => ({ message: msg, stage: "compile" }));
+    return error.split('; ').map((msg) => ({ message: msg, stage: 'compile' }));
 }
 const STAGE_LABELS = {
-    parse: "Parse",
-    compile: "Compile",
-    elaborate: "Elaborate",
-    simulate: "Simulate",
+    parse: 'Parse',
+    compile: 'Compile',
+    elaborate: 'Elaborate',
+    simulate: 'Simulate',
 };
 /**
  * Styled error display for circuit embed components.
  * Renders structured error messages with optional line/column info.
  */
-export function ErrorDisplay({ error, title = "Circuit Error", onRetry }) {
+export function ErrorDisplay({ error, title = 'Circuit Error', onRetry }) {
     const errors = parseErrors(error);
-    return (_jsx("div", { className: "rounded-xl border border-red-800/40 bg-red-950/20 p-4 overflow-hidden", role: "alert", "aria-live": "assertive", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "shrink-0 mt-0.5", children: _jsx("svg", { className: "w-5 h-5 text-red-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }) }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h4", { className: "text-sm font-semibold text-red-300", children: title }), _jsx("div", { className: "mt-2 space-y-1.5", children: errors.map((err, i) => (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-[10px] font-mono text-red-400/60 bg-red-900/30 px-1.5 py-0.5 rounded shrink-0 mt-0.5", children: STAGE_LABELS[err.stage] || err.stage }), _jsxs("span", { className: "text-xs font-mono text-red-300/80 break-all", children: [err.message, err.line !== undefined && (_jsxs("span", { className: "text-red-400/50 ml-1", children: ["(line ", err.line, err.column !== undefined ? `:${err.column}` : "", ")"] }))] })] }, i))) }), onRetry && (_jsx("button", { onClick: onRetry, className: "mt-3 px-3 py-1 text-xs font-medium rounded-md bg-red-900/30 hover:bg-red-900/50 text-red-300 transition-colors", children: "Retry" }))] })] }) }));
+    return (_jsx("div", { className: "rounded-xl border border-red-800/40 bg-red-950/20 p-4 overflow-hidden", role: "alert", "aria-live": "assertive", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "shrink-0 mt-0.5", children: _jsx("svg", { className: "w-5 h-5 text-red-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }) }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h4", { className: "text-sm font-semibold text-red-300", children: title }), _jsx("div", { className: "mt-2 space-y-1.5", children: errors.map((err, i) => (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-[10px] font-mono text-red-400/60 bg-red-900/30 px-1.5 py-0.5 rounded shrink-0 mt-0.5", children: STAGE_LABELS[err.stage] || err.stage }), _jsxs("span", { className: "text-xs font-mono text-red-300/80 break-all", children: [err.message, err.line !== undefined && (_jsxs("span", { className: "text-red-400/50 ml-1", children: ["(line ", err.line, err.column !== undefined ? `:${err.column}` : '', ")"] }))] })] }, i))) }), onRetry && (_jsx("button", { onClick: onRetry, className: "mt-3 px-3 py-1 text-xs font-medium rounded-md bg-red-900/30 hover:bg-red-900/50 text-red-300 transition-colors", children: "Retry" }))] })] }) }));
 }
 //# sourceMappingURL=ErrorDisplay.js.map

package/dist/components/ErrorDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../src/components/ErrorDisplay.tsx"],"names":[],"mappings":";AAcA,SAAS,WAAW,CAAC,KAAiD;IACpE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9C,4DAA4D;IAC5D,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,SAAkB,EAAE,CAAC,CAAC,CAAC;AACvF,CAAC;AAED,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,eAAe,EAAE,OAAO,EAAqB;IACzF,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,cACE,SAAS,EAAC,uEAAuE,EACjF,IAAI,EAAC,OAAO,eACF,WAAW,YAErB,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,YACxG,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,0EAA0E,GAAG,GAC9H,GACF,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,EAC/D,cAAK,SAAS,EAAC,kBAAkB,YAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,wBAAwB,aAC7C,eAAM,SAAS,EAAC,2FAA2F,YACxG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,GAChC,EACP,gBAAM,SAAS,EAAC,6CAA6C,aAC1D,GAAG,CAAC,OAAO,EACX,GAAG,CAAC,IAAI,KAAK,SAAS,IAAI,CACzB,gBAAM,SAAS,EAAC,sBAAsB,uBAC7B,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,SAC5D,CACR,IACI,KAXC,CAAC,CAYL,CACP,CAAC,GACE,EACL,OAAO,IAAI,CACV,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,gHAAgH,sBAGnH,CACV,IACG,IACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["\nexport interface SimulatorError {\n  message: string;\n  line?: number;\n  column?: number;\n  stage: \"parse\" | \"compile\" | \"elaborate\" | \"simulate\";\n}\n\ninterface ErrorDisplayProps {\n  error: string | SimulatorError | SimulatorError[];\n  title?: string;\n  onRetry?: () => void;\n}\n\nfunction parseErrors(error: string | SimulatorError | SimulatorError[]): SimulatorError[] {\n  if (Array.isArray(error)) return error;\n  if (typeof error === \"object\") return [error];\n  // Legacy: semicolon-joined strings from older hook versions\n  return error.split(\"; \").map((msg) => ({ message: msg, stage: \"compile\" as const }));\n}\n\nconst STAGE_LABELS: Record<string, string> = {\n  parse: \"Parse\",\n  compile: \"Compile\",\n  elaborate: \"Elaborate\",\n  simulate: \"Simulate\",\n};\n\n/**\n * Styled error display for circuit embed components.\n * Renders structured error messages with optional line/column info.\n */\nexport function ErrorDisplay({ error, title = \"Circuit Error\", onRetry }: ErrorDisplayProps) {\n  const errors = parseErrors(error);\n\n  return (\n    <div\n      className=\"rounded-xl border border-red-800/40 bg-red-950/20 p-4 overflow-hidden\"\n      role=\"alert\"\n      aria-live=\"assertive\"\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className=\"shrink-0 mt-0.5\">\n          <svg className=\"w-5 h-5 text-red-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z\" />\n          </svg>\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <h4 className=\"text-sm font-semibold text-red-300\">{title}</h4>\n          <div className=\"mt-2 space-y-1.5\">\n            {errors.map((err, i) => (\n              <div key={i} className=\"flex items-start gap-2\">\n                <span className=\"text-[10px] font-mono text-red-400/60 bg-red-900/30 px-1.5 py-0.5 rounded shrink-0 mt-0.5\">\n                  {STAGE_LABELS[err.stage] || err.stage}\n                </span>\n                <span className=\"text-xs font-mono text-red-300/80 break-all\">\n                  {err.message}\n                  {err.line !== undefined && (\n                    <span className=\"text-red-400/50 ml-1\">\n                      (line {err.line}{err.column !== undefined ? `:${err.column}` : \"\"})\n                    </span>\n                  )}\n                </span>\n              </div>\n            ))}\n          </div>\n          {onRetry && (\n            <button\n              onClick={onRetry}\n              className=\"mt-3 px-3 py-1 text-xs font-medium rounded-md bg-red-900/30 hover:bg-red-900/50 text-red-300 transition-colors\"\n            >\n              Retry\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../src/components/ErrorDisplay.tsx"],"names":[],"mappings":";AAaA,SAAS,WAAW,CAAC,KAAiD;IACpE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9C,4DAA4D;IAC5D,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,SAAkB,EAAE,CAAC,CAAC,CAAC;AACvF,CAAC;AAED,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,eAAe,EAAE,OAAO,EAAqB;IACzF,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,cACE,SAAS,EAAC,uEAAuE,EACjF,IAAI,EAAC,OAAO,eACF,WAAW,YAErB,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cACE,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,YAEd,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,0EAA0E,GAC5E,GACE,GACF,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,EAC/D,cAAK,SAAS,EAAC,kBAAkB,YAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,wBAAwB,aAC7C,eAAM,SAAS,EAAC,2FAA2F,YACxG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,GAChC,EACP,gBAAM,SAAS,EAAC,6CAA6C,aAC1D,GAAG,CAAC,OAAO,EACX,GAAG,CAAC,IAAI,KAAK,SAAS,IAAI,CACzB,gBAAM,SAAS,EAAC,sBAAsB,uBAC7B,GAAG,CAAC,IAAI,EACd,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,SAC5C,CACR,IACI,KAZC,CAAC,CAaL,CACP,CAAC,GACE,EACL,OAAO,IAAI,CACV,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,gHAAgH,sBAGnH,CACV,IACG,IACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["export interface SimulatorError {\n  message: string;\n  line?: number;\n  column?: number;\n  stage: 'parse' | 'compile' | 'elaborate' | 'simulate';\n}\n\ninterface ErrorDisplayProps {\n  error: string | SimulatorError | SimulatorError[];\n  title?: string;\n  onRetry?: () => void;\n}\n\nfunction parseErrors(error: string | SimulatorError | SimulatorError[]): SimulatorError[] {\n  if (Array.isArray(error)) return error;\n  if (typeof error === 'object') return [error];\n  // Legacy: semicolon-joined strings from older hook versions\n  return error.split('; ').map((msg) => ({ message: msg, stage: 'compile' as const }));\n}\n\nconst STAGE_LABELS: Record<string, string> = {\n  parse: 'Parse',\n  compile: 'Compile',\n  elaborate: 'Elaborate',\n  simulate: 'Simulate',\n};\n\n/**\n * Styled error display for circuit embed components.\n * Renders structured error messages with optional line/column info.\n */\nexport function ErrorDisplay({ error, title = 'Circuit Error', onRetry }: ErrorDisplayProps) {\n  const errors = parseErrors(error);\n\n  return (\n    <div\n      className=\"rounded-xl border border-red-800/40 bg-red-950/20 p-4 overflow-hidden\"\n      role=\"alert\"\n      aria-live=\"assertive\"\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className=\"shrink-0 mt-0.5\">\n          <svg\n            className=\"w-5 h-5 text-red-400\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              d=\"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z\"\n            />\n          </svg>\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <h4 className=\"text-sm font-semibold text-red-300\">{title}</h4>\n          <div className=\"mt-2 space-y-1.5\">\n            {errors.map((err, i) => (\n              <div key={i} className=\"flex items-start gap-2\">\n                <span className=\"text-[10px] font-mono text-red-400/60 bg-red-900/30 px-1.5 py-0.5 rounded shrink-0 mt-0.5\">\n                  {STAGE_LABELS[err.stage] || err.stage}\n                </span>\n                <span className=\"text-xs font-mono text-red-300/80 break-all\">\n                  {err.message}\n                  {err.line !== undefined && (\n                    <span className=\"text-red-400/50 ml-1\">\n                      (line {err.line}\n                      {err.column !== undefined ? `:${err.column}` : ''})\n                    </span>\n                  )}\n                </span>\n              </div>\n            ))}\n          </div>\n          {onRetry && (\n            <button\n              onClick={onRetry}\n              className=\"mt-3 px-3 py-1 text-xs font-medium rounded-md bg-red-900/30 hover:bg-red-900/50 text-red-300 transition-colors\"\n            >\n              Retry\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/LoadingSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/LoadingSkeleton.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAY,EAAE,EAAE,oBAAoB,2CAmCrE"}
+{"version":3,"file":"LoadingSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/LoadingSkeleton.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAY,EAAE,EAAE,oBAAoB,2CAqDrE"}

package/dist/components/LoadingSkeleton.js

@@ -5,6 +5,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Respects height to prevent layout shift.
  */
 export function LoadingSkeleton({ height = 300 }) {
-    return (_jsxs("div", { className: "rounded-xl border border-[var(--embed-border)] bg-[var(--embed-bg-primary)] overflow-hidden flex items-center justify-center", style: { height }, role: "status", "aria-label": "Loading circuit", children: [_jsxs("div", { className: "flex items-center gap-8", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse" }), _jsx("div", { className: "w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse", style: { animationDelay: "150ms" } })] }), _jsxs("div", { className: "flex flex-col gap-6 items-center", children: [_jsx("div", { className: "w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse", style: { animationDelay: "300ms" } }), _jsx("div", { className: "w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse", style: { animationDelay: "350ms" } })] }), _jsx("div", { className: "w-24 h-20 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse", style: { animationDelay: "200ms" } }), _jsx("div", { className: "w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse", style: { animationDelay: "400ms" } }), _jsx("div", { className: "w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse", style: { animationDelay: "250ms" } })] }), _jsx("span", { className: "sr-only", children: "Compiling and laying out circuit..." })] }));
+    return (_jsxs("div", { className: "rounded-xl border border-[var(--embed-border)] bg-[var(--embed-bg-primary)] overflow-hidden flex items-center justify-center", style: { height }, role: "status", "aria-label": "Loading circuit", children: [_jsxs("div", { className: "flex items-center gap-8", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse" }), _jsx("div", { className: "w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse", style: { animationDelay: '150ms' } })] }), _jsxs("div", { className: "flex flex-col gap-6 items-center", children: [_jsx("div", { className: "w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse", style: { animationDelay: '300ms' } }), _jsx("div", { className: "w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse", style: { animationDelay: '350ms' } })] }), _jsx("div", { className: "w-24 h-20 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse", style: { animationDelay: '200ms' } }), _jsx("div", { className: "w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse", style: { animationDelay: '400ms' } }), _jsx("div", { className: "w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse", style: { animationDelay: '250ms' } })] }), _jsx("span", { className: "sr-only", children: "Compiling and laying out circuit..." })] }));
 }
 //# sourceMappingURL=LoadingSkeleton.js.map

package/dist/components/LoadingSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSkeleton.js","sourceRoot":"","sources":["../../src/components/LoadingSkeleton.tsx"],"names":[],"mappings":";AAOA;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,GAAG,EAAwB;IACpE,OAAO,CACL,eACE,SAAS,EAAC,8HAA8H,EACxI,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,IAAI,EAAC,QAAQ,gBACF,iBAAiB,aAE5B,eAAK,SAAS,EAAC,yBAAyB,aAEtC,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,qEAAqE,GAAG,EACvF,cAAK,SAAS,EAAC,qEAAqE,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAI,IACvH,EAGN,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cAAK,SAAS,EAAC,sDAAsD,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAI,EAC5G,cAAK,SAAS,EAAC,sDAAsD,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAI,IACxG,EAGN,cAAK,SAAS,EAAC,qEAAqE,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAI,EAG3H,cAAK,SAAS,EAAC,sDAAsD,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAI,EAG5G,cAAK,SAAS,EAAC,qEAAqE,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAI,IACvH,EAGN,eAAM,SAAS,EAAC,SAAS,oDAA2C,IAChE,CACP,CAAC;AACJ,CAAC","sourcesContent":["\nimport React from \"react\";\n\ninterface LoadingSkeletonProps {\n  height?: number | string;\n}\n\n/**\n * Loading skeleton for circuit embeds.\n * Shows fake node placeholders with connecting lines, matching the dark theme.\n * Respects height to prevent layout shift.\n */\nexport function LoadingSkeleton({ height = 300 }: LoadingSkeletonProps) {\n  return (\n    <div\n      className=\"rounded-xl border border-[var(--embed-border)] bg-[var(--embed-bg-primary)] overflow-hidden flex items-center justify-center\"\n      style={{ height }}\n      role=\"status\"\n      aria-label=\"Loading circuit\"\n    >\n      <div className=\"flex items-center gap-8\">\n        {/* Input nodes */}\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\" />\n          <div className=\"w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\" style={{ animationDelay: \"150ms\" }} />\n        </div>\n\n        {/* Connecting lines */}\n        <div className=\"flex flex-col gap-6 items-center\">\n          <div className=\"w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse\" style={{ animationDelay: \"300ms\" }} />\n          <div className=\"w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse\" style={{ animationDelay: \"350ms\" }} />\n        </div>\n\n        {/* Logic node */}\n        <div className=\"w-24 h-20 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\" style={{ animationDelay: \"200ms\" }} />\n\n        {/* Connecting line */}\n        <div className=\"w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse\" style={{ animationDelay: \"400ms\" }} />\n\n        {/* Output node */}\n        <div className=\"w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\" style={{ animationDelay: \"250ms\" }} />\n      </div>\n\n      {/* Screen reader text */}\n      <span className=\"sr-only\">Compiling and laying out circuit...</span>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"LoadingSkeleton.js","sourceRoot":"","sources":["../../src/components/LoadingSkeleton.tsx"],"names":[],"mappings":";AAMA;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,GAAG,EAAwB;IACpE,OAAO,CACL,eACE,SAAS,EAAC,8HAA8H,EACxI,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,IAAI,EAAC,QAAQ,gBACF,iBAAiB,aAE5B,eAAK,SAAS,EAAC,yBAAyB,aAEtC,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,qEAAqE,GAAG,EACvF,cACE,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAClC,IACE,EAGN,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cACE,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAClC,EACF,cACE,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAClC,IACE,EAGN,cACE,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAClC,EAGF,cACE,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAClC,EAGF,cACE,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAClC,IACE,EAGN,eAAM,SAAS,EAAC,SAAS,oDAA2C,IAChE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\ninterface LoadingSkeletonProps {\n  height?: number | string;\n}\n\n/**\n * Loading skeleton for circuit embeds.\n * Shows fake node placeholders with connecting lines, matching the dark theme.\n * Respects height to prevent layout shift.\n */\nexport function LoadingSkeleton({ height = 300 }: LoadingSkeletonProps) {\n  return (\n    <div\n      className=\"rounded-xl border border-[var(--embed-border)] bg-[var(--embed-bg-primary)] overflow-hidden flex items-center justify-center\"\n      style={{ height }}\n      role=\"status\"\n      aria-label=\"Loading circuit\"\n    >\n      <div className=\"flex items-center gap-8\">\n        {/* Input nodes */}\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\" />\n          <div\n            className=\"w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\"\n            style={{ animationDelay: '150ms' }}\n          />\n        </div>\n\n        {/* Connecting lines */}\n        <div className=\"flex flex-col gap-6 items-center\">\n          <div\n            className=\"w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse\"\n            style={{ animationDelay: '300ms' }}\n          />\n          <div\n            className=\"w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse\"\n            style={{ animationDelay: '350ms' }}\n          />\n        </div>\n\n        {/* Logic node */}\n        <div\n          className=\"w-24 h-20 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\"\n          style={{ animationDelay: '200ms' }}\n        />\n\n        {/* Connecting line */}\n        <div\n          className=\"w-12 h-0.5 bg-[var(--embed-border)]/40 animate-pulse\"\n          style={{ animationDelay: '400ms' }}\n        />\n\n        {/* Output node */}\n        <div\n          className=\"w-20 h-14 rounded-lg bg-[var(--embed-bg-tertiary)]/60 animate-pulse\"\n          style={{ animationDelay: '250ms' }}\n        />\n      </div>\n\n      {/* Screen reader text */}\n      <span className=\"sr-only\">Compiling and laying out circuit...</span>\n    </div>\n  );\n}\n"]}

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

@@ -3,5 +3,5 @@
  * This allows external consumers to import from @simten/embed/nodes
  * while the source of truth lives in the ui package.
  */
-export { BaseNode, type PortConfig, type BaseNodeProps, InputNode, OutputNode, LogicGateNode, EmbedConsoleNode, EmbedScreenNode, CompositeBadge, type NodeData, } from "@simten/ui/nodes";
+export { BaseNode, type BaseNodeProps, CompositeBadge, EmbedConsoleNode, EmbedScreenNode, InputNode, LogicGateNode, type NodeData, OutputNode, type PortConfig, } from '@simten/ui/nodes';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,SAAS,EACT,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,KAAK,QAAQ,GACd,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,KAAK,QAAQ,EACb,UAAU,EACV,KAAK,UAAU,GAChB,MAAM,kBAAkB,CAAC"}

package/dist/components/nodes/index.js

@@ -3,5 +3,5 @@
  * This allows external consumers to import from @simten/embed/nodes
  * while the source of truth lives in the ui package.
  */
-export { BaseNode, InputNode, OutputNode, LogicGateNode, EmbedConsoleNode, EmbedScreenNode, CompositeBadge, } from "@simten/ui/nodes";
+export { BaseNode, CompositeBadge, EmbedConsoleNode, EmbedScreenNode, InputNode, LogicGateNode, OutputNode, } from '@simten/ui/nodes';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nodes/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,QAAQ,EAGR,SAAS,EACT,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,cAAc,GAEf,MAAM,kBAAkB,CAAC","sourcesContent":["/**\n * Re-export canonical node components from @simten/ui/nodes.\n * This allows external consumers to import from @simten/embed/nodes\n * while the source of truth lives in the ui package.\n */\nexport {\n  BaseNode,\n  type PortConfig,\n  type BaseNodeProps,\n  InputNode,\n  OutputNode,\n  LogicGateNode,\n  EmbedConsoleNode,\n  EmbedScreenNode,\n  CompositeBadge,\n  type NodeData,\n} from \"@simten/ui/nodes\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nodes/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,QAAQ,EAER,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EAEb,UAAU,GAEX,MAAM,kBAAkB,CAAC","sourcesContent":["/**\n * Re-export canonical node components from @simten/ui/nodes.\n * This allows external consumers to import from @simten/embed/nodes\n * while the source of truth lives in the ui package.\n */\nexport {\n  BaseNode,\n  type BaseNodeProps,\n  CompositeBadge,\n  EmbedConsoleNode,\n  EmbedScreenNode,\n  InputNode,\n  LogicGateNode,\n  type NodeData,\n  OutputNode,\n  type PortConfig,\n} from '@simten/ui/nodes';\n"]}

package/dist/hooks/useCircuitSimulator.d.ts

@@ -16,9 +16,9 @@
  *
  * See: apps/web/content/docs/architecture.mdx → "Runtime topology".
  */
-import { type SimulatorEngine, type CircuitLibrary, type FlatPortValueMap, type FlatSequentialState } from "@simten/core/simulator";
-import type { Circuit } from "@simten/core";
-import type { BuiltCircuit } from "@simten/core/circuit";
+import type { Circuit } from '@simten/core';
+import type { BuiltCircuit } from '@simten/core/circuit';
+import type { CircuitLibrary, FlatPortValueMap, FlatSequentialState, SimulatorEngine } from '@simten/core/simulator';
 export interface SimulatorState {
     outputs: Record<string, boolean | number>;
     inputs: Record<string, boolean | number>;

package/dist/hooks/useCircuitSimulator.d.ts.map

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

package/dist/hooks/useCircuitSimulator.js

@@ -16,11 +16,11 @@
  *
  * See: apps/web/content/docs/architecture.mdx → "Runtime topology".
  */
-import { useState, useEffect, useCallback, useRef, useMemo } from "react";
-import { getCircuitEval, autoHarness, isSequentialCircuit } from "@simten/core/circuit";
-import { Switch, Button, Led, Input, Output, HexDisplay } from "@simten/core/std";
-import { useSandboxContext } from "@simten/ui/sandbox";
-const TOP_LEVEL_NODE = "__top__";
+import { autoHarness, getCircuitEval, isSequentialCircuit } from '@simten/core/circuit';
+import { Button, HexDisplay, Input, Led, Output, Switch } from '@simten/core/std';
+import { useSandboxContext } from '@simten/ui/sandbox';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+const TOP_LEVEL_NODE = '__top__';
 /**
  * Extract eval function sources from a BuiltCircuit and its dependencies.
  * These are serialized and sent to the sandbox, which reconstructs them with new Function().
@@ -72,6 +72,24 @@ export function builtFromIR(circuit, dependencies) {
         _dependencies: depMap,
     };
 }
+/**
+ * Resolves once the sandbox iframe reports ready (or the caller cancels).
+ * Polls because the sandbox handle exposes readiness as isReady() with no event.
+ */
+function waitForSandboxReady(sandbox, cancelled) {
+    return new Promise((resolve) => {
+        if (sandbox.isReady() || cancelled()) {
+            resolve();
+            return;
+        }
+        const id = setInterval(() => {
+            if (sandbox.isReady() || cancelled()) {
+                clearInterval(id);
+                resolve();
+            }
+        }, 50);
+    });
+}
 /**
  * Circuit simulator hook — runs simulation in the sandbox iframe.
  *
@@ -87,8 +105,12 @@ export function useCircuitSimulator(circuit, options) {
         const circuitMap = new Map();
         const lib = {
             resolveCircuit: (name) => circuitMap.get(name),
-            getAllPrimitiveNames: () => [...circuitMap.entries()].filter(([, c]) => c.implementation.kind === 'primitive').map(([n]) => n),
-            addCircuit: (c) => { circuitMap.set(c.name, c); },
+            getAllPrimitiveNames: () => [...circuitMap.entries()]
+                .filter(([, c]) => c.implementation.kind === 'primitive')
+                .map(([n]) => n),
+            addCircuit: (c) => {
+                circuitMap.set(c.name, c);
+            },
         };
         for (const c of [Switch(), Button(), Led, Input(), Output, HexDisplay]) {
             lib.addCircuit(c.circuit);
@@ -145,7 +167,9 @@ export function useCircuitSimulator(circuit, options) {
     // Mirror of inputs in a ref so tick/tickN can snapshot the latest value
     // synchronously without waiting for setState → re-render.
     const inputsRef = useRef(inputs);
-    useEffect(() => { inputsRef.current = inputs; }, [inputs]);
+    useEffect(() => {
+        inputsRef.current = inputs;
+    }, [inputs]);
     // ── Compile to sandbox on mount / circuit change ──
     useEffect(() => {
         if (!circuit || !harnessedCircuit) {
@@ -157,6 +181,14 @@ export function useCircuitSimulator(circuit, options) {
         async function initSandbox() {
             if (!circuit || !harnessedCircuit)
                 return;
+            // compileIR does not queue — calling it before the sandbox iframe has
+            // finished loading returns "Sandbox not ready" with no recovery. Wait for
+            // readiness first so consumers mounting a circuit immediately (fresh apps
+            // where the SandboxProvider mounts alongside them) don't have to gate on
+            // isReady() themselves.
+            await waitForSandboxReady(sandbox, () => cancelled);
+            if (cancelled)
+                return;
             // Extract eval sources from the BuiltCircuit and its dependencies
             const evalSources = extractEvalSources(circuit);
             // Collect all library circuits (stdlib + user).
@@ -212,9 +244,10 @@ export function useCircuitSimulator(circuit, options) {
             // Seed history with the initial snapshot (if any). Fresh compile means
             // the previous history (if any) is invalid anyway — sandbox already
             // cleared its own snapshots on the recompile.
-            historyRef.current = result.snapshotId !== undefined
-                ? [{ snapshotId: result.snapshotId, cycle: 0, inputs: { ...defaultInputs } }]
-                : [];
+            historyRef.current =
+                result.snapshotId !== undefined
+                    ? [{ snapshotId: result.snapshotId, cycle: 0, inputs: { ...defaultInputs } }]
+                    : [];
             setHistoryIndex(result.snapshotId !== undefined ? 0 : -1);
             setHistoryLen(historyRef.current.length);
             setReady(true);
@@ -282,7 +315,9 @@ export function useCircuitSimulator(circuit, options) {
     // Mirror historyIndex in a ref so the helper above can see its live value
     // without recompiling on every change (avoids rebuilding every callback).
     const historyIndexRef = useRef(-1);
-    useEffect(() => { historyIndexRef.current = historyIndex; }, [historyIndex]);
+    useEffect(() => {
+        historyIndexRef.current = historyIndex;
+    }, [historyIndex]);
     // ── Actions ──
     const setNode = useCallback(async (name, value) => {
         // Input changes (switch toggles, button presses) don't create a new
@@ -307,7 +342,7 @@ export function useCircuitSimulator(circuit, options) {
     }, [ready, sandbox, slotId]);
     const toggleInput = useCallback((name) => {
         const current = inputs[name];
-        const newValue = typeof current === 'boolean' ? !current : (current === 0 ? 1 : 0);
+        const newValue = typeof current === 'boolean' ? !current : current === 0 ? 1 : 0;
         setNode(name, newValue);
     }, [inputs, setNode]);
     const toggleNode = useCallback(async (nodeId) => {
@@ -315,7 +350,7 @@ export function useCircuitSimulator(circuit, options) {
             return;
         const outKey = `${nodeId}.out`;
         const current = portValues.get(outKey);
-        const newValue = typeof current === 'boolean' ? !current : (current === 1 ? 0 : 1);
+        const newValue = typeof current === 'boolean' ? !current : current === 1 ? 0 : 1;
         // Same reasoning as setNode: no new history entry on input edit.
         const result = await sandbox.setNode(nodeId, newValue, slotId);
         if ('error' in result)
@@ -407,7 +442,9 @@ export function useCircuitSimulator(circuit, options) {
         if (isSequential) {
             const snap = await sandbox.snapshot(slotId);
             if (!('error' in snap) && snap.snapshotId !== undefined) {
-                historyRef.current = [{ snapshotId: snap.snapshotId, cycle: 0, inputs: { ...defaultInputs } }];
+                historyRef.current = [
+                    { snapshotId: snap.snapshotId, cycle: 0, inputs: { ...defaultInputs } },
+                ];
             }
         }
         historyIndexRef.current = historyRef.current.length > 0 ? 0 : -1;
@@ -476,14 +513,18 @@ export function useCircuitSimulator(circuit, options) {
     // bail-early version of tick and never recover, even after the sandbox
     // becomes ready — the interval would fire forever calling a stale closure.
     const tickRef = useRef(tick);
-    useEffect(() => { tickRef.current = tick; }, [tick]);
+    useEffect(() => {
+        tickRef.current = tick;
+    }, [tick]);
     const startAutoRun = useCallback((ticksPerSecond, _opts) => {
         if (autoRunRef.current)
             clearInterval(autoRunRef.current);
         setSpeedState(ticksPerSecond);
         setIsRunning(true);
         const interval = Math.max(1, Math.floor(1000 / ticksPerSecond));
-        autoRunRef.current = setInterval(() => { tickRef.current(); }, interval);
+        autoRunRef.current = setInterval(() => {
+            tickRef.current();
+        }, interval);
     }, []);
     const stopAutoRun = useCallback(() => {
         if (autoRunRef.current) {
@@ -498,7 +539,9 @@ export function useCircuitSimulator(circuit, options) {
             // Restart with new speed
             clearInterval(autoRunRef.current);
             const interval = Math.max(1, Math.floor(1000 / ticksPerSecond));
-            autoRunRef.current = setInterval(() => { tickRef.current(); }, interval);
+            autoRunRef.current = setInterval(() => {
+                tickRef.current();
+            }, interval);
         }
     }, []);
     useEffect(() => {
@@ -528,7 +571,9 @@ export function useCircuitSimulator(circuit, options) {
     // Shadow-typed history for the UI: the consumer only needs a length for
     // showing the `N/M` counter and the ◀ ▶ enable logic. historyLen drives
     // re-renders; the array identity is intentionally stable per-slot.
-    const historyForUi = useMemo(() => historyRef.current.slice(0, historyLen).map(h => ({ engineSnapshot: h.snapshotId, metadata: h.cycle })), [historyLen]);
+    const historyForUi = useMemo(() => historyRef.current
+        .slice(0, historyLen)
+        .map((h) => ({ engineSnapshot: h.snapshotId, metadata: h.cycle })), [historyLen]);
     return {
         // State
         outputs,