@almadar/ui 6.56.0 → 6.58.0

package/dist/avl/index.js

@@ -1,617 +1,34 @@
-import { BrowserPlayground, collectEmbeddedTraits } from '../chunk-FQM37C56.js';
-import { zoomReducer, initialZoomState, getBreadcrumbs } from '../chunk-SGJHVPHC.js';
-import { JsonTreeEditor } from '../chunk-F4ZTPKZL.js';
-import { useTranslate as useTranslate$1 } from '../chunk-QGH4NAQO.js';
+import { BrowserPlayground, collectEmbeddedTraits } from '../chunk-HB3D3HUJ.js';
+import { zoomReducer, initialZoomState, getBreadcrumbs } from '../chunk-GZGDBS4S.js';
+import { useTranslate as useTranslate$1 } from '../chunk-N7JIG57B.js';
 import '../chunk-VHTJRS2N.js';
+import '../chunk-YYYHH5BA.js';
 import { spacingTokenOf, positionOf, withPosition, snapToSpacingStep, defaultSpacingStepPx, spacingOf, withSizing, withSpacing, layoutOf, withLayout, sizingOf, DESIGN_COLOR_TOKENS, DESIGN_RADIUS_TOKENS, DESIGN_SPACING_SCALE, sizeLimitOf, withSizeLimit, isArbitraryClass, tokenOfDesignClass } from '../chunk-D2E44ODB.js';
-import { AvlGlyph, Popover, Button, Icon, Select, Badge, IconButton, AvlStateMachine, Input, useContainerWidth, AvlOrbital, AvlTrait, AvlEntity, AvlPage, AvlEvent, AvlGuard, AvlEffect, AvlState, useAlmadarDndSensors, almadarDndCollisionDetection, TagInput, Checkbox, Switch, CodeBlock, AvlFieldType, FileTree, Card, Accordion, RangeSlider, computeTraitLayout, edgePath, FormField, Radio, useCompactLayout, ButtonGroup, roundedEdgePath } from '../chunk-XZKGRSIO.js';
-export { AVL_GLYPH_KINDS, AvlApplication, AvlBinding, AvlBindingRef, AvlEffect, AvlEntity, AvlEvent, AvlField, AvlFieldType, AvlGlyph, AvlGuard, AvlLiteral, AvlOperator, AvlOrbital, AvlPage, AvlPersistence, AvlSExpr, AvlState, AvlStateMachine, AvlTrait, AvlTransition, BehaviorView, FIELD_TYPE_SHAPES, MiniStateMachine, ModuleCard, computeTraitLayout, edgePath } from '../chunk-XZKGRSIO.js';
-import { avlSeries, STATE_COLORS, Box, HStack, VStack, avlTint, CONNECTION_COLORS, parseTraitLevel, AVL_INK, AVL_FONT, parseApplicationLevel, parseOrbitalLevel, getStateRole, effectCategoryOf, EFFECT_CATEGORY_COLORS, pressableProps, traitTransitionRenderUi, traitEventWires, effectZoneOf, OPERATOR_CATEGORY_COLORS, avlBlend } from '../chunk-Y53Q55H5.js';
-export { CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, effectCategoryOf, getStateRole, parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, traitLevelFromTrait } from '../chunk-Y53Q55H5.js';
-import { Typography, INLINE_TEXT_ATTR } from '../chunk-HCSJHRC4.js';
-import { usePrefersReducedMotion, useMediaQuery } from '../chunk-JRW33U35.js';
+import { AvlGlyph, Popover, Button, Icon, Select, Badge, IconButton, AvlStateMachine, Input, AvlOrbital, AvlTrait, AvlEntity, AvlPage, AvlEvent, AvlGuard, AvlEffect, AvlState, useAlmadarDndSensors, almadarDndCollisionDetection, TagInput, Checkbox, Switch, CodeBlock, AvlFieldType, FileTree, AvlTransitionDetail, RangeSlider, computeTraitLayout, edgePath, Accordion, FormField, Radio, useCompactLayout, ButtonGroup } from '../chunk-I2ZNE5TD.js';
+export { AVL_GLYPH_KINDS, AvlApplication, AvlBinding, AvlBindingRef, AvlCircuit, AvlEffect, AvlEffectChip, AvlEntity, AvlEvent, AvlField, AvlFieldType, AvlGlyph, AvlGuard, AvlLiteral, AvlOperator, AvlOrbital, AvlPage, AvlPersistence, AvlSExpr, AvlState, AvlStateMachine, AvlTrait, AvlTransition, AvlTransitionDetail, AvlTransitionExplainer, BehaviorView, FIELD_TYPE_SHAPES, MiniStateMachine, ModuleCard, computeTraitLayout, edgePath } from '../chunk-I2ZNE5TD.js';
+import { avlSeries, STATE_COLORS, Box, HStack, VStack, avlTint, CONNECTION_COLORS, parseTraitLevel, parseApplicationLevel, parseOrbitalLevel, getStateRole, effectCategoryOf, EFFECT_CATEGORY_COLORS, pressableProps, traitTransitionRenderUi, traitEventWires } from '../chunk-HA7CJWQX.js';
+export { CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, effectCategoryOf, getStateRole, parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, traitLevelFromTrait } from '../chunk-HA7CJWQX.js';
+import { Typography, INLINE_TEXT_ATTR } from '../chunk-4ZGXIW3B.js';
+import { usePrefersReducedMotion } from '../chunk-I5QOYW2Z.js';
 import '../chunk-XJTHMW4G.js';
-import { useEventBus } from '../chunk-6EV3OEBQ.js';
-import { profilerOnRender, perfStart, perfEnd } from '../chunk-KQXXO42S.js';
+import { useEventBus } from '../chunk-CHNC4UYE.js';
+import { profilerOnRender, perfStart, perfEnd } from '../chunk-KJGVLXEN.js';
 import { isEditableTarget } from '../chunk-Q47ZN2DW.js';
 import { cn } from '../chunk-64WACXM7.js';
-import '../chunk-RNY5LJXJ.js';
-import '../chunk-HRCR53OW.js';
+import '../chunk-723MJUU3.js';
+import '../chunk-LZRW6GXG.js';
 import '../chunk-PQKU62LK.js';
 import '../chunk-PEST66PN.js';
 import '../chunk-QPXIAUJD.js';
-import React17, { createContext, useContext, useState, useRef, useCallback, useMemo, useEffect, Profiler, useReducer } from 'react';
-import { FieldTypeSchema, EFFECT_OPERATORS, isInlineTrait, isPageReference, navigatePatternPath, isAriaRole, formatSExpr, answerToMutations, isBinding } from '@almadar/core';
-import { operatorVisualForm, getStdOperatorMeta } from '@almadar/std/registry';
-import { useTranslate } from '@almadar/ui/hooks';
+import React16, { createContext, useContext, useState, useRef, useCallback, useMemo, useEffect, Profiler, useReducer } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useTranslate } from '@almadar/ui/hooks';
 import { MarkerType, Handle, Position, useReactFlow, NodeResizeControl, ResizeControlVariant, getBezierPath, EdgeLabelRenderer, BaseEdge, ReactFlow, Controls, Background, BackgroundVariant, ReactFlowProvider, useNodesState, useEdgesState, useNodesInitialized } from '@xyflow/react';
 import { renderUiEntriesOf, getPatternDefinition, isEntityAwarePattern, eventKeyPropsOf, eventListPropsOf } from '@almadar/core/patterns';
+import { FieldTypeSchema, EFFECT_OPERATORS, isInlineTrait, isPageReference, navigatePatternPath, isAriaRole, answerToMutations } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
 import { useDroppable, useDraggable, DndContext, DragOverlay } from '@dnd-kit/core';
 
-var MONO = 7.4;
-var ROW = 40;
-var GAP_X = 112;
-var GAP_Y = 16;
-var PAD = 12;
-var keyOf = (path) => path.join(".");
-function leafLabel(expr) {
-  if (typeof expr === "string") return isBinding(expr) ? expr : JSON.stringify(expr);
-  if (expr === null) return "null";
-  if (typeof expr === "number" || typeof expr === "boolean") return String(expr);
-  return Array.isArray(expr) ? "[\u2026]" : "{\u2026}";
-}
-function build(expr, path) {
-  const base = { key: keyOf(path), path, expr, x: 0, y: 0, w: 0, h: 0, bandTop: 0, bandBottom: 0, wireLabels: [] };
-  if (Array.isArray(expr) && expr.length > 0 && typeof expr[0] === "string") {
-    const op = expr[0];
-    const args = expr.slice(1);
-    const form = operatorVisualForm(op) ?? "unknown";
-    if (form === "scope" && Array.isArray(args[0])) {
-      const pairs = args[0];
-      const bindings = pairs.map((pair, i) => {
-        const value = Array.isArray(pair) ? pair[1] : pair;
-        return build(value, [...path, 1, i, 1]);
-      });
-      const names = pairs.map((pair) => Array.isArray(pair) && typeof pair[0] === "string" ? pair[0] : "");
-      const body = args.slice(1).map((a, i) => build(a, [...path, i + 2]));
-      return { ...base, kind: "call", label: op, form, children: [...bindings, ...body], wireLabels: [...names, ...body.map(() => "")] };
-    }
-    if (form === "template") {
-      const params = args[0];
-      const body = args.slice(1).map((a, i) => build(a, [...path, i + 2]));
-      const paramText = Array.isArray(params) ? params.join(" ") : typeof params === "string" ? params : "";
-      return { ...base, kind: "call", label: `fn [${paramText}]`, form, children: body, wireLabels: body.map(() => "") };
-    }
-    const children = args.map((a, i) => build(a, [...path, i + 1]));
-    return { ...base, kind: "call", label: op, form, children, wireLabels: children.map(() => "") };
-  }
-  if (Array.isArray(expr)) {
-    const children = expr.map((a, i) => build(a, [...path, i]));
-    return { ...base, kind: "array", label: "[ ]", form: null, children, wireLabels: children.map((_, i) => String(i)) };
-  }
-  if (expr !== null && typeof expr === "object") {
-    const entries = Object.entries(expr);
-    const children = entries.map(([k, v]) => build(v, [...path, k]));
-    return { ...base, kind: "object", label: "{ }", form: null, children, wireLabels: entries.map(([k]) => k) };
-  }
-  return { ...base, kind: isBinding(expr) ? "binding" : "literal", label: leafLabel(expr), form: null, children: [] };
-}
-function size(n) {
-  n.children.forEach(size);
-  const ports = Math.max(1, n.children.length);
-  if (n.kind === "binding" || n.kind === "literal") {
-    n.w = Math.max(40, Math.round(n.label.length * MONO + 26));
-    n.h = 28;
-    return;
-  }
-  const labelW = Math.round(n.label.length * MONO + 28);
-  switch (n.form) {
-    case "series":
-    case "parallel":
-      n.w = Math.max(labelW, 120);
-      n.h = Math.max(ROW + 16, ports * 40 + 26);
-      return;
-    case "conveyor":
-      n.w = Math.max(labelW, 200);
-      n.h = Math.max(64, ports * 30 + 14);
-      return;
-    case "ladder":
-      n.w = Math.max(labelW, 80);
-      n.h = Math.max(ROW, ports * 30 + 14);
-      return;
-    case "actuator":
-      n.w = Math.max(labelW + 22, 96);
-      n.h = Math.max(ROW, ports * 26 + 12);
-      return;
-    default:
-      n.w = Math.max(labelW, 56);
-      n.h = Math.max(ROW, ports * 26 + 12);
-  }
-}
-function place(n, right, top) {
-  n.x = right - n.w;
-  if (n.children.length === 0) {
-    n.bandTop = top;
-    n.bandBottom = top + n.h;
-    n.y = top;
-    return n.h;
-  }
-  let cursor = top;
-  const childRight = n.x - GAP_X;
-  for (const child of n.children) {
-    const band2 = place(child, childRight, cursor);
-    cursor += band2 + GAP_Y;
-  }
-  const childrenBottom = cursor - GAP_Y;
-  const span = childrenBottom - top;
-  const band = Math.max(span, n.h);
-  n.bandTop = top;
-  n.bandBottom = top + band;
-  n.y = top + (band - n.h) / 2;
-  return band;
-}
-function subtreeWidth(n) {
-  return n.w + (n.children.length ? GAP_X + Math.max(...n.children.map(subtreeWidth)) : 0);
-}
-function shift(n, dx, dy) {
-  n.x += dx;
-  n.y += dy;
-  n.bandTop += dy;
-  n.bandBottom += dy;
-  n.children.forEach((c) => shift(c, dx, dy));
-}
-function buildCircuit(expr) {
-  const root = build(expr, []);
-  size(root);
-  const width = subtreeWidth(root);
-  const height = place(root, width, 0);
-  shift(root, PAD, PAD);
-  return { root, w: width + 2 * PAD, h: height + 2 * PAD };
-}
-function portY(n, i) {
-  const count = Math.max(1, n.children.length);
-  return n.y + n.h * (i + 1) / (count + 1);
-}
-function circuitState(trace, cursor) {
-  const out = /* @__PURE__ */ new Map();
-  const get = (k) => {
-    let s = out.get(k);
-    if (!s) {
-      s = { status: "idle", results: [] };
-      out.set(k, s);
-    }
-    return s;
-  };
-  for (let i = 0; i <= cursor && i < trace.length; i++) {
-    const step = trace[i];
-    const s = get(keyOf(step.path));
-    if (step.kind === "enter") s.status = "active";
-    else if (step.kind === "skip") s.status = "skipped";
-    else if (step.kind === "exit") {
-      if (step.error !== void 0) {
-        s.status = "error";
-        s.error = step.error;
-      } else {
-        s.status = "done";
-        s.value = step.value;
-        s.results.push(step.value ?? null);
-      }
-    }
-  }
-  return out;
-}
-function activeStack(trace, cursor) {
-  const stack = [];
-  for (let i = 0; i <= cursor && i < trace.length; i++) {
-    const step = trace[i];
-    const k = keyOf(step.path);
-    if (step.kind === "enter") stack.push(k);
-    else if (step.kind === "exit") {
-      const at = stack.lastIndexOf(k);
-      if (at >= 0) stack.splice(at, 1);
-    }
-  }
-  return stack;
-}
-var MIN_SCALE = 0.85;
-var MAX_SCALE = 1.2;
-var IDLE = { status: "idle", results: [] };
-function truthy(v) {
-  return v !== void 0 && v !== null && v !== false && v !== 0 && v !== "";
-}
-function fmt(v) {
-  if (v === void 0) return "";
-  if (v === null || typeof v !== "object") return typeof v === "string" ? JSON.stringify(v) : String(v);
-  if (Array.isArray(v)) {
-    return v.length <= 4 && v.every((x) => x === null || typeof x !== "object") ? `[${v.map(fmt).join(" ")}]` : `[${v.length}]`;
-  }
-  const keys = Object.keys(v);
-  return keys.length <= 3 ? `{${keys.join(", ")}}` : `{${keys.length}}`;
-}
-function opColor(op) {
-  const meta = getStdOperatorMeta(op);
-  return meta ? OPERATOR_CATEGORY_COLORS[meta.category] : AVL_INK.quiet;
-}
-var AvlCircuit = ({ expr, trace, cursor, title, showCode = true, className }) => {
-  const { t } = useTranslate();
-  const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-  const hostRef = useRef(null);
-  const hostWidth = useContainerWidth(hostRef);
-  const circuit = useMemo(() => buildCircuit(expr), [expr]);
-  const at = trace ? Math.min(cursor ?? trace.length - 1, trace.length - 1) : -1;
-  const states = useMemo(() => trace ? circuitState(trace, at) : /* @__PURE__ */ new Map(), [trace, at]);
-  const stack = useMemo(() => trace ? activeStack(trace, at) : [], [trace, at]);
-  const nodes = useMemo(() => {
-    const out = /* @__PURE__ */ new Map();
-    const walk2 = (n) => {
-      out.set(n.key, n);
-      n.children.forEach(walk2);
-    };
-    walk2(circuit.root);
-    return out;
-  }, [circuit]);
-  const parents = useMemo(() => {
-    const out = /* @__PURE__ */ new Map();
-    const walk2 = (n) => {
-      n.children.forEach((c) => {
-        out.set(c.key, n);
-        walk2(c);
-      });
-    };
-    walk2(circuit.root);
-    return out;
-  }, [circuit]);
-  const stateOf = (n) => {
-    const s = states.get(n.key) ?? IDLE;
-    if (s.status !== "skipped") return s;
-    const form = parents.get(n.key)?.form;
-    return form === "series" || form === "parallel" || form === "branch" ? s : IDLE;
-  };
-  const scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, hostWidth ? hostWidth / (circuit.w + 120) : 1));
-  const W = circuit.w + 120;
-  const narration = (() => {
-    if (!trace || at < 0) return null;
-    const step = trace[at];
-    const node = nodes.get(step.path.join("."));
-    const code = node ? formatSExpr(node.expr) : "";
-    if (step.kind === "enter") return t("avl.circuit.evaluating", { code });
-    if (step.kind === "skip") return t("avl.circuit.skipped", { code });
-    if (step.kind === "iter") return t("avl.circuit.nextItem", { code });
-    if (step.error !== void 0) return t("avl.circuit.failed", { code, error: step.error });
-    return t("avl.circuit.returned", { code, value: fmt(step.value) });
-  })();
-  const wire = (parent, child, i) => {
-    const s = stateOf(child);
-    const x1 = child.x + child.w;
-    const y1 = child.y + child.h / 2;
-    const x2 = parent.x;
-    const y2 = portY(parent, i);
-    const xm = x2 - 24;
-    const d = roundedEdgePath([{ x: x1, y: y1 }, { x: xm, y: y1 }, { x: xm, y: y2 }, { x: x2, y: y2 }], 8);
-    const live = s.status === "done";
-    const running = s.status === "active";
-    const label = parent.wireLabels[i];
-    return /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d,
-          fill: "none",
-          stroke: s.status === "error" ? AVL_INK.fail : live || running ? AVL_INK.focus : AVL_INK.quiet,
-          strokeOpacity: s.status === "skipped" ? 0.25 : live || running ? 1 : 0.5,
-          strokeWidth: live ? 2 : 1.5,
-          strokeDasharray: s.status === "skipped" ? "3 4" : running ? "8 6" : void 0,
-          children: running && !reduceMotion ? /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-14", dur: "0.8s", repeatCount: "indefinite" }) : null
-        }
-      ),
-      label ? /* @__PURE__ */ jsx("text", { x: xm + 4, y: y2 - 6, fontFamily: AVL_FONT.mono, fontSize: 12, fill: AVL_INK.quiet, children: label }) : null,
-      live && s.value !== void 0 ? valueChip((x1 + xm) / 2, y1, s.value, true) : null
-    ] }, `w-${child.key}`);
-  };
-  const valueChip = (x, y, v, centered = false) => {
-    const text = fmt(v);
-    const w = Math.max(28, text.length * 7.4 + 14);
-    if (centered) x -= w / 2;
-    const isBool = typeof v === "boolean";
-    const tone = isBool ? v ? AVL_INK.pass : AVL_INK.fail : AVL_INK.focus;
-    return /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx("title", { children: JSON.stringify(v) }),
-      /* @__PURE__ */ jsx("rect", { x, y: y - 22, width: w, height: 18, rx: 9, fill: avlTint(tone, 16), stroke: tone, strokeWidth: 1 }),
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          "data-testid": "avl-circuit-value",
-          x: x + w / 2,
-          y: y - 13,
-          textAnchor: "middle",
-          dominantBaseline: "central",
-          fontFamily: AVL_FONT.mono,
-          fontSize: 12,
-          fontWeight: 600,
-          fill: AVL_INK.text,
-          children: text
-        }
-      )
-    ] });
-  };
-  const switchGlyph = (n, i, cx, cy, vertical) => {
-    const child = n.children[i];
-    const s = stateOf(child);
-    const decided = s.status === "done";
-    const closed = decided && truthy(s.value);
-    const color = s.status === "skipped" ? AVL_INK.quiet : decided ? closed ? AVL_INK.focus : AVL_INK.fail : AVL_INK.quiet;
-    const a = vertical ? { x: cx, y: cy - 13 } : { x: cx - 14, y: cy };
-    const b = vertical ? { x: cx, y: cy + 13 } : { x: cx + 14, y: cy };
-    const lever = closed || !decided ? b : vertical ? { x: cx + 16, y: cy + 6 } : { x: cx + 8, y: cy - 14 };
-    return /* @__PURE__ */ jsxs(
-      "g",
-      {
-        opacity: s.status === "skipped" ? 0.35 : 1,
-        ...decided && !closed ? { "data-testid": "avl-circuit-open-switch", "data-key": child.key } : {},
-        children: [
-          /* @__PURE__ */ jsx("line", { x1: n.x, y1: portY(n, i), x2: vertical ? cx - 4 : cx, y2: cy, stroke: AVL_INK.quiet, strokeWidth: 1, strokeDasharray: "2 3" }),
-          /* @__PURE__ */ jsx("circle", { cx: a.x, cy: a.y, r: 2.5, fill: AVL_INK.text }),
-          /* @__PURE__ */ jsx("circle", { cx: b.x, cy: b.y, r: 2.5, fill: decided && !closed ? AVL_INK.quiet : AVL_INK.text }),
-          /* @__PURE__ */ jsx("line", { x1: a.x, y1: a.y, x2: lever.x, y2: lever.y, stroke: color, strokeWidth: 2.5, strokeLinecap: "round" })
-        ]
-      },
-      `sw-${child.key}`
-    );
-  };
-  const body = (n) => {
-    const s = stateOf(n);
-    const cx = n.x + n.w / 2;
-    const cy = n.y + n.h / 2;
-    const tint = n.kind === "call" && n.form !== "template" ? opColor(n.label) : AVL_INK.quiet;
-    const frame = (dashed = false) => /* @__PURE__ */ jsx(
-      "rect",
-      {
-        x: n.x,
-        y: n.y,
-        width: n.w,
-        height: n.h,
-        rx: n.kind === "binding" || n.kind === "literal" ? n.h / 2 : 10,
-        fill: n.kind === "call" ? avlBlend(tint, 12, AVL_INK.surface) : n.kind === "literal" ? AVL_INK.wash : AVL_INK.surface,
-        stroke: s.status === "error" ? AVL_INK.fail : s.status === "active" ? AVL_INK.focus : n.kind === "call" ? avlBlend(tint, 55, AVL_INK.line) : AVL_INK.line,
-        strokeWidth: s.status === "active" ? 2 : 1,
-        strokeDasharray: dashed || n.form === "unknown" ? "5 4" : void 0
-      }
-    );
-    const caption = (text, big = false) => /* @__PURE__ */ jsx(
-      "text",
-      {
-        x: n.form === "series" || n.form === "parallel" || n.form === "conveyor" || n.form === "ladder" ? n.x + 10 : cx,
-        y: n.form === "series" || n.form === "parallel" || n.form === "conveyor" || n.form === "ladder" ? n.y + 14 : cy,
-        textAnchor: n.form === "series" || n.form === "parallel" || n.form === "conveyor" || n.form === "ladder" ? "start" : "middle",
-        dominantBaseline: "central",
-        fontFamily: AVL_FONT.mono,
-        fontSize: big ? 18 : 12,
-        fontWeight: big ? 600 : 500,
-        fill: n.kind === "literal" ? AVL_INK.quiet : AVL_INK.text,
-        children: text
-      }
-    );
-    if (n.kind !== "call") return /* @__PURE__ */ jsxs(Fragment, { children: [
-      frame(),
-      caption(n.label)
-    ] });
-    switch (n.form) {
-      case "series": {
-        const rx = n.x + n.w - 34;
-        const ys = n.children.map((_, i) => portY(n, i));
-        let lit = true;
-        const segs = [];
-        let prev = n.y + 8;
-        n.children.forEach((c, i) => {
-          const cs = stateOf(c);
-          segs.push(/* @__PURE__ */ jsx("line", { x1: rx, y1: prev, x2: rx, y2: ys[i] - 13, stroke: lit ? AVL_INK.focus : AVL_INK.quiet, strokeOpacity: lit ? 1 : 0.4, strokeWidth: 2 }, `r${i}`));
-          lit = lit && cs.status === "done" && truthy(cs.value);
-          prev = ys[i] + 13;
-        });
-        segs.push(/* @__PURE__ */ jsx("line", { x1: rx, y1: prev, x2: rx, y2: cy, stroke: lit ? AVL_INK.focus : AVL_INK.quiet, strokeOpacity: lit ? 1 : 0.4, strokeWidth: 2 }, "rend"));
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          caption(n.label),
-          segs,
-          n.children.map((_, i) => switchGlyph(n, i, rx, ys[i], true))
-        ] });
-      }
-      case "parallel": {
-        const l = n.x + 18;
-        const r = n.x + n.w - 18;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          caption(n.label),
-          /* @__PURE__ */ jsx("line", { x1: l, y1: portY(n, 0) - 10, x2: l, y2: portY(n, n.children.length - 1) + 10, stroke: AVL_INK.quiet, strokeWidth: 2 }),
-          /* @__PURE__ */ jsx("line", { x1: r, y1: portY(n, 0) - 10, x2: r, y2: portY(n, n.children.length - 1) + 10, stroke: AVL_INK.quiet, strokeWidth: 2 }),
-          n.children.map((c, i) => {
-            const cs = stateOf(c);
-            const on = cs.status === "done" && truthy(cs.value);
-            const py = portY(n, i);
-            return /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx("line", { x1: l, y1: py, x2: (l + r) / 2 - 12, y2: py, stroke: on ? AVL_INK.focus : AVL_INK.quiet, strokeWidth: 1.5 }),
-              /* @__PURE__ */ jsx("line", { x1: (l + r) / 2 + 12, y1: py, x2: r, y2: py, stroke: on ? AVL_INK.focus : AVL_INK.quiet, strokeWidth: 1.5 }),
-              switchGlyph(n, i, (l + r) / 2, py, false)
-            ] }, `b${i}`);
-          })
-        ] });
-      }
-      case "branch": {
-        const cond = stateOf(n.children[0]);
-        const takenIndex = cond.status === "done" ? truthy(cond.value) ? 1 : 2 : -1;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          n.children.slice(1).map((c, j) => {
-            const i = j + 1;
-            const on = i === takenIndex;
-            return /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: `M ${n.x} ${portY(n, i)} C ${cx} ${portY(n, i)}, ${cx} ${cy}, ${n.x + n.w} ${cy}`,
-                fill: "none",
-                stroke: on ? AVL_INK.focus : AVL_INK.quiet,
-                strokeOpacity: on ? 1 : 0.35,
-                strokeWidth: on ? 2.5 : 1.5
-              },
-              `t${i}`
-            );
-          }),
-          /* @__PURE__ */ jsx("line", { x1: n.x, y1: portY(n, 0), x2: cx, y2: cy, stroke: AVL_INK.quiet, strokeWidth: 1, strokeDasharray: "2 3" }),
-          /* @__PURE__ */ jsx("text", { x: n.x + 8, y: n.y + 12, fontFamily: AVL_FONT.mono, fontSize: 12, fill: AVL_INK.text, children: n.label })
-        ] });
-      }
-      case "conveyor": {
-        const collection = stateOf(n.children[0]);
-        const items = Array.isArray(collection.value) ? collection.value : [];
-        const lambda = n.children[1];
-        const bodyNode = lambda?.children[lambda.children.length - 1];
-        const bodyState = bodyNode ? stateOf(bodyNode) : IDLE;
-        const results = bodyState.results;
-        const beltY = n.y + n.h - 26;
-        const step = items.length ? (n.w - 24) / items.length : 0;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          caption(n.label),
-          /* @__PURE__ */ jsx("rect", { x: n.x + 8, y: beltY - 12, width: n.w - 16, height: 24, rx: 12, fill: AVL_INK.wash, stroke: AVL_INK.line }),
-          items.map((item, i) => {
-            const done = i < results.length;
-            const current = bodyState.status === "active" && i === results.length;
-            const result = done ? results[i] : void 0;
-            const kept = typeof result === "boolean" ? result : true;
-            const x = n.x + 12 + i * step;
-            return /* @__PURE__ */ jsxs("g", { "data-testid": "avl-circuit-item", "data-result": done ? String(result) : "pending", children: [
-              /* @__PURE__ */ jsx("title", { children: JSON.stringify(item) }),
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x,
-                  y: beltY - 9,
-                  width: step - 6,
-                  height: 18,
-                  rx: 9,
-                  fill: done ? avlTint(kept ? AVL_INK.pass : AVL_INK.fail, 16) : AVL_INK.surface,
-                  stroke: current ? AVL_INK.focus : done ? kept ? AVL_INK.pass : AVL_INK.fail : AVL_INK.line,
-                  strokeWidth: current ? 2 : 1,
-                  opacity: done && !kept ? 0.55 : 1
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "text",
-                {
-                  x: x + (step - 6) / 2,
-                  y: beltY,
-                  textAnchor: "middle",
-                  dominantBaseline: "central",
-                  fontFamily: AVL_FONT.mono,
-                  fontSize: 12,
-                  fill: AVL_INK.text,
-                  textDecoration: done && !kept ? "line-through" : void 0,
-                  children: [
-                    `#${i + 1}`,
-                    done ? typeof result === "boolean" ? kept ? " \u2713" : " \u2715" : ` ${fmt(result)}` : ""
-                  ]
-                }
-              )
-            ] }, `it${i}`);
-          })
-        ] });
-      }
-      case "ladder": {
-        const rl = n.x + 14;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          caption(n.label),
-          /* @__PURE__ */ jsx("line", { x1: rl, y1: n.y + 22, x2: rl, y2: n.y + n.h - 6, stroke: AVL_INK.focus, strokeWidth: 2 }),
-          n.children.map((c, i) => {
-            const cs = stateOf(c);
-            const color = cs.status === "done" ? AVL_INK.pass : cs.status === "active" ? AVL_INK.focus : cs.status === "error" ? AVL_INK.fail : AVL_INK.quiet;
-            return /* @__PURE__ */ jsx("line", { x1: rl, y1: portY(n, i), x2: n.x + n.w - 10, y2: portY(n, i), stroke: color, strokeWidth: cs.status === "idle" ? 1 : 2 }, `r${i}`);
-          })
-        ] });
-      }
-      case "actuator": {
-        const zone = effectZoneOf(n.label);
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          /* @__PURE__ */ jsx("svg", { x: n.x + 6, y: cy - 9, width: 18, height: 18, viewBox: "-9 -9 18 18", overflow: "visible", children: /* @__PURE__ */ jsx(AvlEffect, { effectType: n.label, size: 7, color: s.status === "done" ? AVL_INK.pass : AVL_INK.quiet }) }),
-          /* @__PURE__ */ jsx("text", { x: n.x + 28, y: cy, dominantBaseline: "central", fontFamily: AVL_FONT.mono, fontSize: 12, fontWeight: 600, fill: AVL_INK.text, children: n.label }),
-          s.status === "done" && zone ? /* @__PURE__ */ jsxs("text", { "data-testid": "avl-circuit-zone", x: n.x + n.w - 8, y: n.y + n.h + 14, textAnchor: "end", fontFamily: AVL_FONT.mono, fontSize: 12, fill: AVL_INK.pass, children: [
-            "\u2192 ",
-            t(`avl.circuit.zone.${zone}`)
-          ] }) : null
-        ] });
-      }
-      case "invert":
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("path", { d: `M ${n.x + 8} ${n.y + 6} L ${n.x + n.w - 14} ${cy} L ${n.x + 8} ${n.y + n.h - 6} Z`, fill: AVL_INK.surface, stroke: AVL_INK.line }),
-          /* @__PURE__ */ jsx("circle", { cx: n.x + n.w - 9, cy, r: 4, fill: AVL_INK.surface, stroke: AVL_INK.line })
-        ] });
-      case "delay":
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          /* @__PURE__ */ jsx("circle", { cx: n.x + 16, cy, r: 7, fill: "none", stroke: AVL_INK.quiet, strokeWidth: 1.5 }),
-          /* @__PURE__ */ jsx("polyline", { points: `${n.x + 16},${cy - 4} ${n.x + 16},${cy} ${n.x + 19},${cy + 2}`, fill: "none", stroke: AVL_INK.quiet, strokeWidth: 1.5 }),
-          /* @__PURE__ */ jsx("text", { x: n.x + 30, y: cy, dominantBaseline: "central", fontFamily: AVL_FONT.mono, fontSize: 12, fill: AVL_INK.text, children: n.label })
-        ] });
-      case "template":
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(true),
-          caption(n.label)
-        ] });
-      default:
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          frame(),
-          caption(n.form === "unknown" ? `${n.label} ?` : n.label, n.label.length <= 2)
-        ] });
-    }
-  };
-  const drawn = [];
-  const walk = (n) => {
-    n.children.forEach((c, i) => {
-      walk(c);
-      drawn.push(wire(n, c, i));
-    });
-    const s = stateOf(n);
-    drawn.push(
-      /* @__PURE__ */ jsxs(
-        "g",
-        {
-          "data-testid": "avl-circuit-node",
-          "data-key": n.key,
-          "data-kind": n.kind,
-          "data-form": n.form ?? "",
-          "data-status": s.status,
-          opacity: s.status === "skipped" ? 0.35 : 1,
-          children: [
-            s.status === "active" ? /* @__PURE__ */ jsx("rect", { x: n.x - 4, y: n.y - 4, width: n.w + 8, height: n.h + 8, rx: 14, fill: "none", stroke: AVL_INK.focus, strokeOpacity: 0.22, strokeWidth: 4, children: !reduceMotion ? /* @__PURE__ */ jsx("animate", { attributeName: "stroke-opacity", values: "0.28;0.06;0.28", dur: "1.6s", repeatCount: "indefinite" }) : null }) : null,
-            body(n)
-          ]
-        },
-        `n-${n.key}`
-      )
-    );
-  };
-  walk(circuit.root);
-  const root = circuit.root;
-  const rootState = stateOf(root);
-  const outY = root.y + root.h / 2;
-  return /* @__PURE__ */ jsxs(Box, { className, style: { width: "100%" }, children: [
-    title || showCode ? /* @__PURE__ */ jsxs(Box, { className: "pb-2", children: [
-      title ? /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "semibold", children: title }) : null,
-      showCode ? /* @__PURE__ */ jsx(Box, { as: "code", "data-testid": "avl-circuit-code", style: { display: "block", fontFamily: AVL_FONT.mono, fontSize: 13, color: AVL_INK.quiet, whiteSpace: "pre-wrap" }, children: formatSExpr(expr) }) : null
-    ] }) : null,
-    /* @__PURE__ */ jsx(Box, { ref: hostRef, className: "overflow-x-auto", style: { width: "100%" }, children: /* @__PURE__ */ jsx(Box, { className: "relative mx-auto", style: { width: W * scale, height: circuit.h * scale }, children: /* @__PURE__ */ jsxs("svg", { width: W * scale, height: circuit.h * scale, viewBox: `0 0 ${W} ${circuit.h}`, role: "img", "aria-label": formatSExpr(expr), children: [
-      drawn,
-      /* @__PURE__ */ jsx("path", { d: `M ${root.x + root.w} ${outY} H ${root.x + root.w + 38}`, stroke: rootState.status === "done" ? AVL_INK.focus : AVL_INK.quiet, strokeWidth: 2 }),
-      rootState.status === "done" && typeof rootState.value === "boolean" ? /* @__PURE__ */ jsx("circle", { cx: root.x + root.w + 48, cy: outY, r: 8, fill: rootState.value ? AVL_INK.pass : AVL_INK.fail }) : null,
-      rootState.status === "done" && rootState.value !== void 0 ? valueChip(root.x + root.w + 62, outY + 10, rootState.value) : null
-    ] }) }) }),
-    narration !== null ? /* @__PURE__ */ jsxs(Box, { className: "pt-2", children: [
-      /* @__PURE__ */ jsxs(Box, { "data-testid": "avl-circuit-narration", style: { fontSize: 13, color: AVL_INK.quiet }, children: [
-        /* @__PURE__ */ jsx(Box, { as: "span", style: { color: AVL_INK.text, fontWeight: 600 }, children: t("avl.circuit.step", { n: at + 1, total: trace?.length ?? 0 }) }),
-        " \u2014 ",
-        narration
-      ] }),
-      stack.length > 0 ? /* @__PURE__ */ jsxs(Box, { className: "flex flex-wrap items-center gap-1 pt-1", style: { fontFamily: AVL_FONT.mono, fontSize: 12, color: AVL_INK.quiet }, children: [
-        t("avl.circuit.stack"),
-        stack.map((k, i) => /* @__PURE__ */ jsx(
-          Box,
-          {
-            as: "span",
-            "data-testid": "avl-circuit-stack-frame",
-            className: "rounded px-1.5",
-            style: { border: `1px solid ${i === stack.length - 1 ? AVL_INK.focus : AVL_INK.line}`, color: i === stack.length - 1 ? AVL_INK.focus : AVL_INK.quiet, background: AVL_INK.wash },
-            children: nodes.get(k)?.label ?? k
-          },
-          k
-        ))
-      ] }) : null
-    ] }) : null
-  ] });
-};
-AvlCircuit.displayName = "AvlCircuit";
 var avlOuId = 0;
 var AvlOrbitalUnit = ({
   entityName,
@@ -623,7 +40,7 @@ var AvlOrbitalUnit = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React17.useMemo(() => {
+  const ids = React16.useMemo(() => {
     avlOuId += 1;
     const base = `avl-ou-${avlOuId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad` };
@@ -780,7 +197,7 @@ var AvlClosedCircuit = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React17.useMemo(() => {
+  const ids = React16.useMemo(() => {
     avlCcId += 1;
     const base = `avl-cc-${avlCcId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad`, arrow: `${base}-arrow` };
@@ -933,7 +350,7 @@ var AvlEmitListen = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React17.useMemo(() => {
+  const ids = React16.useMemo(() => {
     avlElId += 1;
     const base = `avl-el-${avlElId}`;
     return { arrow: `${base}-arrow`, grad: `${base}-grad` };
@@ -1207,7 +624,7 @@ function renderNode(node, color, glowId) {
   const baseR = node.type === "operator" ? 20 : 16;
   const r = Math.max(baseR, labelLen * 3.5 + 6);
   const nc = nodeColor(node.type, color);
-  return /* @__PURE__ */ jsxs(React17.Fragment, { children: [
+  return /* @__PURE__ */ jsxs(React16.Fragment, { children: [
     node.children.map((child, i) => {
       const childR = Math.max(
         child.type === "operator" ? 20 : 16,
@@ -1264,7 +681,7 @@ var AvlExprTree = ({
   className,
   color = "var(--color-primary)"
 }) => {
-  const ids = React17.useMemo(() => {
+  const ids = React16.useMemo(() => {
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
@@ -1875,7 +1292,7 @@ var AvlBehaviorGlyph = ({
   effectTypes = [],
   children: childBehaviors,
   connections = [],
-  size: size2 = "md",
+  size = "md",
   showLabels = false,
   animated = false,
   className,
@@ -1883,7 +1300,7 @@ var AvlBehaviorGlyph = ({
 }) => {
   const { t } = useTranslate();
   const resolvedColor = colorOverride ?? (domain ? DOMAIN_COLORS[domain] ?? "var(--color-primary)" : "var(--color-primary)");
-  const dim = SIZE_MAP[size2];
+  const dim = SIZE_MAP[size];
   const radius = dim * 0.4;
   const cx = dim / 2;
   const cy = dim / 2;
@@ -2095,14 +1512,14 @@ var SystemNodeInner = ({ data }) => {
     }
   );
 };
-var SystemNode = React17.memo(SystemNodeInner);
+var SystemNode = React16.memo(SystemNodeInner);
 SystemNode.displayName = "SystemNode";
 var SystemBandNodeInner = ({ data }) => {
   const d = data;
   const { t } = useTranslate();
   return /* @__PURE__ */ jsx(Box, { "data-testid": `avl-system-band-${d.bandKind}`, className: "pointer-events-none whitespace-nowrap", children: /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "muted", children: t(d.bandKind === "connected" ? "avl.system.connected" : "avl.system.standalone", { count: d.bandCount ?? 0 }) }) });
 };
-var SystemBandNode = React17.memo(SystemBandNodeInner);
+var SystemBandNode = React16.memo(SystemBandNodeInner);
 SystemBandNode.displayName = "SystemBandNode";
 var DEPENDENCY_ROLE_CLASS = {
   selected: "border-primary bg-primary/25 text-foreground ring-2 ring-primary/40",
@@ -2160,14 +1577,14 @@ var DependencyNodeInner = ({ id, data }) => {
     }
   );
 };
-var DependencyNode = React17.memo(DependencyNodeInner);
+var DependencyNode = React16.memo(DependencyNodeInner);
 DependencyNode.displayName = "DependencyNode";
 var DependencyColumnNodeInner = ({ data }) => {
   const d = data;
   const { t } = useTranslate();
   return /* @__PURE__ */ jsx(Box, { "data-testid": `avl-dependency-column-${d.dependencyColumn}`, className: "pointer-events-none whitespace-nowrap", children: /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "muted", children: t(`avl.deps.column.${d.dependencyColumn ?? "unknown"}`) }) });
 };
-var DependencyColumnNode = React17.memo(DependencyColumnNodeInner);
+var DependencyColumnNode = React16.memo(DependencyColumnNodeInner);
 DependencyColumnNode.displayName = "DependencyColumnNode";
 var DetailView = ({ data }) => {
   const { t } = useTranslate();
@@ -3413,8 +2830,8 @@ function axisPositionFrom(axis, constraint, offset) {
   const end = axis === "x" ? offset.right : offset.bottom;
   if (constraint === "center") return { constraint, start: (start - end) / 2, end: 0 };
   if (constraint !== "scale") return { constraint, start, end };
-  const size2 = axis === "x" ? offset.parentWidth : offset.parentHeight;
-  return size2 > 0 ? { constraint, start: start / size2 * 100, end: end / size2 * 100 } : { constraint, start: 0, end: 0 };
+  const size = axis === "x" ? offset.parentWidth : offset.parentHeight;
+  return size > 0 ? { constraint, start: start / size * 100, end: end / size * 100 } : { constraint, start: 0, end: 0 };
 }
 var edgesX = (r) => [r.left, r.left + r.width / 2, r.left + r.width];
 var edgesY = (r) => [r.top, r.top + r.height / 2, r.top + r.height];
@@ -3901,12 +3318,12 @@ function CanvasDndProvider({
 }) {
   const eventBus = useEventBus();
   const sensors = useAlmadarDndSensors(false);
-  const [activePayload, setActivePayload] = React17.useState(null);
-  const lastPointerRef = React17.useRef(null);
-  const trackPointer = React17.useCallback((ev) => {
+  const [activePayload, setActivePayload] = React16.useState(null);
+  const lastPointerRef = React16.useRef(null);
+  const trackPointer = React16.useCallback((ev) => {
     lastPointerRef.current = { x: ev.clientX, y: ev.clientY };
   }, []);
-  const handleDragStart = React17.useCallback((e) => {
+  const handleDragStart = React16.useCallback((e) => {
     const data = e.active.data.current;
     const payload = data?.payload;
     const activator = e.activatorEvent;
@@ -3920,7 +3337,7 @@ function CanvasDndProvider({
       log.warn("dragStart:missing-payload", { id: e.active.id });
     }
   }, [eventBus, trackPointer]);
-  const handleDragEnd = React17.useCallback((e) => {
+  const handleDragEnd = React16.useCallback((e) => {
     setActivePayload(null);
     document.removeEventListener("pointermove", trackPointer);
     const activeData = e.active.data.current;
@@ -3956,7 +3373,7 @@ function CanvasDndProvider({
     const suppressed = onDrop ? onDrop(drop) === true : false;
     if (!suppressed) defaultEmit(eventBus, drop);
   }, [eventBus, onDrop, trackPointer]);
-  const handleDragCancel = React17.useCallback(() => {
+  const handleDragCancel = React16.useCallback(() => {
     setActivePayload(null);
     document.removeEventListener("pointermove", trackPointer);
     log.info("dragCancel");
@@ -5497,7 +4914,7 @@ var OrbPreviewNodeInner = (props) => {
     }
   );
 };
-var OrbPreviewNode = React17.memo(OrbPreviewNodeInner);
+var OrbPreviewNode = React16.memo(OrbPreviewNodeInner);
 OrbPreviewNode.displayName = "OrbPreviewNode";
 orbPreviewLog.debug("export-resolved", () => ({
   type: typeof OrbPreviewNode,
@@ -5602,7 +5019,7 @@ var EventFlowEdgeInner = (props) => {
     ) })
   ] });
 };
-var EventFlowEdge = React17.memo(EventFlowEdgeInner);
+var EventFlowEdge = React16.memo(EventFlowEdgeInner);
 EventFlowEdge.displayName = "EventFlowEdge";
 function asString(v) {
   return typeof v === "string" ? v : "";
@@ -6754,22 +6171,22 @@ function StylesTab({ patternType, patternDef, patternConfig, editable, onPropCha
     ] }),
     sizeEnum && sizeEnum.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground text-xs uppercase tracking-wider mb-2", children: t("orbInspector.size") }),
-      /* @__PURE__ */ jsx(Box, { className: "flex flex-wrap gap-1", children: sizeEnum.map((size2) => {
-        const isActive = size2 === currentSize || !currentSize && size2 === "md";
+      /* @__PURE__ */ jsx(Box, { className: "flex flex-wrap gap-1", children: sizeEnum.map((size) => {
+        const isActive = size === currentSize || !currentSize && size === "md";
         return /* @__PURE__ */ jsx(
           Box,
           {
             as: editable ? "button" : "div",
-            onClick: editable ? () => onPropChange("size", size2) : void 0,
+            onClick: editable ? () => onPropChange("size", size) : void 0,
             "aria-pressed": editable ? isActive : void 0,
             className: `rounded px-2 py-0.5 text-xs font-mono ${editable ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
             style: {
               backgroundColor: isActive ? "var(--color-primary)" : "var(--color-muted)",
               color: isActive ? "var(--color-primary-foreground)" : "var(--color-muted-foreground)"
             },
-            children: size2
+            children: size
           },
-          size2
+          size
         );
       }) })
     ] }),
@@ -7357,7 +6774,7 @@ var TraitCardNodeInner = (props) => {
     }
   );
 };
-var TraitCardNode = React17.memo(TraitCardNodeInner);
+var TraitCardNode = React16.memo(TraitCardNodeInner);
 TraitCardNode.displayName = "TraitCardNode";
 
 // lib/avl-layered-graph.ts
@@ -7513,7 +6930,7 @@ function flowNeighbors(edges, selected) {
 }
 var COLUMNS2 = ["own", "io", "std", "primitive", "unknown"];
 var WIDTH2 = { own: 240, io: 340, std: 340, primitive: 260, unknown: 340 };
-var ROW2 = { height: 28, gap: 12, columnGap: 96, headerHeight: 30 };
+var ROW = { height: 28, gap: 12, columnGap: 96, headerHeight: 30 };
 function traitFlowCanvas(flow) {
   return layeredGraph({
     columns: COLUMNS2.map((id) => ({ id, width: WIDTH2[id] })),
@@ -7524,7 +6941,7 @@ function traitFlowCanvas(flow) {
       ...u.column === "own" ? {} : { flowTraits: u.traits.length, flowRenderPieces: u.renderPieces.length }
     })),
     edges: flow.edges.map((e) => ({ id: `flow-${e.source}-${e.target}`, source: e.source, target: e.target })),
-    row: ROW2,
+    row: ROW,
     handles: "facing"
   });
 }
@@ -7660,19 +7077,19 @@ function FlowCanvasInner({
   const fitPadding = systemLevel || flowLens ? 0.08 : 0.25;
   const compact = useCompactLayout();
   const [scope, setScope] = useState("local");
-  const scopeRef = React17.useRef(scope);
+  const scopeRef = React16.useRef(scope);
   scopeRef.current = scope;
   const [focusRequest, setFocusRequest] = useState(focusedOrbitalProp ?? initialOrbital);
   const [stateByOrbital, setStateByOrbital] = useState({});
-  const fitFocusedRef = React17.useRef(false);
-  const pendingFitRef = React17.useRef(null);
-  const fittedViewRef = React17.useRef(null);
+  const fitFocusedRef = React16.useRef(false);
+  const pendingFitRef = React16.useRef(null);
+  const fittedViewRef = React16.useRef(null);
   useEffect(() => {
     if (focusedOrbitalProp === void 0) return;
     fitFocusedRef.current = true;
     setFocusRequest(focusedOrbitalProp);
   }, [focusedOrbitalProp]);
-  const screenSizeUserOverrideRef = React17.useRef(false);
+  const screenSizeUserOverrideRef = React16.useRef(false);
   const [screenSize, setScreenSize] = useState(
     () => typeof window === "undefined" ? "laptop" : detectScreenSize(window.innerWidth)
   );
@@ -7685,9 +7102,9 @@ function FlowCanvasInner({
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, []);
-  const pickScreenSize = useCallback((size2) => {
+  const pickScreenSize = useCallback((size) => {
     screenSizeUserOverrideRef.current = true;
-    setScreenSize(size2);
+    setScreenSize(size);
   }, []);
   const [selectedNode, setSelectedNodeInternal] = useState(initialSelectedNode ?? null);
   const setSelectedNode = useCallback((node) => {
@@ -7828,9 +7245,9 @@ function FlowCanvasInner({
   const [edges, setEdges, onEdgesChange] = useEdgesState(activeEdges);
   const reactFlow = useReactFlow();
   const cameraMs = usePrefersReducedMotion() ? 0 : 300;
-  const savedPositionsRef = React17.useRef(nodePositions);
+  const savedPositionsRef = React16.useRef(nodePositions);
   savedPositionsRef.current = nodePositions;
-  const nodesRef = React17.useRef(nodes);
+  const nodesRef = React16.useRef(nodes);
   nodesRef.current = nodes;
   useEffect(() => {
     setEdges([]);
@@ -7975,7 +7392,7 @@ function FlowCanvasInner({
       targetTraitName: tgtData.traitName
     });
   }, [nodes, onEventWire, eventBus]);
-  const worldPositionsRef = React17.useRef(canvas.worldPositions);
+  const worldPositionsRef = React16.useRef(canvas.worldPositions);
   worldPositionsRef.current = canvas.worldPositions;
   const placementsOf = useCallback((list) => {
     const positions = { ...savedPositionsRef.current };
@@ -8011,8 +7428,8 @@ function FlowCanvasInner({
   }), [eventBus, setNodes, onPositionsChange, placementsOf]);
   const screenSizeKeys = ["mobile", "tablet", "laptop", "wide"];
   const isScreenSize = (value) => screenSizeKeys.some((k) => k === value);
-  const applyScreenSize = (size2) => {
-    pickScreenSize(size2);
+  const applyScreenSize = (size) => {
+    pickScreenSize(size);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: cameraMs, padding: 0.25 });
     });
@@ -8208,7 +7625,7 @@ function FlowCanvasInner({
                 /* @__PURE__ */ jsx(Box, { className: "sm:hidden ml-auto", children: /* @__PURE__ */ jsx(
                   Select,
                   {
-                    options: screenSizeKeys.map((size2) => ({ value: size2, label: t("flowCanvas.presetSize", { label: t(SCREEN_SIZE_PRESETS[size2].labelKey), width: SCREEN_SIZE_PRESETS[size2].width }) })),
+                    options: screenSizeKeys.map((size) => ({ value: size, label: t("flowCanvas.presetSize", { label: t(SCREEN_SIZE_PRESETS[size].labelKey), width: SCREEN_SIZE_PRESETS[size].width }) })),
                     value: screenSize,
                     onValueChange: (value) => {
                       if (typeof value === "string" && isScreenSize(value)) applyScreenSize(value);
@@ -8218,20 +7635,20 @@ function FlowCanvasInner({
                     className: "h-10 py-0 text-sm bg-card/80"
                   }
                 ) }),
-                /* @__PURE__ */ jsx(Box, { className: "hidden sm:flex ml-auto", "data-testid": "canvas-screen-size-buttons", children: /* @__PURE__ */ jsx(ButtonGroup, { variant: "segmented", className: "bg-card/80 backdrop-blur-sm rounded-md", children: screenSizeKeys.map((size2) => {
-                  const p = SCREEN_SIZE_PRESETS[size2];
+                /* @__PURE__ */ jsx(Box, { className: "hidden sm:flex ml-auto", "data-testid": "canvas-screen-size-buttons", children: /* @__PURE__ */ jsx(ButtonGroup, { variant: "segmented", className: "bg-card/80 backdrop-blur-sm rounded-md", children: screenSizeKeys.map((size) => {
+                  const p = SCREEN_SIZE_PRESETS[size];
                   return /* @__PURE__ */ jsx(
                     Button,
                     {
-                      variant: screenSize === size2 ? "primary" : "ghost",
+                      variant: screenSize === size ? "primary" : "ghost",
                       size: "sm",
-                      onClick: () => applyScreenSize(size2),
+                      onClick: () => applyScreenSize(size),
                       title: t("flowCanvas.presetSize", { label: t(p.labelKey), width: p.width }),
                       "aria-label": t("canvas.switchToView", { label: t(p.labelKey) }),
-                      "aria-pressed": screenSize === size2,
+                      "aria-pressed": screenSize === size,
                       children: t(p.labelKey)
                     },
-                    size2
+                    size
                   );
                 }) }) })
               ] })
@@ -8335,7 +7752,7 @@ var ZoomBreadcrumb = ({
   if (eventName && band === "detail") {
     segments.push({ icon: "\u26A1", label: eventName });
   }
-  return /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1 px-2 py-1 rounded-md bg-card/90 border border-border text-xs text-muted-foreground backdrop-blur-sm", children: segments.map((seg, i) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1 px-2 py-1 rounded-md bg-card/90 border border-border text-xs text-muted-foreground backdrop-blur-sm", children: segments.map((seg, i) => /* @__PURE__ */ jsxs(React16.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx("span", { className: "opacity-40", children: ">" }),
     /* @__PURE__ */ jsx("span", { className: "opacity-60", children: seg.icon }),
     /* @__PURE__ */ jsx("span", { children: seg.label })
@@ -8412,66 +7829,6 @@ var AvlCosmicZoom = (props) => {
   );
 };
 AvlCosmicZoom.displayName = "AvlCosmicZoom";
-var isConfigObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-var AvlTransitionDetail = ({ orbital, trait, transition, playback, stepEvent, className }) => {
-  const { t } = useTranslate();
-  const [payload, setPayload] = useState({});
-  const guard = transition.guard;
-  const guardRun = playback?.guard;
-  const request = { orbital, trait, from: transition.from, event: transition.event, payload };
-  const effectItems = useMemo(
-    () => transition.effects.map((effect, i) => {
-      const expr = [effect.type, ...effect.args];
-      const ran = playback?.effects[i];
-      return {
-        id: `effect-${i}`,
-        header: /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-          /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", children: effect.type }),
-          ran?.status === "failed" ? /* @__PURE__ */ jsx(Badge, { variant: "danger", size: "sm", children: t("avl.play.effectFailed") }) : null
-        ] }),
-        content: /* @__PURE__ */ jsx(AvlCircuit, { expr, trace: ran?.evalTrace, showCode: true })
-      };
-    }),
-    [transition.effects, playback, t]
-  );
-  const openEffects = transition.effects.map((effect, i) => effectZoneOf(effect.type) === "screen" ? null : `effect-${i}`).filter((id) => id !== null);
-  return /* @__PURE__ */ jsx(Card, { className: `w-full max-w-5xl mx-auto ${className ?? ""}`, shadow: "md", "data-testid": "avl-transition-detail", children: /* @__PURE__ */ jsx(Box, { className: "p-6", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
-    /* @__PURE__ */ jsxs(HStack, { gap: "md", justify: "between", align: "center", wrap: true, children: [
-      /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-        /* @__PURE__ */ jsx(Badge, { variant: "neutral", size: "lg", children: transition.from }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", weight: "semibold", children: transition.event }),
-        /* @__PURE__ */ jsx(Typography, { variant: "h5", color: "muted", children: "\u2192" }),
-        /* @__PURE__ */ jsx(Badge, { variant: "neutral", size: "lg", children: transition.to })
-      ] }),
-      playback ? /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx(Badge, { variant: playback.fired ? "success" : "warning", size: "md", "data-testid": "avl-transition-verdict", children: playback.fired ? t("avl.play.fired") : guardRun && !guardRun.passed ? t("avl.play.blocked") : t("avl.play.notReached") }) }) : null
-    ] }),
-    stepEvent ? /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "muted", children: t("avl.play.payload") }),
-      /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", children: [
-        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(JsonTreeEditor, { value: payload, onChange: (next) => setPayload(isConfigObject(next) ? next : {}) }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", action: stepEvent, actionPayload: request, leftIcon: "skip-forward", children: t("avl.play.step") })
-      ] })
-    ] }) : null,
-    !playback && stepEvent ? /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("avl.play.notPlayed") }) : null,
-    guard !== null ? /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "muted", children: t("avl.guard") }),
-        guardRun ? /* @__PURE__ */ jsx(Badge, { variant: guardRun.passed ? "success" : "danger", size: "sm", children: guardRun.passed ? t("avl.play.guardPassed") : t("avl.play.guardFailed") }) : null
-      ] }),
-      /* @__PURE__ */ jsx(AvlCircuit, { expr: guard, trace: guardRun?.trace })
-    ] }) : null,
-    effectItems.length > 0 ? /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsxs(Typography, { variant: "overline", color: "muted", children: [
-        t("avl.effects"),
-        " (",
-        effectItems.length,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx(Accordion, { items: effectItems, multiple: true, defaultOpenItems: openEffects })
-    ] }) : null
-  ] }) }) });
-};
-AvlTransitionDetail.displayName = "AvlTransitionDetail";
 var LEVEL_BOX = { inset: 0, paddingTop: 56, paddingBottom: 24, paddingLeft: 24, paddingRight: 24 };
 var AvlOrbitalsCosmicZoom = ({
   schema: schemaProp,
@@ -8582,7 +7939,7 @@ var AvlOrbitalsCosmicZoom = ({
           borderRadius: 6,
           border: `1px solid ${color}`
         },
-        children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
+        children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React16.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", style: { opacity: 0.5, color }, children: "/" }),
           i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
             Box,
@@ -9125,4 +8482,4 @@ function deploymentGraph(input) {
   });
 }
 
-export { AVL_GRAPH_NODE_TYPES, AvlBackwardEdge, AvlBehaviorGlyph, AvlBindingEdge, AvlCircuit, AvlClickTarget, AvlClosedCircuit, AvlCosmicZoom, AvlEmitListen, AvlEventWireEdge, AvlExprTree, AvlGraphCanvas, AvlOrbitalUnit, AvlOrbitalsCosmicZoom, AvlPageEdge, AvlSlotMap, AvlSwimLane, AvlTraitScene, AvlTransitionDetail, AvlTransitionEdge, AvlTransitionLane, AvlTransitionScene, CANVAS_TOOLS, CanvasDndProvider, CanvasVerifyContext, DEPLOYMENT_ROW, DOMAIN_COLORS, DependencyColumnNode, DependencyNode, DetailView, EDITABLE, ElementEditAccessContext, EventFlowEdge, FlowCanvas, KnobField, KnobSettingRow, LIVE_STATE, LayersPanel, OrbInspector, OrbPreviewNode, SystemBandNode, SystemMapContext, SystemNode, ZOOM_BAND_THRESHOLDS, ZoomBandContext, ZoomBreadcrumb, ZoomLegend, arcPath, armPosition, armsOf, canvasViewGraph, computeZoomBand, curveControlPoint, dependencyReach, deploymentGraph, deriveEditFocusFromElement, dropBusEvent, firedTransition, flowNeighbors, gridPositions, hasCanvasTool, initialStateOf, layeredGraph, optionForPlayedStep, parseLayerId, propAccessAt, radialPositions, ringPositions, schemaToDependencyGraph, schemaToFlowGraph, schemaToLayerItems, schemaToOverviewGraph, stateMachinePlayback, stateOptionsOf, traitFlowGraph, transitionPlayback, useCanvasDraggable, useCanvasDroppable, useInlineTextEdit, useZoomBand, zoomProgress };
+export { AVL_GRAPH_NODE_TYPES, AvlBackwardEdge, AvlBehaviorGlyph, AvlBindingEdge, AvlClickTarget, AvlClosedCircuit, AvlCosmicZoom, AvlEmitListen, AvlEventWireEdge, AvlExprTree, AvlGraphCanvas, AvlOrbitalUnit, AvlOrbitalsCosmicZoom, AvlPageEdge, AvlSlotMap, AvlSwimLane, AvlTraitScene, AvlTransitionEdge, AvlTransitionLane, AvlTransitionScene, CANVAS_TOOLS, CanvasDndProvider, CanvasVerifyContext, DEPLOYMENT_ROW, DOMAIN_COLORS, DependencyColumnNode, DependencyNode, DetailView, EDITABLE, ElementEditAccessContext, EventFlowEdge, FlowCanvas, KnobField, KnobSettingRow, LIVE_STATE, LayersPanel, OrbInspector, OrbPreviewNode, SystemBandNode, SystemMapContext, SystemNode, ZOOM_BAND_THRESHOLDS, ZoomBandContext, ZoomBreadcrumb, ZoomLegend, arcPath, armPosition, armsOf, canvasViewGraph, computeZoomBand, curveControlPoint, dependencyReach, deploymentGraph, deriveEditFocusFromElement, dropBusEvent, firedTransition, flowNeighbors, gridPositions, hasCanvasTool, initialStateOf, layeredGraph, optionForPlayedStep, parseLayerId, propAccessAt, radialPositions, ringPositions, schemaToDependencyGraph, schemaToFlowGraph, schemaToLayerItems, schemaToOverviewGraph, stateMachinePlayback, stateOptionsOf, traitFlowGraph, transitionPlayback, useCanvasDraggable, useCanvasDroppable, useInlineTextEdit, useZoomBand, zoomProgress };