@almadar/ui 6.51.2 → 6.52.0

package/dist/{chunk-BUEIZY54.js → chunk-BHZG4PDZ.js}

@@ -1,444 +1,108 @@
-import { domPassthrough } from './chunk-MWPX2O4M.js';
 import { useTapReveal } from './chunk-XJTHMW4G.js';
 import { useEventBus } from './chunk-6EV3OEBQ.js';
 import { updateAssetStatus } from './chunk-O7OLVVBR.js';
-import { cn } from './chunk-HQDKHLFG.js';
-import { createLogger } from '@almadar/logger';
+import { cn, domPassthrough } from './chunk-IN3BVW2Z.js';
 import React, { useCallback, createContext, useContext } from 'react';
 import { useThemeScope } from '@almadar/ui/context';
 import { jsx } from 'react/jsx-runtime';
+import { createLogger } from '@almadar/logger';
 import { renderUiEntriesOf } from '@almadar/core/patterns';
 import { isInlineTrait } from '@almadar/core';
 import { parseListenSource } from '@almadar/runtime';
 
-var log = createLogger("almadar:ui:theme-color");
-var THEME_SERIES = [
-  "var(--color-primary)",
-  "var(--color-success)",
-  "var(--color-warning)",
-  "var(--color-error)",
-  "var(--color-info)",
-  "var(--color-accent)"
-];
-function channel(value, unitScale) {
-  return Math.round(Math.min(255, Math.max(0, Number(value) * unitScale)));
-}
-function make(r, g, b, a) {
-  return { r, g, b, a, css: `rgb(${r}, ${g}, ${b})` };
-}
-function parseComputedColor(value) {
-  const v = value.trim();
-  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(v);
-  if (hex) {
-    const h = hex[1].length === 3 ? hex[1].split("").map((c) => c + c).join("") : hex[1];
-    return make(parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16), 1);
-  }
-  const rgb = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)\s*(?:[,/]\s*([\d.]+)\s*)?\)$/i.exec(v);
-  if (rgb) {
-    return make(channel(rgb[1], 1), channel(rgb[2], 1), channel(rgb[3], 1), rgb[4] === void 0 ? 1 : Number(rgb[4]));
-  }
-  const srgb = /^color\(srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+)\s*)?\)$/i.exec(v);
-  if (srgb) {
-    return make(channel(srgb[1], 255), channel(srgb[2], 255), channel(srgb[3], 255), srgb[4] === void 0 ? 1 : Number(srgb[4]));
-  }
-  return null;
+// lib/pressable.ts
+function clickElement(el) {
+  el.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
 }
-var SENTINEL = "rgb(1, 2, 3)";
-function getComputedSentinel(doc) {
-  const s = doc.createElement("span");
-  s.style.display = "none";
-  s.style.color = SENTINEL;
-  doc.body.appendChild(s);
-  const c = getComputedStyle(s).color;
-  doc.body.removeChild(s);
-  return c;
+function pressableProps(onPress, options = {}) {
+  if (!onPress) return {};
+  const { disabled = false } = options;
+  return {
+    role: "button",
+    tabIndex: disabled ? -1 : 0,
+    ...disabled ? { "aria-disabled": true } : void 0,
+    onClick: (e) => {
+      if (!disabled) onPress(e);
+    },
+    onKeyDown: (e) => {
+      if (disabled || e.target !== e.currentTarget) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        clickElement(e.currentTarget);
+      }
+    }
+  };
 }
-function resolveThemeColor(value, scope) {
-  const doc = scope.ownerDocument;
-  const wrapper = doc.createElement("span");
-  wrapper.style.display = "none";
-  wrapper.style.color = SENTINEL;
-  const probe = doc.createElement("span");
-  probe.style.color = value;
-  wrapper.appendChild(probe);
-  scope.appendChild(wrapper);
-  const computed = probe.style.color === "" ? "" : getComputedStyle(probe).color;
-  scope.removeChild(wrapper);
-  const parsed = computed === getComputedSentinel(doc) ? null : parseComputedColor(computed);
-  if (!parsed) log.error("unresolvable-theme-color", { value, computed });
-  return parsed;
+function rowActivationProps(onActivate) {
+  if (!onActivate) return {};
+  return {
+    tabIndex: 0,
+    onClick: onActivate,
+    onKeyDown: (e) => {
+      if (e.target !== e.currentTarget || e.key !== "Enter") return;
+      e.preventDefault();
+      clickElement(e.currentTarget);
+    }
+  };
 }
 
-// lib/avl-theme.ts
-function avlTint(token, percent) {
-  return `color-mix(in srgb, ${token} ${percent}%, transparent)`;
-}
-function avlBlend(token, percent, other) {
-  return `color-mix(in srgb, ${token} ${percent}%, ${other})`;
-}
-var AVL_INK = {
-  text: "var(--color-foreground)",
-  quiet: "var(--color-muted-foreground)",
-  line: "var(--color-border)",
-  surface: "var(--color-card)",
-  wash: "var(--color-muted)",
-  canvas: "var(--color-background)",
-  focus: "var(--color-primary)",
-  onFocus: "var(--color-primary-foreground)",
-  pass: "var(--color-success)",
-  fail: "var(--color-error)",
-  caution: "var(--color-warning)"
-};
-var AVL_STROKE = {
-  hairline: 1,
-  wire: 1.5,
-  active: 2.5
+// components/core/atoms/Box.tsx
+var paddingStyles = {
+  none: "p-0",
+  xs: "p-1",
+  sm: "p-2",
+  md: "p-4",
+  lg: "p-6",
+  xl: "p-8",
+  "2xl": "p-12"
 };
-var AVL_FONT = {
-  body: "var(--font-family-body, var(--font-family))",
-  mono: "var(--font-family-mono, monospace)"
+var paddingXStyles = {
+  none: "px-0",
+  xs: "px-1",
+  sm: "px-2",
+  md: "px-4",
+  lg: "px-6",
+  xl: "px-8",
+  "2xl": "px-12"
 };
-function avlSeries(i) {
-  const base = THEME_SERIES[i % THEME_SERIES.length];
-  const band = Math.floor(i / THEME_SERIES.length) % 3;
-  if (band === 0) return base;
-  return avlBlend(base, 65, band === 1 ? AVL_INK.text : AVL_INK.canvas);
-}
-var STATE_COLORS = {
-  initial: { fill: avlTint("var(--color-success)", 12), border: "var(--color-success)" },
-  terminal: { fill: avlTint("var(--color-foreground)", 6), border: "var(--color-foreground)" },
-  hub: { fill: avlTint("var(--color-info)", 12), border: "var(--color-info)" },
-  default: { fill: avlTint("var(--color-muted-foreground)", 8), border: "var(--color-muted-foreground)" }
+var paddingYStyles = {
+  none: "py-0",
+  xs: "py-1",
+  sm: "py-2",
+  md: "py-4",
+  lg: "py-6",
+  xl: "py-8",
+  "2xl": "py-12"
 };
-function getStateRole(isInitial, isTerminal, transitionCount, maxTransitionCount) {
-  if (isInitial) return "initial";
-  if (isTerminal) return "terminal";
-  if (transitionCount != null && maxTransitionCount != null && transitionCount === maxTransitionCount && transitionCount >= 3) return "hub";
-  return "default";
-}
-var CONNECTION_COLORS = {
-  forward: { color: "var(--color-muted-foreground)", width: 1.5, dash: "none" },
-  backward: { color: "var(--color-muted-foreground)", width: 1.5, dash: "5 4" },
-  selfLoop: { color: "var(--color-muted-foreground)", width: 1, dash: "3 2" },
-  emitListen: { color: "var(--color-warning)", width: 1.5, dash: "4 3" }
+var marginStyles = {
+  none: "m-0",
+  xs: "m-1",
+  sm: "m-2",
+  md: "m-4",
+  lg: "m-6",
+  xl: "m-8",
+  "2xl": "m-12",
+  auto: "m-auto"
 };
-var EFFECT_CATEGORY_COLORS = {
-  ui: { color: "var(--color-accent)", bg: avlTint("var(--color-accent)", 10) },
-  data: { color: "var(--color-info)", bg: avlTint("var(--color-info)", 10) },
-  communication: { color: "var(--color-warning)", bg: avlTint("var(--color-warning)", 10) },
-  lifecycle: { color: "var(--color-success)", bg: avlTint("var(--color-success)", 10) },
-  control: { color: "var(--color-muted-foreground)", bg: avlTint("var(--color-muted-foreground)", 10) },
-  async: { color: avlBlend("var(--color-info)", 50, "var(--color-accent)"), bg: avlTint(avlBlend("var(--color-info)", 50, "var(--color-accent)"), 10) },
-  compute: { color: "var(--color-primary)", bg: avlTint("var(--color-primary)", 10) },
-  system: { color: avlBlend("var(--color-muted-foreground)", 60, "var(--color-primary)"), bg: avlTint("var(--color-muted-foreground)", 10) }
+var marginXStyles = {
+  none: "mx-0",
+  xs: "mx-1",
+  sm: "mx-2",
+  md: "mx-4",
+  lg: "mx-6",
+  xl: "mx-8",
+  "2xl": "mx-12",
+  auto: "mx-auto"
 };
-var EFFECT_OPERATOR_CATEGORY = {
-  "render-ui": "ui",
-  "navigate": "ui",
-  "navigate-back": "ui",
-  "set": "data",
-  "persist": "data",
-  "fetch": "data",
-  "fetch-stream": "data",
-  "ref": "data",
-  "deref": "data",
-  "swap": "data",
-  "watch": "data",
-  "emit": "communication",
-  "notify": "communication",
-  "send-server": "communication",
-  "call-service": "communication",
-  "integration/http": "communication",
-  "integration/github-get-repo": "communication",
-  "integration/github-create-issue": "communication",
-  "spawn": "lifecycle",
-  "despawn": "lifecycle",
-  "do": "control",
-  "if": "control",
-  "when": "control",
-  "let": "control",
-  "log": "control",
-  "atomic": "control",
-  "wait": "async",
-  "async/delay": "async",
-  "async/debounce": "async",
-  "async/throttle": "async",
-  "async/interval": "async",
-  "async/race": "async",
-  "async/all": "async",
-  "async/sequence": "async",
-  "async/timeout": "async",
-  "async/retry": "async",
-  "forward": "compute",
-  "train": "compute",
-  "evaluate": "compute",
-  "checkpoint/save": "compute",
-  "checkpoint/load": "compute",
-  "nn/setWeights": "compute",
-  "train/loop": "compute",
-  "train/step": "compute",
-  "train/clipGradients": "compute",
-  "train/clipWeights": "compute",
-  "train/sgd": "compute",
-  "train/adam": "compute",
-  "prob/seed": "compute",
-  "prob/condition": "compute",
-  "workspace/write-orbital": "system",
-  "workspace/write-file": "system",
-  "workspace/write-schema": "system",
-  "workspace/write-plan": "system",
-  "workspace/archive-orbital": "system",
-  "lolo/emit-body": "system"
-};
-var EFFECT_FAMILY_CATEGORY = {
-  agent: "system",
-  os: "system",
-  browser: "system",
-  llm: "system",
-  behavior: "system",
-  validate: "control",
-  session: "system",
-  compose: "system",
-  trace: "control",
-  memory: "data",
-  application: "system"
-};
-var EFFECT_OPERATOR_ZONE = {
-  "render-ui": "screen",
-  "navigate": "route",
-  "navigate-back": "route",
-  "set": "entity",
-  "swap": "entity",
-  "ref": "store",
-  "deref": "store",
-  "watch": "store",
-  "persist": "store",
-  "fetch": "store",
-  "fetch-stream": "store",
-  "emit": "bus",
-  "send-server": "bus",
-  "notify": "toast",
-  "call-service": "remote",
-  "integration/http": "remote",
-  "integration/github-get-repo": "remote",
-  "integration/github-create-issue": "remote",
-  "spawn": "instances",
-  "despawn": "instances",
-  "do": "flow",
-  "if": "flow",
-  "when": "flow",
-  "let": "flow",
-  "log": "flow",
-  "atomic": "flow",
-  "wait": "timer",
-  "async/delay": "timer",
-  "async/debounce": "timer",
-  "async/throttle": "timer",
-  "async/interval": "timer",
-  "async/race": "timer",
-  "async/all": "timer",
-  "async/sequence": "timer",
-  "async/timeout": "timer",
-  "async/retry": "timer",
-  "forward": "model",
-  "train": "model",
-  "evaluate": "model",
-  "checkpoint/save": "model",
-  "checkpoint/load": "model",
-  "nn/setWeights": "model",
-  "train/loop": "model",
-  "train/step": "model",
-  "train/clipGradients": "model",
-  "train/clipWeights": "model",
-  "train/sgd": "model",
-  "train/adam": "model",
-  "prob/seed": "model",
-  "prob/condition": "model",
-  "workspace/write-orbital": "system",
-  "workspace/write-file": "system",
-  "workspace/write-schema": "system",
-  "workspace/write-plan": "system",
-  "workspace/archive-orbital": "system",
-  "lolo/emit-body": "system"
-};
-var EFFECT_FAMILY_ZONE = {
-  agent: "system",
-  os: "system",
-  browser: "system",
-  llm: "remote",
-  behavior: "system",
-  validate: "flow",
-  session: "system",
-  compose: "system",
-  trace: "flow",
-  memory: "store",
-  application: "system"
-};
-function isEffectOperator(head) {
-  return head in EFFECT_OPERATOR_CATEGORY;
-}
-function isEffectFamily(prefix) {
-  return prefix in EFFECT_FAMILY_CATEGORY;
-}
-function effectCategoryOf(head) {
-  if (isEffectOperator(head)) return EFFECT_OPERATOR_CATEGORY[head];
-  const slash = head.indexOf("/");
-  if (slash > 0) {
-    const prefix = head.slice(0, slash);
-    if (isEffectFamily(prefix)) return EFFECT_FAMILY_CATEGORY[prefix];
-  }
-  return null;
-}
-function asEffectOperator(head) {
-  return isEffectOperator(head) ? head : null;
-}
-var OPERATOR_CATEGORY_COLORS = {
-  "arithmetic": "var(--color-primary)",
-  "comparison": "var(--color-warning)",
-  "logic": "var(--color-accent)",
-  "control": "var(--color-error)",
-  "effect": avlBlend("var(--color-warning)", 60, "var(--color-error)"),
-  "collection": "var(--color-info)",
-  "std-math": "var(--color-primary)",
-  "std-str": "var(--color-success)",
-  "std-array": "var(--color-info)",
-  "std-object": avlBlend("var(--color-info)", 60, "var(--color-foreground)"),
-  "std-validate": "var(--color-warning)",
-  "std-json": avlBlend("var(--color-success)", 60, "var(--color-foreground)"),
-  "std-time": avlBlend("var(--color-info)", 50, "var(--color-success)"),
-  "std-format": avlBlend("var(--color-success)", 60, "var(--color-background)"),
-  "std-async": avlBlend("var(--color-accent)", 50, "var(--color-error)"),
-  "std-nn": avlBlend("var(--color-primary)", 60, "var(--color-accent)"),
-  "std-tensor": avlBlend("var(--color-primary)", 60, "var(--color-info)"),
-  "std-train": avlBlend("var(--color-primary)", 60, "var(--color-warning)"),
-  "std-prob": avlBlend("var(--color-accent)", 60, "var(--color-warning)"),
-  "std-os": avlBlend("var(--color-muted-foreground)", 60, "var(--color-primary)"),
-  "std-browser": avlBlend("var(--color-muted-foreground)", 60, "var(--color-info)"),
-  "std-composition": avlBlend("var(--color-accent)", 60, "var(--color-foreground)"),
-  "std-vec": avlBlend("var(--color-primary)", 60, "var(--color-background)"),
-  "std-geo": avlBlend("var(--color-success)", 50, "var(--color-info)"),
-  "std-grid": avlBlend("var(--color-info)", 60, "var(--color-background)"),
-  "std-anim": avlBlend("var(--color-accent)", 60, "var(--color-background)"),
-  "std-ease": avlBlend("var(--color-accent)", 50, "var(--color-info)"),
-  "std-noise": avlBlend("var(--color-muted-foreground)", 60, "var(--color-accent)"),
-  "std-path": avlBlend("var(--color-success)", 60, "var(--color-primary)"),
-  "ml-arch": avlBlend("var(--color-primary)", 70, "var(--color-foreground)"),
-  "ml-effect": avlBlend("var(--color-primary)", 50, "var(--color-error)"),
-  "ml-tensor": avlBlend("var(--color-primary)", 50, "var(--color-info)"),
-  "ml-graph": avlBlend("var(--color-primary)", 50, "var(--color-success)"),
-  "ml-contract": avlBlend("var(--color-primary)", 50, "var(--color-warning)"),
-  "ml-data": avlBlend("var(--color-primary)", 50, "var(--color-background)"),
-  "std-llm": avlBlend("var(--color-accent)", 70, "var(--color-primary)"),
-  "std-workspace": avlBlend("var(--color-muted-foreground)", 60, "var(--color-warning)"),
-  "std-session": avlBlend("var(--color-muted-foreground)", 60, "var(--color-success)"),
-  "std-memory": avlBlend("var(--color-info)", 60, "var(--color-accent)"),
-  "std-trace": "var(--color-muted-foreground)",
-  "std-behavior": avlBlend("var(--color-accent)", 60, "var(--color-success)"),
-  "std-integration": avlBlend("var(--color-warning)", 60, "var(--color-info)")
-};
-function effectZoneOf(head) {
-  if (isEffectOperator(head)) return EFFECT_OPERATOR_ZONE[head];
-  const slash = head.indexOf("/");
-  if (slash > 0) {
-    const prefix = head.slice(0, slash);
-    if (isEffectFamily(prefix)) return EFFECT_FAMILY_ZONE[prefix];
-  }
-  return null;
-}
-
-// lib/pressable.ts
-function clickElement(el) {
-  el.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
-}
-function pressableProps(onPress, options = {}) {
-  if (!onPress) return {};
-  const { disabled = false } = options;
-  return {
-    role: "button",
-    tabIndex: disabled ? -1 : 0,
-    ...disabled ? { "aria-disabled": true } : void 0,
-    onClick: (e) => {
-      if (!disabled) onPress(e);
-    },
-    onKeyDown: (e) => {
-      if (disabled || e.target !== e.currentTarget) return;
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        clickElement(e.currentTarget);
-      }
-    }
-  };
-}
-function rowActivationProps(onActivate) {
-  if (!onActivate) return {};
-  return {
-    tabIndex: 0,
-    onClick: onActivate,
-    onKeyDown: (e) => {
-      if (e.target !== e.currentTarget || e.key !== "Enter") return;
-      e.preventDefault();
-      clickElement(e.currentTarget);
-    }
-  };
-}
-
-// components/core/atoms/Box.tsx
-var paddingStyles = {
-  none: "p-0",
-  xs: "p-1",
-  sm: "p-2",
-  md: "p-4",
-  lg: "p-6",
-  xl: "p-8",
-  "2xl": "p-12"
-};
-var paddingXStyles = {
-  none: "px-0",
-  xs: "px-1",
-  sm: "px-2",
-  md: "px-4",
-  lg: "px-6",
-  xl: "px-8",
-  "2xl": "px-12"
-};
-var paddingYStyles = {
-  none: "py-0",
-  xs: "py-1",
-  sm: "py-2",
-  md: "py-4",
-  lg: "py-6",
-  xl: "py-8",
-  "2xl": "py-12"
-};
-var marginStyles = {
-  none: "m-0",
-  xs: "m-1",
-  sm: "m-2",
-  md: "m-4",
-  lg: "m-6",
-  xl: "m-8",
-  "2xl": "m-12",
-  auto: "m-auto"
-};
-var marginXStyles = {
-  none: "mx-0",
-  xs: "mx-1",
-  sm: "mx-2",
-  md: "mx-4",
-  lg: "mx-6",
-  xl: "mx-8",
-  "2xl": "mx-12",
-  auto: "mx-auto"
-};
-var marginYStyles = {
-  none: "my-0",
-  xs: "my-1",
-  sm: "my-2",
-  md: "my-4",
-  lg: "my-6",
-  xl: "my-8",
-  "2xl": "my-12",
-  auto: "my-auto"
+var marginYStyles = {
+  none: "my-0",
+  xs: "my-1",
+  sm: "my-2",
+  md: "my-4",
+  lg: "my-6",
+  xl: "my-8",
+  "2xl": "my-12",
+  auto: "my-auto"
 };
 var bgStyles = {
   transparent: "bg-transparent",
@@ -670,6 +334,340 @@ var Stack = ({
 };
 var VStack = (props) => /* @__PURE__ */ jsx(Stack, { direction: "vertical", ...props });
 var HStack = (props) => /* @__PURE__ */ jsx(Stack, { direction: "horizontal", ...props });
+var log = createLogger("almadar:ui:theme-color");
+var THEME_SERIES = [
+  "var(--color-primary)",
+  "var(--color-success)",
+  "var(--color-warning)",
+  "var(--color-error)",
+  "var(--color-info)",
+  "var(--color-accent)"
+];
+function channel(value, unitScale) {
+  return Math.round(Math.min(255, Math.max(0, Number(value) * unitScale)));
+}
+function make(r, g, b, a) {
+  return { r, g, b, a, css: `rgb(${r}, ${g}, ${b})` };
+}
+function parseComputedColor(value) {
+  const v = value.trim();
+  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(v);
+  if (hex) {
+    const h = hex[1].length === 3 ? hex[1].split("").map((c) => c + c).join("") : hex[1];
+    return make(parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16), 1);
+  }
+  const rgb = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)\s*(?:[,/]\s*([\d.]+)\s*)?\)$/i.exec(v);
+  if (rgb) {
+    return make(channel(rgb[1], 1), channel(rgb[2], 1), channel(rgb[3], 1), rgb[4] === void 0 ? 1 : Number(rgb[4]));
+  }
+  const srgb = /^color\(srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+)\s*)?\)$/i.exec(v);
+  if (srgb) {
+    return make(channel(srgb[1], 255), channel(srgb[2], 255), channel(srgb[3], 255), srgb[4] === void 0 ? 1 : Number(srgb[4]));
+  }
+  return null;
+}
+var SENTINEL = "rgb(1, 2, 3)";
+function getComputedSentinel(doc) {
+  const s = doc.createElement("span");
+  s.style.display = "none";
+  s.style.color = SENTINEL;
+  doc.body.appendChild(s);
+  const c = getComputedStyle(s).color;
+  doc.body.removeChild(s);
+  return c;
+}
+function resolveThemeColor(value, scope) {
+  const doc = scope.ownerDocument;
+  const wrapper = doc.createElement("span");
+  wrapper.style.display = "none";
+  wrapper.style.color = SENTINEL;
+  const probe = doc.createElement("span");
+  probe.style.color = value;
+  wrapper.appendChild(probe);
+  scope.appendChild(wrapper);
+  const computed = probe.style.color === "" ? "" : getComputedStyle(probe).color;
+  scope.removeChild(wrapper);
+  const parsed = computed === getComputedSentinel(doc) ? null : parseComputedColor(computed);
+  if (!parsed) log.error("unresolvable-theme-color", { value, computed });
+  return parsed;
+}
+
+// lib/avl-theme.ts
+function avlTint(token, percent) {
+  return `color-mix(in srgb, ${token} ${percent}%, transparent)`;
+}
+function avlBlend(token, percent, other) {
+  return `color-mix(in srgb, ${token} ${percent}%, ${other})`;
+}
+var AVL_INK = {
+  text: "var(--color-foreground)",
+  quiet: "var(--color-muted-foreground)",
+  line: "var(--color-border)",
+  surface: "var(--color-card)",
+  wash: "var(--color-muted)",
+  canvas: "var(--color-background)",
+  focus: "var(--color-primary)",
+  onFocus: "var(--color-primary-foreground)",
+  pass: "var(--color-success)",
+  fail: "var(--color-error)",
+  caution: "var(--color-warning)"
+};
+var AVL_STROKE = {
+  hairline: 1,
+  wire: 1.5,
+  active: 2.5
+};
+var AVL_FONT = {
+  body: "var(--font-family-body, var(--font-family))",
+  mono: "var(--font-family-mono, monospace)"
+};
+function avlSeries(i) {
+  const base = THEME_SERIES[i % THEME_SERIES.length];
+  const band = Math.floor(i / THEME_SERIES.length) % 3;
+  if (band === 0) return base;
+  return avlBlend(base, 65, band === 1 ? AVL_INK.text : AVL_INK.canvas);
+}
+var STATE_COLORS = {
+  initial: { fill: avlTint("var(--color-success)", 12), border: "var(--color-success)" },
+  terminal: { fill: avlTint("var(--color-foreground)", 6), border: "var(--color-foreground)" },
+  hub: { fill: avlTint("var(--color-info)", 12), border: "var(--color-info)" },
+  default: { fill: avlTint("var(--color-muted-foreground)", 8), border: "var(--color-muted-foreground)" }
+};
+function getStateRole(isInitial, isTerminal, transitionCount, maxTransitionCount) {
+  if (isInitial) return "initial";
+  if (isTerminal) return "terminal";
+  if (transitionCount != null && maxTransitionCount != null && transitionCount === maxTransitionCount && transitionCount >= 3) return "hub";
+  return "default";
+}
+var CONNECTION_COLORS = {
+  forward: { color: "var(--color-muted-foreground)", width: 1.5, dash: "none" },
+  backward: { color: "var(--color-muted-foreground)", width: 1.5, dash: "5 4" },
+  selfLoop: { color: "var(--color-muted-foreground)", width: 1, dash: "3 2" },
+  emitListen: { color: "var(--color-warning)", width: 1.5, dash: "4 3" }
+};
+var EFFECT_CATEGORY_COLORS = {
+  ui: { color: "var(--color-accent)", bg: avlTint("var(--color-accent)", 10) },
+  data: { color: "var(--color-info)", bg: avlTint("var(--color-info)", 10) },
+  communication: { color: "var(--color-warning)", bg: avlTint("var(--color-warning)", 10) },
+  lifecycle: { color: "var(--color-success)", bg: avlTint("var(--color-success)", 10) },
+  control: { color: "var(--color-muted-foreground)", bg: avlTint("var(--color-muted-foreground)", 10) },
+  async: { color: avlBlend("var(--color-info)", 50, "var(--color-accent)"), bg: avlTint(avlBlend("var(--color-info)", 50, "var(--color-accent)"), 10) },
+  compute: { color: "var(--color-primary)", bg: avlTint("var(--color-primary)", 10) },
+  system: { color: avlBlend("var(--color-muted-foreground)", 60, "var(--color-primary)"), bg: avlTint("var(--color-muted-foreground)", 10) }
+};
+var EFFECT_OPERATOR_CATEGORY = {
+  "render-ui": "ui",
+  "navigate": "ui",
+  "navigate-back": "ui",
+  "set": "data",
+  "persist": "data",
+  "fetch": "data",
+  "fetch-stream": "data",
+  "ref": "data",
+  "deref": "data",
+  "swap": "data",
+  "watch": "data",
+  "emit": "communication",
+  "notify": "communication",
+  "send-server": "communication",
+  "call-service": "communication",
+  "integration/http": "communication",
+  "integration/github-get-repo": "communication",
+  "integration/github-create-issue": "communication",
+  "spawn": "lifecycle",
+  "despawn": "lifecycle",
+  "do": "control",
+  "if": "control",
+  "when": "control",
+  "let": "control",
+  "log": "control",
+  "atomic": "control",
+  "wait": "async",
+  "async/delay": "async",
+  "async/debounce": "async",
+  "async/throttle": "async",
+  "async/interval": "async",
+  "async/race": "async",
+  "async/all": "async",
+  "async/sequence": "async",
+  "async/timeout": "async",
+  "async/retry": "async",
+  "forward": "compute",
+  "train": "compute",
+  "evaluate": "compute",
+  "checkpoint/save": "compute",
+  "checkpoint/load": "compute",
+  "nn/setWeights": "compute",
+  "train/loop": "compute",
+  "train/step": "compute",
+  "train/clipGradients": "compute",
+  "train/clipWeights": "compute",
+  "train/sgd": "compute",
+  "train/adam": "compute",
+  "prob/seed": "compute",
+  "prob/condition": "compute",
+  "workspace/write-orbital": "system",
+  "workspace/write-file": "system",
+  "workspace/write-schema": "system",
+  "workspace/write-plan": "system",
+  "workspace/archive-orbital": "system",
+  "lolo/emit-body": "system"
+};
+var EFFECT_FAMILY_CATEGORY = {
+  agent: "system",
+  os: "system",
+  browser: "system",
+  llm: "system",
+  behavior: "system",
+  validate: "control",
+  session: "system",
+  compose: "system",
+  trace: "control",
+  memory: "data",
+  application: "system"
+};
+var EFFECT_OPERATOR_ZONE = {
+  "render-ui": "screen",
+  "navigate": "route",
+  "navigate-back": "route",
+  "set": "entity",
+  "swap": "entity",
+  "ref": "store",
+  "deref": "store",
+  "watch": "store",
+  "persist": "store",
+  "fetch": "store",
+  "fetch-stream": "store",
+  "emit": "bus",
+  "send-server": "bus",
+  "notify": "toast",
+  "call-service": "remote",
+  "integration/http": "remote",
+  "integration/github-get-repo": "remote",
+  "integration/github-create-issue": "remote",
+  "spawn": "instances",
+  "despawn": "instances",
+  "do": "flow",
+  "if": "flow",
+  "when": "flow",
+  "let": "flow",
+  "log": "flow",
+  "atomic": "flow",
+  "wait": "timer",
+  "async/delay": "timer",
+  "async/debounce": "timer",
+  "async/throttle": "timer",
+  "async/interval": "timer",
+  "async/race": "timer",
+  "async/all": "timer",
+  "async/sequence": "timer",
+  "async/timeout": "timer",
+  "async/retry": "timer",
+  "forward": "model",
+  "train": "model",
+  "evaluate": "model",
+  "checkpoint/save": "model",
+  "checkpoint/load": "model",
+  "nn/setWeights": "model",
+  "train/loop": "model",
+  "train/step": "model",
+  "train/clipGradients": "model",
+  "train/clipWeights": "model",
+  "train/sgd": "model",
+  "train/adam": "model",
+  "prob/seed": "model",
+  "prob/condition": "model",
+  "workspace/write-orbital": "system",
+  "workspace/write-file": "system",
+  "workspace/write-schema": "system",
+  "workspace/write-plan": "system",
+  "workspace/archive-orbital": "system",
+  "lolo/emit-body": "system"
+};
+var EFFECT_FAMILY_ZONE = {
+  agent: "system",
+  os: "system",
+  browser: "system",
+  llm: "remote",
+  behavior: "system",
+  validate: "flow",
+  session: "system",
+  compose: "system",
+  trace: "flow",
+  memory: "store",
+  application: "system"
+};
+function isEffectOperator(head) {
+  return head in EFFECT_OPERATOR_CATEGORY;
+}
+function isEffectFamily(prefix) {
+  return prefix in EFFECT_FAMILY_CATEGORY;
+}
+function effectCategoryOf(head) {
+  if (isEffectOperator(head)) return EFFECT_OPERATOR_CATEGORY[head];
+  const slash = head.indexOf("/");
+  if (slash > 0) {
+    const prefix = head.slice(0, slash);
+    if (isEffectFamily(prefix)) return EFFECT_FAMILY_CATEGORY[prefix];
+  }
+  return null;
+}
+function asEffectOperator(head) {
+  return isEffectOperator(head) ? head : null;
+}
+var OPERATOR_CATEGORY_COLORS = {
+  "arithmetic": "var(--color-primary)",
+  "comparison": "var(--color-warning)",
+  "logic": "var(--color-accent)",
+  "control": "var(--color-error)",
+  "effect": avlBlend("var(--color-warning)", 60, "var(--color-error)"),
+  "collection": "var(--color-info)",
+  "std-math": "var(--color-primary)",
+  "std-str": "var(--color-success)",
+  "std-array": "var(--color-info)",
+  "std-object": avlBlend("var(--color-info)", 60, "var(--color-foreground)"),
+  "std-validate": "var(--color-warning)",
+  "std-json": avlBlend("var(--color-success)", 60, "var(--color-foreground)"),
+  "std-time": avlBlend("var(--color-info)", 50, "var(--color-success)"),
+  "std-format": avlBlend("var(--color-success)", 60, "var(--color-background)"),
+  "std-async": avlBlend("var(--color-accent)", 50, "var(--color-error)"),
+  "std-nn": avlBlend("var(--color-primary)", 60, "var(--color-accent)"),
+  "std-tensor": avlBlend("var(--color-primary)", 60, "var(--color-info)"),
+  "std-train": avlBlend("var(--color-primary)", 60, "var(--color-warning)"),
+  "std-prob": avlBlend("var(--color-accent)", 60, "var(--color-warning)"),
+  "std-os": avlBlend("var(--color-muted-foreground)", 60, "var(--color-primary)"),
+  "std-browser": avlBlend("var(--color-muted-foreground)", 60, "var(--color-info)"),
+  "std-composition": avlBlend("var(--color-accent)", 60, "var(--color-foreground)"),
+  "std-vec": avlBlend("var(--color-primary)", 60, "var(--color-background)"),
+  "std-geo": avlBlend("var(--color-success)", 50, "var(--color-info)"),
+  "std-grid": avlBlend("var(--color-info)", 60, "var(--color-background)"),
+  "std-anim": avlBlend("var(--color-accent)", 60, "var(--color-background)"),
+  "std-ease": avlBlend("var(--color-accent)", 50, "var(--color-info)"),
+  "std-noise": avlBlend("var(--color-muted-foreground)", 60, "var(--color-accent)"),
+  "std-path": avlBlend("var(--color-success)", 60, "var(--color-primary)"),
+  "ml-arch": avlBlend("var(--color-primary)", 70, "var(--color-foreground)"),
+  "ml-effect": avlBlend("var(--color-primary)", 50, "var(--color-error)"),
+  "ml-tensor": avlBlend("var(--color-primary)", 50, "var(--color-info)"),
+  "ml-graph": avlBlend("var(--color-primary)", 50, "var(--color-success)"),
+  "ml-contract": avlBlend("var(--color-primary)", 50, "var(--color-warning)"),
+  "ml-data": avlBlend("var(--color-primary)", 50, "var(--color-background)"),
+  "std-llm": avlBlend("var(--color-accent)", 70, "var(--color-primary)"),
+  "std-workspace": avlBlend("var(--color-muted-foreground)", 60, "var(--color-warning)"),
+  "std-session": avlBlend("var(--color-muted-foreground)", 60, "var(--color-success)"),
+  "std-memory": avlBlend("var(--color-info)", 60, "var(--color-accent)"),
+  "std-trace": "var(--color-muted-foreground)",
+  "std-behavior": avlBlend("var(--color-accent)", 60, "var(--color-success)"),
+  "std-integration": avlBlend("var(--color-warning)", 60, "var(--color-info)")
+};
+function effectZoneOf(head) {
+  if (isEffectOperator(head)) return EFFECT_OPERATOR_ZONE[head];
+  const slash = head.indexOf("/");
+  if (slash > 0) {
+    const prefix = head.slice(0, slash);
+    if (isEffectFamily(prefix)) return EFFECT_FAMILY_ZONE[prefix];
+  }
+  return null;
+}
 function instanceOf(orbital, orbitalId, ref) {
   const at = orbitalId === void 0 ? { orbital } : { orbital, orbitalId };
   if (isInlineTrait(ref)) return { ...at, name: ref.name, trait: ref };