@almadar/shell-web 0.0.0-stage → 0.1.0

package/dist/chunk-DFNZUYX4.js

@@ -0,0 +1,378 @@
+import { createLogger } from '@almadar/logger';
+
+var log = createLogger("almadar:ui:theme-color");
+var THEME_SERIES = [
+  "var(--color-series-1)",
+  "var(--color-series-2)",
+  "var(--color-series-3)",
+  "var(--color-series-4)",
+  "var(--color-series-5)",
+  "var(--color-series-6)",
+  "var(--color-series-7)",
+  "var(--color-series-8)"
+];
+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 gamma(linear) {
+  const c = Math.min(1, Math.max(0, linear));
+  return Math.round(255 * (c <= 31308e-7 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055));
+}
+function fromOklab(L, a, b, alpha) {
+  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return make(
+    gamma(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
+    gamma(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
+    gamma(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),
+    alpha
+  );
+}
+function component(raw, percentOf) {
+  if (raw === "none") return 0;
+  return raw.endsWith("%") ? Number(raw.slice(0, -1)) / 100 * percentOf : Number(raw);
+}
+var NUM = "(none|-?[\\d.]+(?:e-?\\d+)?%?)";
+var OKLCH = new RegExp(`^oklch\\(\\s*${NUM}\\s+${NUM}\\s+${NUM}(?:deg)?\\s*(?:\\/\\s*${NUM}\\s*)?\\)$`, "i");
+var OKLAB = new RegExp(`^oklab\\(\\s*${NUM}\\s+${NUM}\\s+${NUM}\\s*(?:\\/\\s*${NUM}\\s*)?\\)$`, "i");
+function parseComputedColor(value) {
+  const v = value.trim();
+  const lch = OKLCH.exec(v);
+  if (lch) {
+    const hue = component(lch[3], 360) * Math.PI / 180;
+    const chroma = component(lch[2], 0.4);
+    return fromOklab(component(lch[1], 1), chroma * Math.cos(hue), chroma * Math.sin(hue), lch[4] === void 0 ? 1 : component(lch[4], 1));
+  }
+  const lab = OKLAB.exec(v);
+  if (lab) {
+    return fromOklab(component(lab[1], 1), component(lab[2], 0.4), component(lab[3], 0.4), lab[4] === void 0 ? 1 : component(lab[4], 1));
+  }
+  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;
+}
+
+// src/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 = {
+  "access-check": "system",
+  "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",
+  "cancel-call": "communication",
+  "spawn": "lifecycle",
+  "despawn": "lifecycle",
+  "do": "control",
+  "if": "control",
+  "when": "control",
+  "let": "control",
+  "log": "control",
+  "atomic": "control",
+  "wait": "async",
+  "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",
+  "behavior/catalog": "system",
+  "behavior/describe": "system",
+  "behavior/source": "system",
+  "behavior/resolve": "system",
+  "behavior/dependencies": "system",
+  "program/read": "system",
+  "program/print": "system",
+  "program/eval": "system",
+  "program/validate": "system",
+  "program/compose": "system",
+  "program/step": "system",
+  "program/inputs": "system",
+  "program/dispatch": "system",
+  "program/live": "system",
+  "persist/read-named": "system",
+  "http": "communication",
+  "redis": "communication",
+  "postgres": "communication",
+  "oauth-authorize": "communication",
+  "oauth-connection-status": "communication",
+  "oauth-connection-forget": "communication",
+  "credential-status": "system",
+  "credential-forget": "system",
+  "random-bytes": "compute",
+  "credential-list": "system",
+  "credential-set": "system",
+  "credential-remove": "system",
+  "credential-test": "system",
+  "credential-mode": "system",
+  "credential-rotate": "system"
+};
+var EFFECT_FAMILY_CATEGORY = {
+  agent: "system",
+  os: "system",
+  browser: "system",
+  llm: "system",
+  session: "system",
+  trace: "control",
+  memory: "data",
+  application: "system"
+};
+var EFFECT_OPERATOR_ZONE = {
+  "access-check": "system",
+  "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",
+  "cancel-call": "remote",
+  "spawn": "instances",
+  "despawn": "instances",
+  "do": "flow",
+  "if": "flow",
+  "when": "flow",
+  "let": "flow",
+  "log": "flow",
+  "atomic": "flow",
+  "wait": "timer",
+  "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",
+  "behavior/catalog": "system",
+  "behavior/describe": "system",
+  "behavior/source": "system",
+  "behavior/resolve": "system",
+  "behavior/dependencies": "system",
+  "program/read": "system",
+  "program/print": "system",
+  "program/eval": "system",
+  "program/validate": "system",
+  "program/compose": "system",
+  "program/step": "system",
+  "program/inputs": "system",
+  "program/dispatch": "system",
+  "program/live": "system",
+  "persist/read-named": "system",
+  "http": "remote",
+  "redis": "remote",
+  "postgres": "remote",
+  "oauth-authorize": "remote",
+  "oauth-connection-status": "remote",
+  "oauth-connection-forget": "remote",
+  "credential-status": "system",
+  "credential-forget": "system",
+  "random-bytes": "system",
+  "credential-list": "system",
+  "credential-set": "system",
+  "credential-remove": "system",
+  "credential-test": "system",
+  "credential-mode": "system",
+  "credential-rotate": "system"
+};
+var EFFECT_FAMILY_ZONE = {
+  agent: "system",
+  os: "system",
+  browser: "system",
+  llm: "remote",
+  session: "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 PENDING_STD_CATEGORY_COLORS = {
+  "std-behavior-value": avlBlend("var(--color-accent)", 40, "var(--color-success)"),
+  "std-program": avlBlend("var(--color-accent)", 60, "var(--color-info)")
+};
+var OPERATOR_CATEGORY_COLORS = {
+  ...PENDING_STD_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-codec": avlBlend("var(--color-success)", 50, "var(--color-warning)"),
+  "std-csv": avlBlend("var(--color-success)", 60, "var(--color-info)"),
+  "std-time": avlBlend("var(--color-info)", 50, "var(--color-success)"),
+  "std-format": avlBlend("var(--color-success)", 60, "var(--color-background)"),
+  "std-i18n": avlBlend("var(--color-info)", 60, "var(--color-background)"),
+  "std-prob": avlBlend("var(--color-accent)", 60, "var(--color-warning)"),
+  "std-os": avlBlend("var(--color-muted-foreground)", 60, "var(--color-primary)"),
+  "std-kv": avlBlend("var(--color-muted-foreground)", 50, "var(--color-info)"),
+  "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)"),
+  "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)")
+};
+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;
+}
+
+export { AVL_FONT, AVL_INK, AVL_STROKE, CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, THEME_SERIES, asEffectOperator, avlBlend, avlSeries, avlTint, effectCategoryOf, effectZoneOf, getStateRole, parseComputedColor, resolveThemeColor };