@trembus/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,4038 @@
+import { useCallback as j, isValidElement as gt, Children as Nt, cloneElement as yt, useState as A, useEffect as H, useRef as ee, useId as z, createContext as ue, useContext as he, useLayoutEffect as Bt, useMemo as B, Fragment as Ot } from "react";
+import { createPortal as Pt } from "react-dom";
+import { jsx as t, jsxs as u, Fragment as K } from "react/jsx-runtime";
+const wl = {
+  color: {
+    bg: "var(--tcl-bg)",
+    surface: "var(--tcl-surface)",
+    surfaceRaised: "var(--tcl-surface-raised)",
+    surfaceSunken: "var(--tcl-surface-sunken)",
+    surfaceHover: "var(--tcl-surface-hover)",
+    overlay: "var(--tcl-overlay)",
+    border: "var(--tcl-border)",
+    borderSoft: "var(--tcl-border-soft)",
+    borderStrong: "var(--tcl-border-strong)",
+    text: "var(--tcl-text)",
+    textDim: "var(--tcl-text-dim)",
+    textFaint: "var(--tcl-text-faint)",
+    accent: "var(--tcl-accent)",
+    accentHover: "var(--tcl-accent-hover)",
+    accentActive: "var(--tcl-accent-active)",
+    accentFg: "var(--tcl-accent-fg)",
+    focusRing: "var(--tcl-focus-ring)"
+  },
+  /** The color-coded ontology — each tone resolves a base / bg / fg triad. */
+  status: (e) => ({
+    base: `var(--tcl-status-${e})`,
+    bg: `var(--tcl-status-${e}-bg)`,
+    fg: `var(--tcl-status-${e}-fg)`
+  }),
+  font: {
+    sans: "var(--tcl-font-sans)",
+    mono: "var(--tcl-font-mono)",
+    display: "var(--tcl-font-display)"
+  },
+  fontSize: (e) => `var(--tcl-text-${e})`,
+  radius: (e) => `var(--tcl-radius-${e})`,
+  space: (e) => `var(--tcl-space-${e})`,
+  z: (e) => `var(--tcl-z-${e})`,
+  elevation: (e) => `var(--tcl-elevation-${e})`,
+  motion: {
+    easeCalm: "var(--tcl-ease-calm)",
+    easeExit: "var(--tcl-ease-exit)",
+    durFast: "var(--tcl-dur-fast)",
+    durBase: "var(--tcl-dur-base)",
+    durSlow: "var(--tcl-dur-slow)"
+  }
+};
+function k(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function jt(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function xt(...e) {
+  return (n) => {
+    for (const l of e) jt(l, n);
+  };
+}
+function Ht(...e) {
+  return j(xt(...e), e);
+}
+function Wt(e, n) {
+  const l = { ...n };
+  for (const s in e) {
+    const c = e[s], a = n[s];
+    /^on[A-Z]/.test(s) && typeof c == "function" ? l[s] = typeof a == "function" ? (...h) => {
+      a(...h), c(...h);
+    } : c : s === "style" ? l[s] = { ...a, ...c } : s === "className" ? l[s] = [a, c].filter(Boolean).join(" ") : l[s] = c;
+  }
+  return l;
+}
+function Ke({ children: e, ref: n, ...l }) {
+  if (!gt(e)) {
+    if (Nt.count(e) > 1)
+      throw new Error("Slot (asChild) expects exactly one React element child.");
+    return null;
+  }
+  const s = e, c = s.props, a = Wt(l, c), i = c.ref;
+  return (n || i) && (a.ref = xt(n, i)), yt(s, a);
+}
+function Me({ children: e, container: n }) {
+  if (typeof document > "u") return null;
+  const l = n ?? document.body;
+  return Pt(e, l);
+}
+const tt = /* @__PURE__ */ new Set([" ", "Enter", "Spacebar"]);
+function Vt(e = {}) {
+  const { disabled: n = !1, loading: l = !1, onPress: s } = e, c = n || l, [a, i] = A(!1), [h, d] = A(!1), [g, r] = A(!1), _ = c ? "disabled" : h ? "pressed" : g ? "focus-visible" : a ? "hover" : "idle", o = j(() => i(!0), []), m = j(() => {
+    i(!1), d(!1);
+  }, []), b = j(
+    (N) => {
+      c || "button" in N && N.button !== 0 || d(!0);
+    },
+    [c]
+  ), p = j(() => d(!1), []), f = j(
+    (N) => {
+      c || tt.has(N.key) && d(!0);
+    },
+    [c]
+  ), x = j((N) => {
+    tt.has(N.key) && d(!1);
+  }, []), v = j((N) => {
+    N.target.matches?.(":focus-visible") && r(!0);
+  }, []), $ = j(() => {
+    r(!1), d(!1);
+  }, []), y = j(
+    (N) => {
+      if (c) {
+        N.preventDefault(), N.stopPropagation();
+        return;
+      }
+      s?.(N);
+    },
+    [c, s]
+  ), w = { "data-state": _ };
+  return c && (w["aria-disabled"] = !0), l && (w["aria-busy"] = !0), {
+    state: _,
+    handlers: {
+      onPointerEnter: o,
+      onPointerLeave: m,
+      onPointerDown: b,
+      onPointerUp: p,
+      onKeyDown: f,
+      onKeyUp: x,
+      onFocus: v,
+      onBlur: $,
+      onClick: y
+    },
+    dataAttrs: w
+  };
+}
+function kl() {
+  const [e, n] = A(!1);
+  return H(() => {
+    if (typeof window > "u" || !window.matchMedia) return;
+    const l = window.matchMedia("(prefers-reduced-motion: reduce)");
+    n(l.matches);
+    const s = () => n(l.matches);
+    return l.addEventListener("change", s), () => l.removeEventListener("change", s);
+  }, []), e;
+}
+function Yt(e) {
+  const n = ee(null);
+  H(() => {
+    if (e)
+      return n.current = document.activeElement ?? null, () => {
+        n.current?.focus?.();
+      };
+  }, [e]);
+}
+const Xt = [
+  "a[href]",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function zt(e) {
+  const n = ee(null);
+  return H(() => {
+    if (!e) return;
+    const l = n.current;
+    if (!l) return;
+    const s = () => Array.from(l.querySelectorAll(Xt)).filter(
+      (i) => !i.hasAttribute("hidden") && i.getAttribute("aria-hidden") !== "true"
+    );
+    (s()[0] ?? l).focus();
+    const a = (i) => {
+      if (i.key !== "Tab") return;
+      const h = s();
+      if (h.length === 0) {
+        i.preventDefault(), l.focus();
+        return;
+      }
+      const d = h[0], g = h[h.length - 1], r = document.activeElement;
+      i.shiftKey && r === d ? (i.preventDefault(), g.focus()) : !i.shiftKey && r === g && (i.preventDefault(), d.focus());
+    };
+    return l.addEventListener("keydown", a), () => l.removeEventListener("keydown", a);
+  }, [e]), n;
+}
+function Cl({ enabled: e = !0, onDismiss: n, ref: l }) {
+  H(() => {
+    if (!e) return;
+    const s = (a) => {
+      a.key === "Escape" && n();
+    }, c = (a) => {
+      const i = l.current;
+      i && !i.contains(a.target) && n();
+    };
+    return document.addEventListener("keydown", s), document.addEventListener("pointerdown", c, !0), () => {
+      document.removeEventListener("keydown", s), document.removeEventListener("pointerdown", c, !0);
+    };
+  }, [e, n, l]);
+}
+const pe = (e) => e === void 0 ? void 0 : `var(--tcl-space-${e})`;
+function Kt(e) {
+  const n = {}, { p: l, px: s, py: c, pt: a, pr: i, pb: h, pl: d, radius: g, z: r } = e, _ = a ?? c ?? l, o = i ?? s ?? l, m = h ?? c ?? l, b = d ?? s ?? l;
+  return [_, o, m, b].some((p) => p !== void 0) && (n.padding = `${pe(_) ?? "0"} ${pe(o) ?? "0"} ${pe(m) ?? "0"} ${pe(b) ?? "0"}`), g && (n.borderRadius = `var(--tcl-radius-${g})`), r && (n.zIndex = `var(--tcl-z-${r})`), n;
+}
+function Ut(e) {
+  const {
+    as: n,
+    surface: l = "none",
+    material: s,
+    radius: c,
+    border: a,
+    z: i,
+    p: h,
+    px: d,
+    py: g,
+    pt: r,
+    pr: _,
+    pb: o,
+    pl: m,
+    className: b,
+    style: p,
+    ...f
+  } = e, x = n ?? "div", v = Kt({ p: h, px: d, py: g, pt: r, pr: _, pb: o, pl: m, radius: c, z: i }), $ = k(
+    "tcl-box",
+    l !== "none" && `tcl-box--surface-${l}`,
+    a === !0 && "tcl-box--border",
+    a === "soft" && "tcl-box--border-soft",
+    a === "strong" && "tcl-box--border-strong",
+    b
+  );
+  return /* @__PURE__ */ t(
+    x,
+    {
+      className: $,
+      "data-material": s,
+      style: { ...v, ...p },
+      ...f
+    }
+  );
+}
+const Gt = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, Zt = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+function $t(e, n) {
+  const { gap: l, align: s, justify: c, wrap: a, style: i, ...h } = n, d = {
+    display: "flex",
+    flexDirection: e,
+    ...l !== void 0 ? { gap: `var(--tcl-space-${l})` } : {},
+    ...s ? { alignItems: Gt[s] } : {},
+    ...c ? { justifyContent: Zt[c] } : {},
+    ...a ? { flexWrap: "wrap" } : {}
+  };
+  return /* @__PURE__ */ t(Ut, { ...h, style: { ...d, ...i } });
+}
+function Ml(e) {
+  return $t("column", e);
+}
+function Il(e) {
+  return $t("row", e);
+}
+const qt = {
+  regular: "var(--tcl-weight-regular)",
+  medium: "var(--tcl-weight-medium)",
+  semibold: "var(--tcl-weight-semibold)",
+  bold: "var(--tcl-weight-bold)"
+};
+function Jt(e) {
+  switch (e) {
+    case "default":
+      return "var(--tcl-text)";
+    case "dim":
+      return "var(--tcl-text-dim)";
+    case "faint":
+      return "var(--tcl-text-faint)";
+    case "accent":
+      return "var(--tcl-accent)";
+    default:
+      return `var(--tcl-status-${e})`;
+  }
+}
+function Sl(e) {
+  const {
+    as: n,
+    size: l,
+    weight: s,
+    tone: c = "default",
+    mono: a,
+    truncate: i,
+    align: h,
+    className: d,
+    style: g,
+    ...r
+  } = e, _ = n ?? "span", o = {
+    color: Jt(c),
+    ...l ? { fontSize: `var(--tcl-text-${l})` } : {},
+    ...s ? { fontWeight: qt[s] } : {},
+    ...h ? { textAlign: h } : {}
+  }, m = k(
+    "tcl-text",
+    a && "tcl-text--mono",
+    i && "tcl-text--truncate",
+    d
+  );
+  return /* @__PURE__ */ t(_, { className: m, style: { ...o, ...g }, ...r });
+}
+const wt = (() => {
+  try {
+    return !1;
+  } catch {
+    return !1;
+  }
+})();
+function nt(e) {
+  const { as: n, asChild: l, disabled: s, loading: c, onPress: a, className: i, ...h } = e, { handlers: d, dataAttrs: g } = Vt({ disabled: s, loading: c, onPress: a }), r = l ? Ke : n ?? "button", o = {
+    className: k("tcl-pressable", i),
+    ...d,
+    ...g,
+    ...h
+  };
+  if (!l && r === "button" && (o.type = h.type ?? "button", o.disabled = !!(s || c), delete o["aria-disabled"]), wt && !l) {
+    const m = typeof r == "string" ? r : "";
+    m && m !== "button" && m !== "a" && console.warn(
+      `[Pressable] Rendering as <${m}> risks an invisible or unreachable affordance. Prefer <button>, <a href>, or asChild with a real interactive element.`
+    );
+  }
+  return /* @__PURE__ */ t(r, { ...o });
+}
+function Qt({
+  variant: e = "solid",
+  tone: n = "accent",
+  size: l = "md",
+  loading: s = !1,
+  disabled: c = !1,
+  fullWidth: a = !1,
+  asChild: i = !1,
+  startSlot: h,
+  endSlot: d,
+  onPress: g,
+  className: r,
+  children: _,
+  ...o
+}) {
+  const m = k(
+    "tcl-button",
+    `tcl-button--${e}`,
+    `tcl-button--${n}`,
+    `tcl-button--${l}`,
+    a && "tcl-button--full",
+    s && "is-loading",
+    r
+  );
+  return i ? /* @__PURE__ */ t(
+    nt,
+    {
+      asChild: !0,
+      className: m,
+      disabled: c,
+      loading: s,
+      onPress: g,
+      ...o,
+      children: _
+    }
+  ) : /* @__PURE__ */ u(
+    nt,
+    {
+      className: m,
+      disabled: c,
+      loading: s,
+      onPress: g,
+      ...o,
+      children: [
+        s && /* @__PURE__ */ t("span", { className: "tcl-button__spinner", "aria-hidden": "true" }),
+        h && /* @__PURE__ */ t("span", { className: "tcl-button__icon", children: h }),
+        _ != null && /* @__PURE__ */ t("span", { className: "tcl-button__label", children: _ }),
+        d && /* @__PURE__ */ t("span", { className: "tcl-button__icon", children: d })
+      ]
+    }
+  );
+}
+function kt({
+  tone: e = "neutral",
+  variant: n = "soft",
+  size: l = "md",
+  dot: s = !1,
+  className: c,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      className: k(
+        "tcl-badge",
+        `tcl-badge--${n}`,
+        `tcl-badge--${e}`,
+        `tcl-badge--${l}`,
+        c
+      ),
+      ...i,
+      children: [
+        s && /* @__PURE__ */ t("span", { className: "tcl-badge__dot", "aria-hidden": "true" }),
+        a
+      ]
+    }
+  );
+}
+function Ue(e, n, l) {
+  const s = z(), c = e ?? s, a = n ? `${c}-desc` : void 0, i = l ? `${c}-err` : void 0, h = [a, i].filter(Boolean).join(" ") || void 0;
+  return { controlId: c, describedBy: h, descId: a, errId: i };
+}
+function Ge({
+  label: e,
+  description: n,
+  error: l,
+  required: s,
+  htmlFor: c,
+  descId: a,
+  errId: i,
+  className: h,
+  children: d
+}) {
+  return /* @__PURE__ */ u("div", { className: k("tcl-field", h), children: [
+    e && /* @__PURE__ */ u("label", { htmlFor: c, className: "tcl-field__label", children: [
+      e,
+      s && /* @__PURE__ */ u("span", { className: "tcl-field__req", "aria-hidden": "true", children: [
+        " ",
+        "*"
+      ] })
+    ] }),
+    n && /* @__PURE__ */ t("p", { id: a, className: "tcl-field__desc", children: n }),
+    d,
+    l && /* @__PURE__ */ t("p", { id: i, className: "tcl-field__error", role: "alert", children: l })
+  ] });
+}
+function Tl({
+  label: e,
+  description: n,
+  error: l,
+  size: s = "md",
+  startSlot: c,
+  endSlot: a,
+  id: i,
+  className: h,
+  containerClassName: d,
+  disabled: g,
+  required: r,
+  ref: _,
+  ...o
+}) {
+  const { controlId: m, describedBy: b, descId: p, errId: f } = Ue(i, !!n, !!l);
+  return /* @__PURE__ */ t(
+    Ge,
+    {
+      label: e,
+      description: n,
+      error: l,
+      required: r,
+      htmlFor: m,
+      descId: p,
+      errId: f,
+      className: d,
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: k(
+            "tcl-input",
+            `tcl-input--${s}`,
+            l && "is-invalid",
+            g && "is-disabled"
+          ),
+          children: [
+            c && /* @__PURE__ */ t("span", { className: "tcl-input__slot", children: c }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                id: m,
+                ref: _,
+                className: k("tcl-input__control", h),
+                disabled: g,
+                required: r,
+                "aria-invalid": l ? !0 : void 0,
+                "aria-describedby": b,
+                ...o
+              }
+            ),
+            a && /* @__PURE__ */ t("span", { className: "tcl-input__slot", children: a })
+          ]
+        }
+      )
+    }
+  );
+}
+function El({
+  open: e,
+  onClose: n,
+  title: l,
+  description: s,
+  children: c,
+  footer: a,
+  size: i = "md",
+  closeOnOverlayClick: h = !0,
+  closeOnEsc: d = !0,
+  className: g
+}) {
+  const r = z(), _ = z();
+  Yt(e);
+  const o = zt(e);
+  return H(() => {
+    if (!e || !d) return;
+    const m = (b) => {
+      b.key === "Escape" && n();
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [e, d, n]), H(() => {
+    if (!e || !h) return;
+    const m = (b) => {
+      const p = o.current;
+      p && !p.contains(b.target) && n();
+    };
+    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
+  }, [e, h, n, o]), H(() => {
+    if (!e) return;
+    const m = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = m;
+    };
+  }, [e]), e ? /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t("div", { className: "tcl-dialog__overlay", children: /* @__PURE__ */ u(
+    "div",
+    {
+      ref: o,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": l ? r : void 0,
+      "aria-describedby": s ? _ : void 0,
+      tabIndex: -1,
+      className: k("tcl-dialog", `tcl-dialog--${i}`, g),
+      children: [
+        l && /* @__PURE__ */ t("h2", { id: r, className: "tcl-dialog__title", children: l }),
+        s && /* @__PURE__ */ t("p", { id: _, className: "tcl-dialog__desc", children: s }),
+        c != null && /* @__PURE__ */ t("div", { className: "tcl-dialog__body", children: c }),
+        a && /* @__PURE__ */ t("div", { className: "tcl-dialog__footer", children: a })
+      ]
+    }
+  ) }) }) : null;
+}
+function Ll({
+  variant: e = "ghost",
+  size: n = "md",
+  className: l,
+  children: s,
+  ...c
+}) {
+  return wt && !c["aria-label"] && console.warn("[IconButton] requires an `aria-label` to give the icon an accessible name."), /* @__PURE__ */ t(
+    Qt,
+    {
+      variant: e,
+      size: n,
+      className: k("tcl-icon-button", `tcl-icon-button--${n}`, l),
+      ...c,
+      children: s
+    }
+  );
+}
+const Ct = ue(null);
+function Ze(e) {
+  const n = he(Ct);
+  if (!n) throw new Error(`<Tabs.${e}> must be used within <Tabs>.`);
+  return n;
+}
+function en({
+  value: e,
+  defaultValue: n,
+  onValueChange: l,
+  orientation: s = "horizontal",
+  className: c,
+  style: a,
+  children: i
+}) {
+  const [h, d] = A(n ?? ""), g = e ?? h, r = z(), _ = (o) => {
+    e === void 0 && d(o), l?.(o);
+  };
+  return /* @__PURE__ */ t(Ct.Provider, { value: { value: g, setValue: _, baseId: r, orientation: s }, children: /* @__PURE__ */ t("div", { className: k("tcl-tabs", `tcl-tabs--${s}`, c), style: a, children: i }) });
+}
+function tn({ children: e, className: n, ...l }) {
+  const { orientation: s } = Ze("List");
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "tablist",
+      "aria-orientation": s,
+      className: k("tcl-tabs__list", n),
+      ...l,
+      children: e
+    }
+  );
+}
+function nn({ value: e, disabled: n = !1, children: l, className: s }) {
+  const { value: c, setValue: a, baseId: i, orientation: h } = Ze("Tab"), d = c === e, g = (r) => {
+    const _ = r.currentTarget.closest('[role="tablist"]');
+    if (!_) return;
+    const o = Array.from(_.querySelectorAll('[role="tab"]:not([disabled])')), m = o.indexOf(r.currentTarget);
+    if (m < 0) return;
+    const b = h === "horizontal", p = b ? "ArrowRight" : "ArrowDown", f = b ? "ArrowLeft" : "ArrowUp";
+    let x = -1;
+    if (r.key === p ? x = (m + 1) % o.length : r.key === f ? x = (m - 1 + o.length) % o.length : r.key === "Home" ? x = 0 : r.key === "End" && (x = o.length - 1), x >= 0) {
+      r.preventDefault();
+      const v = o[x];
+      v.focus(), v.dataset.value !== void 0 && a(v.dataset.value);
+    }
+  };
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      id: `${i}-tab-${e}`,
+      "aria-selected": d,
+      "aria-controls": `${i}-panel-${e}`,
+      tabIndex: d ? 0 : -1,
+      "data-value": e,
+      "data-state": d ? "active" : "inactive",
+      disabled: n,
+      className: k("tcl-tab", d && "is-active", s),
+      onClick: () => a(e),
+      onKeyDown: g,
+      children: l
+    }
+  );
+}
+function ln({ value: e, children: n, className: l }) {
+  const { value: s, baseId: c } = Ze("Panel"), a = s === e;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "tabpanel",
+      id: `${c}-panel-${e}`,
+      "aria-labelledby": `${c}-tab-${e}`,
+      hidden: !a,
+      tabIndex: a ? 0 : void 0,
+      className: k("tcl-tabpanel", l),
+      children: a ? n : null
+    }
+  );
+}
+const Rl = Object.assign(en, {
+  List: tn,
+  Tab: nn,
+  Panel: ln
+}), Mt = ue(null);
+function qe(e) {
+  const n = he(Mt);
+  if (!n) throw new Error(`<Menu.${e}> must be used within <Menu>.`);
+  return n;
+}
+function sn({ open: e, defaultOpen: n = !1, onOpenChange: l, children: s }) {
+  const [c, a] = A(n), i = e ?? c, h = ee(null), d = ee(null), g = z(), r = (_) => {
+    e === void 0 && a(_), l?.(_);
+  };
+  return /* @__PURE__ */ t(
+    Mt.Provider,
+    {
+      value: {
+        open: i,
+        setOpen: r,
+        triggerRef: h,
+        contentRef: d,
+        triggerId: `${g}-trigger`,
+        contentId: `${g}-menu`
+      },
+      children: s
+    }
+  );
+}
+function cn({ children: e }) {
+  const { open: n, setOpen: l, triggerRef: s, triggerId: c, contentId: a } = qe("Trigger");
+  return /* @__PURE__ */ t(
+    Ke,
+    {
+      ref: s,
+      id: c,
+      "aria-haspopup": "menu",
+      "aria-expanded": n,
+      "aria-controls": n ? a : void 0,
+      onClick: () => l(!n),
+      onKeyDown: (i) => {
+        i.key === "ArrowDown" && (i.preventDefault(), l(!0));
+      },
+      children: e
+    }
+  );
+}
+function an({ align: e = "start", className: n, children: l, ...s }) {
+  const { open: c, setOpen: a, triggerRef: i, contentRef: h, triggerId: d, contentId: g } = qe("Content"), [r, _] = A({ top: 0, left: 0, minWidth: 0 });
+  return Bt(() => {
+    if (!c) return;
+    const o = () => {
+      const m = i.current;
+      if (!m) return;
+      const b = m.getBoundingClientRect();
+      _({ top: b.bottom + 4, left: e === "end" ? b.right : b.left, minWidth: b.width });
+    };
+    return o(), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), () => {
+      window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o);
+    };
+  }, [c, e, i]), H(() => {
+    if (!c) return;
+    const o = h.current;
+    if (!o) return;
+    const m = () => Array.from(
+      o.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')
+    );
+    m()[0]?.focus();
+    const b = (p) => {
+      const f = m();
+      if (f.length === 0) return;
+      const x = f.indexOf(document.activeElement);
+      p.key === "ArrowDown" ? (p.preventDefault(), f[(x + 1) % f.length]?.focus()) : p.key === "ArrowUp" ? (p.preventDefault(), f[(x - 1 + f.length) % f.length]?.focus()) : p.key === "Home" ? (p.preventDefault(), f[0]?.focus()) : p.key === "End" ? (p.preventDefault(), f[f.length - 1]?.focus()) : p.key === "Escape" ? (p.preventDefault(), a(!1), i.current?.focus()) : p.key === "Tab" && a(!1);
+    };
+    return o.addEventListener("keydown", b), () => o.removeEventListener("keydown", b);
+  }, [c, h, a, i]), H(() => {
+    if (!c) return;
+    const o = (m) => {
+      const b = m.target;
+      h.current?.contains(b) || i.current?.contains(b) || a(!1);
+    };
+    return document.addEventListener("pointerdown", o, !0), () => document.removeEventListener("pointerdown", o, !0);
+  }, [c, h, i, a]), c ? /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t(
+    "div",
+    {
+      ref: h,
+      role: "menu",
+      id: g,
+      "aria-labelledby": d,
+      className: k("tcl-menu", n),
+      style: {
+        position: "fixed",
+        top: r.top,
+        left: r.left,
+        minWidth: r.minWidth,
+        transform: e === "end" ? "translateX(-100%)" : void 0
+      },
+      ...s,
+      children: l
+    }
+  ) }) : null;
+}
+function rn({ onSelect: e, disabled: n = !1, className: l, children: s, ...c }) {
+  const { setOpen: a, triggerRef: i } = qe("Item"), h = () => {
+    n || (e?.(), a(!1), i.current?.focus());
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "menuitem",
+      tabIndex: -1,
+      "aria-disabled": n || void 0,
+      className: k("tcl-menu__item", n && "is-disabled", l),
+      onClick: h,
+      onKeyDown: (d) => {
+        (d.key === "Enter" || d.key === " ") && (d.preventDefault(), h());
+      },
+      ...c,
+      children: s
+    }
+  );
+}
+const Al = Object.assign(sn, {
+  Trigger: cn,
+  Content: an,
+  Item: rn
+});
+function Dl({
+  label: e,
+  description: n,
+  error: l,
+  id: s,
+  className: c,
+  containerClassName: a,
+  disabled: i,
+  required: h,
+  rows: d = 4,
+  ref: g,
+  ...r
+}) {
+  const { controlId: _, describedBy: o, descId: m, errId: b } = Ue(s, !!n, !!l);
+  return /* @__PURE__ */ t(
+    Ge,
+    {
+      label: e,
+      description: n,
+      error: l,
+      required: h,
+      htmlFor: _,
+      descId: m,
+      errId: b,
+      className: a,
+      children: /* @__PURE__ */ t(
+        "textarea",
+        {
+          id: _,
+          ref: g,
+          rows: d,
+          className: k("tcl-textarea", l && "is-invalid", c),
+          disabled: i,
+          required: h,
+          "aria-invalid": l ? !0 : void 0,
+          "aria-describedby": o,
+          ...r
+        }
+      )
+    }
+  );
+}
+function Fl({
+  label: e,
+  description: n,
+  error: l,
+  size: s = "md",
+  placeholder: c,
+  id: a,
+  className: i,
+  containerClassName: h,
+  disabled: d,
+  required: g,
+  ref: r,
+  children: _,
+  ...o
+}) {
+  const { controlId: m, describedBy: b, descId: p, errId: f } = Ue(a, !!n, !!l), x = "value" in o || "defaultValue" in o;
+  return /* @__PURE__ */ t(
+    Ge,
+    {
+      label: e,
+      description: n,
+      error: l,
+      required: g,
+      htmlFor: m,
+      descId: p,
+      errId: f,
+      className: h,
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: k(
+            "tcl-select",
+            `tcl-select--${s}`,
+            l && "is-invalid",
+            d && "is-disabled"
+          ),
+          children: [
+            /* @__PURE__ */ u(
+              "select",
+              {
+                id: m,
+                ref: r,
+                className: k("tcl-select__control", i),
+                disabled: d,
+                required: g,
+                "aria-invalid": l ? !0 : void 0,
+                "aria-describedby": b,
+                defaultValue: c !== void 0 && !x ? "" : void 0,
+                ...o,
+                children: [
+                  c !== void 0 && /* @__PURE__ */ t("option", { value: "", disabled: !0, children: c }),
+                  _
+                ]
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "tcl-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M3 4.5L6 7.5L9 4.5",
+                stroke: "currentColor",
+                strokeWidth: "1.4",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) }) })
+          ]
+        }
+      )
+    }
+  );
+}
+function It({
+  label: e,
+  description: n,
+  indeterminate: l = !1,
+  disabled: s,
+  className: c,
+  id: a,
+  ref: i,
+  ...h
+}) {
+  const d = ee(null), g = Ht(d, i), r = z(), _ = a ?? r, o = n ? `${_}-desc` : void 0;
+  return H(() => {
+    d.current && (d.current.indeterminate = l);
+  }, [l]), /* @__PURE__ */ u("div", { className: k("tcl-checkbox-field", s && "is-disabled", c), children: [
+    /* @__PURE__ */ u("label", { className: "tcl-checkbox", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          id: _,
+          ref: g,
+          type: "checkbox",
+          className: "tcl-checkbox__input tcl-sr-only",
+          disabled: s,
+          "aria-describedby": o,
+          ...h
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "tcl-checkbox__box", "aria-hidden": "true", children: /* @__PURE__ */ t("svg", { className: "tcl-checkbox__check", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M2.5 6.5L4.8 8.8L9.5 3.5",
+          stroke: "currentColor",
+          strokeWidth: "1.8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) }),
+      e && /* @__PURE__ */ t("span", { className: "tcl-checkbox__label", children: e })
+    ] }),
+    n && /* @__PURE__ */ t("p", { id: o, className: "tcl-checkbox__desc", children: n })
+  ] });
+}
+const St = ue(null);
+function on() {
+  const e = he(St);
+  if (!e) throw new Error("<RadioGroup.Item> must be used within <RadioGroup>.");
+  return e;
+}
+function dn({
+  name: e,
+  value: n,
+  defaultValue: l,
+  onValueChange: s,
+  label: c,
+  description: a,
+  error: i,
+  className: h,
+  children: d
+}) {
+  const [g, r] = A(l), _ = n ?? g, o = z(), m = z(), b = e ?? m, p = c ? `${o}-label` : void 0, f = a ? `${o}-desc` : void 0, x = i ? `${o}-err` : void 0, v = [f, x].filter(Boolean).join(" ") || void 0, $ = (y) => {
+    n === void 0 && r(y), s?.(y);
+  };
+  return /* @__PURE__ */ t(St.Provider, { value: { name: b, value: _, setValue: $ }, children: /* @__PURE__ */ u(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-labelledby": p,
+      "aria-describedby": v,
+      className: k("tcl-radio-group", h),
+      children: [
+        c && /* @__PURE__ */ t("span", { id: p, className: "tcl-field__label", children: c }),
+        a && /* @__PURE__ */ t("p", { id: f, className: "tcl-field__desc", children: a }),
+        /* @__PURE__ */ t("div", { className: "tcl-radio-group__items", children: d }),
+        i && /* @__PURE__ */ t("p", { id: x, className: "tcl-field__error", role: "alert", children: i })
+      ]
+    }
+  ) });
+}
+function un({ value: e, label: n, description: l, disabled: s = !1, className: c }) {
+  const a = on(), i = a.value === e, h = z(), d = l ? `${h}-desc` : void 0;
+  return /* @__PURE__ */ u("div", { className: k("tcl-radio-field", s && "is-disabled", c), children: [
+    /* @__PURE__ */ u("label", { className: "tcl-radio", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "radio",
+          name: a.name,
+          value: e,
+          checked: i,
+          disabled: s,
+          onChange: () => a.setValue(e),
+          className: "tcl-radio__input tcl-sr-only",
+          "aria-describedby": d
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "tcl-radio__dot", "aria-hidden": "true" }),
+      n && /* @__PURE__ */ t("span", { className: "tcl-radio__label", children: n })
+    ] }),
+    l && /* @__PURE__ */ t("p", { id: d, className: "tcl-radio__desc", children: l })
+  ] });
+}
+const Bl = Object.assign(dn, { Item: un });
+function Ol({ label: e, description: n, disabled: l, className: s, id: c, ref: a, ...i }) {
+  const h = z(), d = c ?? h, g = n ? `${d}-desc` : void 0;
+  return /* @__PURE__ */ u("div", { className: k("tcl-switch-field", l && "is-disabled", s), children: [
+    /* @__PURE__ */ u("label", { className: "tcl-switch", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          id: d,
+          ref: a,
+          type: "checkbox",
+          role: "switch",
+          className: "tcl-switch__input tcl-sr-only",
+          disabled: l,
+          "aria-describedby": g,
+          ...i
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "tcl-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ t("span", { className: "tcl-switch__thumb" }) }),
+      e && /* @__PURE__ */ t("span", { className: "tcl-switch__label", children: e })
+    ] }),
+    n && /* @__PURE__ */ t("p", { id: g, className: "tcl-switch__desc", children: n })
+  ] });
+}
+function Pl({ content: e, children: n, openDelay: l = 400, side: s = "top", className: c }) {
+  const [a, i] = A(!1), [h, d] = A({ top: 0, left: 0 }), g = ee(null), r = ee(void 0), _ = z(), o = () => {
+    const f = g.current;
+    if (!f) return;
+    const x = f.getBoundingClientRect();
+    d({ top: s === "top" ? x.top - 8 : x.bottom + 8, left: x.left + x.width / 2 });
+  }, m = () => {
+    window.clearTimeout(r.current), r.current = window.setTimeout(() => {
+      o(), i(!0);
+    }, l);
+  }, b = () => {
+    window.clearTimeout(r.current), o(), i(!0);
+  }, p = () => {
+    window.clearTimeout(r.current), i(!1);
+  };
+  return H(() => () => window.clearTimeout(r.current), []), H(() => {
+    if (!a) return;
+    const f = (v) => {
+      v.key === "Escape" && p();
+    }, x = () => o();
+    return document.addEventListener("keydown", f), window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
+      document.removeEventListener("keydown", f), window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
+    };
+  }, [a, s]), /* @__PURE__ */ u(K, { children: [
+    /* @__PURE__ */ t(
+      Ke,
+      {
+        ref: g,
+        "aria-describedby": a ? _ : void 0,
+        onPointerEnter: m,
+        onPointerLeave: p,
+        onFocus: b,
+        onBlur: p,
+        children: n
+      }
+    ),
+    a && /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t(
+      "div",
+      {
+        role: "tooltip",
+        id: _,
+        className: k("tcl-tooltip", `tcl-tooltip--${s}`, c),
+        style: { position: "fixed", top: h.top, left: h.left },
+        children: e
+      }
+    ) })
+  ] });
+}
+const Tt = ue(null);
+function jl() {
+  const e = he(Tt);
+  if (!e) throw new Error("useToast must be used within <ToastProvider>.");
+  return e;
+}
+let lt = 0;
+function Hl({ children: e, duration: n = 5e3, placement: l = "bottom" }) {
+  const [s, c] = A([]), a = j((h) => {
+    c((d) => d.filter((g) => g.id !== h));
+  }, []), i = j(
+    (h) => {
+      lt += 1;
+      const d = `tcl-toast-${lt}`;
+      return c((g) => [
+        ...g,
+        { id: d, tone: "neutral", duration: n, ...h }
+      ]), d;
+    },
+    [n]
+  );
+  return /* @__PURE__ */ u(Tt.Provider, { value: { toast: i, dismiss: a }, children: [
+    e,
+    /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t(
+      "div",
+      {
+        className: k("tcl-toast-viewport", `tcl-toast-viewport--${l}`),
+        role: "region",
+        "aria-label": "Notifications",
+        children: s.map((h) => /* @__PURE__ */ t(hn, { toast: h, onDismiss: a }, h.id))
+      }
+    ) })
+  ] });
+}
+function hn({ toast: e, onDismiss: n }) {
+  const { id: l, title: s, description: c, tone: a, duration: i } = e, h = ee(void 0), d = j(() => {
+    i && (h.current = window.setTimeout(() => n(l), i));
+  }, [i, l, n]), g = j(() => window.clearTimeout(h.current), []);
+  H(() => (d(), g), [d, g]);
+  const r = a === "danger" || a === "warning";
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: k("tcl-toast", `tcl-toast--${a}`),
+      role: r ? "alert" : "status",
+      "aria-live": r ? "assertive" : "polite",
+      onPointerEnter: g,
+      onPointerLeave: d,
+      children: [
+        /* @__PURE__ */ u("div", { className: "tcl-toast__body", children: [
+          /* @__PURE__ */ t("p", { className: "tcl-toast__title", children: s }),
+          c && /* @__PURE__ */ t("p", { className: "tcl-toast__desc", children: c })
+        ] }),
+        /* @__PURE__ */ t("button", { type: "button", className: "tcl-toast__close", "aria-label": "Dismiss", onClick: () => n(l), children: /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }) }) })
+      ]
+    }
+  );
+}
+function mn(e) {
+  return e ? e.trim().split(/\s+/).slice(0, 2).map((l) => l[0]?.toUpperCase() ?? "").join("") : "";
+}
+function Wl({
+  src: e,
+  alt: n,
+  name: l,
+  size: s = "md",
+  shape: c = "circle",
+  tone: a = "neutral",
+  className: i,
+  ...h
+}) {
+  const [d, g] = A(!1), r = !!e && !d, _ = mn(l), o = n ?? l ?? void 0, m = !o;
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: k(
+        "tcl-avatar",
+        `tcl-avatar--${s}`,
+        `tcl-avatar--${c}`,
+        !r && `tcl-avatar--tone-${a}`,
+        i
+      ),
+      role: m ? void 0 : "img",
+      "aria-label": o,
+      "aria-hidden": m || void 0,
+      ...h,
+      children: r ? /* @__PURE__ */ t("img", { className: "tcl-avatar__img", src: e, alt: "", onError: () => g(!0) }) : _ ? /* @__PURE__ */ t("span", { className: "tcl-avatar__initials", "aria-hidden": "true", children: _ }) : /* @__PURE__ */ t("svg", { className: "tcl-avatar__fallback", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.4 0-8 2.7-8 6v1h16v-1c0-3.3-3.6-6-8-6Z" }) })
+    }
+  );
+}
+function Vl({
+  size: e = "md",
+  tone: n = "current",
+  label: l = "Loading",
+  className: s,
+  ...c
+}) {
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      className: k("tcl-spinner", `tcl-spinner--${e}`, `tcl-spinner--tone-${n}`, s),
+      role: "status",
+      ...c,
+      children: [
+        /* @__PURE__ */ t("span", { className: "tcl-spinner__ring", "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { className: "tcl-sr-only", children: l })
+      ]
+    }
+  );
+}
+const st = (e) => typeof e == "number" ? `${e}px` : e;
+function Yl({
+  variant: e = "rect",
+  width: n,
+  height: l,
+  lines: s = 1,
+  className: c,
+  style: a,
+  ...i
+}) {
+  if (e === "text" && s > 1)
+    return /* @__PURE__ */ t("span", { className: k("tcl-skeleton-group", c), "aria-hidden": "true", ...i, children: Array.from({ length: s }).map((d, g) => /* @__PURE__ */ t(
+      "span",
+      {
+        className: "tcl-skeleton tcl-skeleton--text",
+        style: { width: g === s - 1 ? "60%" : "100%" }
+      },
+      g
+    )) });
+  const h = { width: st(n), height: st(l), ...a };
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: k("tcl-skeleton", `tcl-skeleton--${e}`, c),
+      style: h,
+      "aria-hidden": "true",
+      ...i
+    }
+  );
+}
+function pn({ interactive: e = !1, className: n, children: l, ...s }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: k("tcl-card", e && "tcl-card--interactive", n),
+      ...s,
+      children: l
+    }
+  );
+}
+function fn({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t("div", { className: k("tcl-card__header", e), ...l, children: n });
+}
+function _n({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t("div", { className: k("tcl-card__body", e), ...l, children: n });
+}
+function bn({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t("div", { className: k("tcl-card__footer", e), ...l, children: n });
+}
+const Xl = Object.assign(pn, {
+  Header: fn,
+  Body: _n,
+  Footer: bn
+}), vn = {
+  accent: "var(--tcl-accent)",
+  info: "var(--tcl-status-info)",
+  success: "var(--tcl-status-success)",
+  warning: "var(--tcl-status-warning)",
+  danger: "var(--tcl-status-danger)",
+  neutral: "var(--tcl-status-neutral)"
+};
+function R(e) {
+  return vn[e];
+}
+function Z(e, n, l) {
+  return l <= n ? 0 : Math.min(100, Math.max(0, (e - n) / (l - n) * 100));
+}
+function L(e, n) {
+  return { ...n ?? {}, ...e };
+}
+function xe({
+  role: e,
+  value: n,
+  min: l = 0,
+  max: s = 100,
+  valueText: c,
+  ariaLabel: a,
+  showValue: i = !0,
+  valueLabel: h,
+  icon: d,
+  size: g = "md",
+  glow: r = !1,
+  tone: _ = "accent",
+  className: o,
+  trackClassName: m,
+  children: b,
+  trackStyle: p
+}) {
+  const f = Z(n, l, s);
+  return /* @__PURE__ */ u("div", { className: k("tcl-fillbar-row", o), children: [
+    d && /* @__PURE__ */ t("span", { className: "tcl-fillbar__icon", "aria-hidden": "true", children: d }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        role: e,
+        "aria-valuenow": Math.round(Math.min(s, Math.max(l, n))),
+        "aria-valuemin": l,
+        "aria-valuemax": s,
+        "aria-valuetext": c,
+        "aria-label": a,
+        className: k(
+          "tcl-fillbar",
+          `tcl-fillbar--${g}`,
+          `tcl-fillbar--${_}`,
+          r && "is-glow",
+          m
+        ),
+        style: L({ "--value": `${f}%` }, p),
+        children: b
+      }
+    ),
+    i && /* @__PURE__ */ t("span", { className: "tcl-fillbar__value", children: h ?? `${Math.round(f)}%` })
+  ] });
+}
+function zl({
+  value: e,
+  max: n = 100,
+  tone: l = "accent",
+  variant: s = "solid",
+  segments: c = 10,
+  size: a = "md",
+  glow: i = !1,
+  showValue: h = !0,
+  icon: d,
+  label: g,
+  className: r
+}) {
+  const _ = Z(e, 0, n);
+  let o;
+  if (s === "segments") {
+    const m = Math.round(_ / 100 * c);
+    o = Array.from({ length: c }).map((b, p) => /* @__PURE__ */ t("span", { className: k("tcl-fillbar__cell", p < m && "is-on") }, p));
+  } else
+    o = /* @__PURE__ */ t("span", { className: "tcl-fillbar__fill" });
+  return /* @__PURE__ */ t(
+    xe,
+    {
+      role: "progressbar",
+      value: e,
+      max: n,
+      ariaLabel: g,
+      showValue: h,
+      icon: d,
+      size: a,
+      glow: i,
+      tone: l,
+      className: r,
+      trackClassName: s === "segments" ? "tcl-fillbar--segmented" : void 0,
+      children: o
+    }
+  );
+}
+function Kl({
+  value: e = 0,
+  min: n = 0,
+  max: l = 100,
+  tone: s = "success",
+  variant: c = "solid",
+  segments: a = [],
+  thresholds: i = [],
+  size: h = "md",
+  glow: d = !1,
+  showValue: g,
+  icon: r,
+  label: _,
+  className: o
+}) {
+  if (c === "stacked") {
+    const m = a.reduce((b, p) => b + p.value, 0);
+    return /* @__PURE__ */ t(
+      xe,
+      {
+        role: "meter",
+        value: m,
+        min: n,
+        max: l,
+        ariaLabel: _,
+        valueText: a.map((b) => `${b.label ?? "segment"}: ${b.value}`).join(", "),
+        showValue: g ?? !1,
+        icon: r,
+        size: h,
+        glow: d,
+        tone: s,
+        className: o,
+        trackClassName: "tcl-fillbar--stacked",
+        children: a.map((b, p) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: "tcl-fillbar__seg",
+            style: L(
+              { "--seg": R(b.tone ?? s) },
+              { width: `${Z(b.value, 0, l)}%` }
+            ),
+            children: b.label
+          },
+          p
+        ))
+      }
+    );
+  }
+  if (c === "threshold") {
+    const m = [...i].sort((p, f) => p.value - f.value);
+    let b = s;
+    for (const p of m) e >= p.value && (b = p.tone ?? b);
+    return /* @__PURE__ */ u(
+      xe,
+      {
+        role: "meter",
+        value: e,
+        min: n,
+        max: l,
+        ariaLabel: _,
+        showValue: g ?? !0,
+        icon: r,
+        size: h,
+        glow: d,
+        tone: b,
+        className: o,
+        trackClassName: "tcl-fillbar--threshold",
+        children: [
+          /* @__PURE__ */ t("span", { className: "tcl-fillbar__fill" }),
+          m.map((p, f) => /* @__PURE__ */ t(
+            "span",
+            {
+              className: "tcl-fillbar__marker",
+              "aria-hidden": "true",
+              style: L(
+                { "--mk": R(p.tone ?? "neutral") },
+                { left: `${Z(p.value, n, l)}%` }
+              )
+            },
+            f
+          ))
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ t(
+    xe,
+    {
+      role: "meter",
+      value: e,
+      min: n,
+      max: l,
+      ariaLabel: _,
+      showValue: g ?? !0,
+      icon: r,
+      size: h,
+      glow: d,
+      tone: s,
+      className: o,
+      children: /* @__PURE__ */ t("span", { className: "tcl-fillbar__fill" })
+    }
+  );
+}
+function gn({
+  values: e,
+  tone: n = "accent",
+  color: l,
+  width: s = 100,
+  height: c = 30,
+  area: a = !0,
+  markLast: i = !0,
+  min: h,
+  max: d,
+  label: g,
+  className: r
+}) {
+  const _ = s, o = c, m = 2, b = [];
+  e.forEach((T, W) => {
+    T != null && Number.isFinite(T) && b.push({ i: W, v: T });
+  });
+  const p = b.map((T) => T.v);
+  let f = p.length ? Math.min(...p) : 0, x = p.length ? Math.max(...p) : 1;
+  if (f === x) {
+    const T = Math.abs(f) * 0.1 + 1;
+    f -= T, x += T;
+  }
+  const v = (x - f) * 0.15, $ = h ?? f - v;
+  let y = d ?? x + v;
+  y <= $ && (y = $ + (Math.abs($) * 0.1 + 1));
+  const w = y - $, N = e.length, C = (T) => N <= 1 ? _ / 2 : m + T / (N - 1) * (_ - 2 * m), I = (T) => m + (1 - (T - $) / w) * (o - 2 * m), D = l ?? R(n), O = g ? { role: "img", "aria-label": g } : { "aria-hidden": !0 };
+  if (!b.length)
+    return /* @__PURE__ */ t(
+      "svg",
+      {
+        className: k("tcl-sparkline", r),
+        width: _,
+        height: o,
+        viewBox: `0 0 ${_} ${o}`,
+        ...O
+      }
+    );
+  const E = b.map((T) => `${C(T.i).toFixed(2)},${I(T.v).toFixed(2)}`).join(" "), F = b[0], M = b[b.length - 1], S = `${E} ${C(M.i).toFixed(2)},${o} ${C(F.i).toFixed(2)},${o}`;
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      className: k("tcl-sparkline", r),
+      width: _,
+      height: o,
+      viewBox: `0 0 ${_} ${o}`,
+      preserveAspectRatio: "none",
+      style: L({ "--spark-color": D }),
+      ...O,
+      children: [
+        g && /* @__PURE__ */ t("title", { children: g }),
+        a && b.length > 1 && /* @__PURE__ */ t("polygon", { className: "tcl-sparkline__area", points: S }),
+        b.length > 1 && /* @__PURE__ */ t(
+          "polyline",
+          {
+            className: "tcl-sparkline__line",
+            points: E,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        i && /* @__PURE__ */ t(
+          "circle",
+          {
+            className: "tcl-sparkline__dot",
+            cx: C(M.i).toFixed(2),
+            cy: I(M.v).toFixed(2),
+            r: 2,
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+function Nn({ delta: e }) {
+  const { value: n, text: l, invert: s = !1 } = e, c = n > 0 ? "up" : n < 0 ? "down" : "flat", a = c === "flat" ? "flat" : (c === "up" ? !s : s) ? "good" : "bad", i = c === "up" ? "▲" : c === "down" ? "▼" : "→", h = l ?? `${n > 0 ? "+" : ""}${n}`, d = h.replace(/^\+/, ""), g = c === "flat" ? `no change, ${d}` : `${c} by ${d}`;
+  return /* @__PURE__ */ u("span", { className: k("tcl-stat__delta", `tcl-stat__delta--${a}`), "aria-label": g, children: [
+    /* @__PURE__ */ t("span", { className: "tcl-stat__delta-arrow", "aria-hidden": "true", children: i }),
+    h
+  ] });
+}
+function Ul({
+  label: e,
+  value: n = "—",
+  unit: l,
+  strap: s,
+  delta: c,
+  target: a,
+  trend: i,
+  badge: h,
+  tone: d = "accent",
+  onSelect: g,
+  href: r,
+  className: _
+}) {
+  const o = r != null || g != null, m = k(
+    "tcl-stat",
+    `tcl-stat--${d}`,
+    o && "tcl-stat--interactive",
+    _
+  ), b = /* @__PURE__ */ u(K, { children: [
+    /* @__PURE__ */ u("span", { className: "tcl-stat__head", children: [
+      /* @__PURE__ */ u("span", { className: "tcl-stat__heading", children: [
+        s && /* @__PURE__ */ t("span", { className: "tcl-stat__strap", children: s }),
+        /* @__PURE__ */ t("span", { className: "tcl-stat__label", children: e })
+      ] }),
+      h && /* @__PURE__ */ t("span", { className: "tcl-stat__badge", children: h })
+    ] }),
+    /* @__PURE__ */ u("span", { className: "tcl-stat__body", children: [
+      /* @__PURE__ */ u("span", { className: "tcl-stat__value", children: [
+        n,
+        l && /* @__PURE__ */ t("span", { className: "tcl-stat__unit", children: l })
+      ] }),
+      c && /* @__PURE__ */ t(Nn, { delta: c }),
+      a && /* @__PURE__ */ t("span", { className: "tcl-stat__target", children: a }),
+      i && i.length > 0 && /* @__PURE__ */ t(gn, { values: i, tone: d, className: "tcl-stat__spark" })
+    ] })
+  ] });
+  return r != null ? /* @__PURE__ */ t("a", { className: m, href: r, children: b }) : g != null ? /* @__PURE__ */ t("button", { type: "button", className: m, onClick: g, children: b }) : /* @__PURE__ */ t("div", { className: m, children: b });
+}
+const Et = ue(null);
+function Ie(e) {
+  const n = he(Et);
+  if (!n) throw new Error(`<Table.${e}> must be used within <Table>.`);
+  return n;
+}
+const Se = ue("body");
+function yn({
+  density: e = "comfortable",
+  striped: n = !1,
+  sticky: l = !1,
+  maxHeight: s,
+  sortDescriptor: c = null,
+  onSortChange: a,
+  selectionMode: i = "none",
+  selectedKeys: h,
+  defaultSelectedKeys: d,
+  onSelectionChange: g,
+  className: r,
+  style: _,
+  children: o,
+  ...m
+}) {
+  const b = h !== void 0, [p, f] = A(() => new Set(d ?? [])), x = b ? new Set(h) : p, [v, $] = A(() => /* @__PURE__ */ new Set()), y = j((E) => {
+    $((F) => F.has(E) ? F : new Set(F).add(E));
+  }, []), w = j((E) => {
+    $((F) => {
+      if (!F.has(E)) return F;
+      const M = new Set(F);
+      return M.delete(E), M;
+    });
+  }, []), N = (E) => {
+    b || f(E), g?.(E);
+  };
+  let C = 0;
+  v.forEach((E) => {
+    x.has(E) && (C += 1);
+  });
+  const I = v.size > 0 && C === v.size, D = C > 0 && !I, O = {
+    density: e,
+    sortDescriptor: c,
+    onSortChange: a,
+    selectionMode: i,
+    isSelected: (E) => x.has(E),
+    toggleRow: (E) => {
+      const F = new Set(x);
+      F.has(E) ? F.delete(E) : F.add(E), N(F);
+    },
+    registerRow: y,
+    unregisterRow: w,
+    allSelected: I,
+    someSelected: D,
+    toggleAll: () => {
+      const E = new Set(x);
+      I ? v.forEach((F) => E.delete(F)) : v.forEach((F) => E.add(F)), N(E);
+    }
+  };
+  return /* @__PURE__ */ t(Et.Provider, { value: O, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: "tcl-table-scroll",
+      style: s != null ? { maxHeight: s } : void 0,
+      children: /* @__PURE__ */ t(
+        "table",
+        {
+          className: k(
+            "tcl-table",
+            e === "compact" && "tcl-table--compact",
+            n && "tcl-table--striped",
+            l && "tcl-table--sticky",
+            r
+          ),
+          style: _,
+          ...m,
+          children: o
+        }
+      )
+    }
+  ) });
+}
+function xn({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t("caption", { className: k("tcl-table__caption", e), ...l, children: n });
+}
+function $n({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t(Se.Provider, { value: "head", children: /* @__PURE__ */ t("thead", { className: k("tcl-table__head", e), ...l, children: n }) });
+}
+function wn({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t(Se.Provider, { value: "body", children: /* @__PURE__ */ t("tbody", { className: k("tcl-table__body", e), ...l, children: n }) });
+}
+function kn({ className: e, children: n, ...l }) {
+  return /* @__PURE__ */ t(Se.Provider, { value: "foot", children: /* @__PURE__ */ t("tfoot", { className: k("tcl-table__foot", e), ...l, children: n }) });
+}
+function Cn() {
+  const { allSelected: e, someSelected: n, toggleAll: l } = Ie("Row");
+  return /* @__PURE__ */ t("th", { scope: "col", className: "tcl-table__th tcl-table__select", children: /* @__PURE__ */ t(
+    It,
+    {
+      "aria-label": "Select all rows",
+      checked: e,
+      indeterminate: n,
+      onChange: l
+    }
+  ) });
+}
+function Mn({ rowKey: e, href: n, onClick: l, className: s, children: c, ...a }) {
+  const { selectionMode: i, isSelected: h, toggleRow: d, registerRow: g, unregisterRow: r } = Ie("Row"), _ = he(Se), o = i !== "none", m = _ === "body";
+  H(() => {
+    if (!(!o || !m || e == null))
+      return g(e), () => r(e);
+  }, [o, m, e, g, r]);
+  const b = o && m && e != null ? h(e) : !1, p = m && (n != null || l != null);
+  let f = c;
+  if (p) {
+    const v = { href: n, onClick: l };
+    let $ = !1;
+    f = Nt.map(c, (y) => !$ && gt(y) ? ($ = !0, yt(y, { _primaryLink: v })) : y);
+  }
+  let x = null;
+  return o && (_ === "head" ? x = /* @__PURE__ */ t(Cn, {}) : m && e != null ? x = /* @__PURE__ */ t("td", { className: "tcl-table__td tcl-table__select", children: /* @__PURE__ */ t(It, { "aria-label": "Select row", checked: b, onChange: () => d(e) }) }) : x = /* @__PURE__ */ t("td", { className: "tcl-table__td tcl-table__select", "aria-hidden": "true" })), /* @__PURE__ */ u(
+    "tr",
+    {
+      className: k("tcl-table__row", p && "tcl-table__row--interactive", s),
+      "data-selected": b || void 0,
+      ...a,
+      children: [
+        x,
+        f
+      ]
+    }
+  );
+}
+function In({
+  align: e = "start",
+  sortKey: n,
+  className: l,
+  children: s,
+  ...c
+}) {
+  const { sortDescriptor: a, onSortChange: i } = Ie("HeaderCell"), h = n != null, d = h && a?.column === n, g = d ? a.direction : void 0, r = h ? d ? g === "asc" ? "ascending" : "descending" : "none" : void 0, _ = () => {
+    if (!h) return;
+    i?.({ column: n, direction: d && g === "asc" ? "desc" : "asc" });
+  };
+  return /* @__PURE__ */ t(
+    "th",
+    {
+      scope: "col",
+      "aria-sort": r,
+      className: k("tcl-table__th", e !== "start" && `tcl-table__cell--${e}`, l),
+      ...c,
+      children: h ? /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: "tcl-table__sort",
+          "data-active": d || void 0,
+          onClick: _,
+          children: [
+            /* @__PURE__ */ t("span", { children: s }),
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: "tcl-table__sort-icon",
+                "aria-hidden": "true",
+                "data-direction": g ?? "none",
+                children: /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
+                  "path",
+                  {
+                    d: "M3 4.5 L6 7.5 L9 4.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) })
+              }
+            )
+          ]
+        }
+      ) : s
+    }
+  );
+}
+function Sn({
+  align: e,
+  numeric: n = !1,
+  className: l,
+  children: s,
+  _primaryLink: c,
+  ...a
+}) {
+  const i = e ?? (n ? "end" : "start");
+  let h = s;
+  return c && (h = c.href != null ? /* @__PURE__ */ t("a", { className: "tcl-table__rowlink", href: c.href, children: s }) : /* @__PURE__ */ t("button", { type: "button", className: "tcl-table__rowlink", onClick: c.onClick, children: s })), /* @__PURE__ */ t(
+    "td",
+    {
+      className: k(
+        "tcl-table__td",
+        i !== "start" && `tcl-table__cell--${i}`,
+        n && "tcl-table__cell--numeric",
+        l
+      ),
+      ...a,
+      children: h
+    }
+  );
+}
+function Tn({ colSpan: e, className: n, children: l, ...s }) {
+  const { selectionMode: c } = Ie("Empty"), a = e + (c !== "none" ? 1 : 0);
+  return /* @__PURE__ */ t("tr", { className: "tcl-table__row", children: /* @__PURE__ */ t("td", { colSpan: a, className: k("tcl-table__td tcl-table__empty", n), ...s, children: l }) });
+}
+const P = Object.assign(yn, {
+  Caption: xn,
+  Head: $n,
+  Body: wn,
+  Foot: kn,
+  Row: Mn,
+  HeaderCell: In,
+  Cell: Sn,
+  Empty: Tn
+}), En = {
+  hub: "center",
+  center: "center",
+  robot: "n",
+  n: "n",
+  top: "n",
+  north: "n",
+  blood: "ne",
+  ne: "ne",
+  decay: "se",
+  se: "se",
+  spirit: "s",
+  s: "s",
+  bottom: "s",
+  south: "s",
+  fate: "sw",
+  sw: "sw",
+  shared: "nw",
+  nw: "nw"
+}, Ln = ["n", "ne", "se", "s", "sw", "nw"];
+function Rn(e) {
+  const n = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
+  for (const c of e) {
+    const a = c.pos ? En[c.pos.toLowerCase()] : c.kind === "center" ? "center" : void 0;
+    a && !n.has(a) && (l.set(c.id, a), n.add(a));
+  }
+  const s = Ln.filter((c) => !n.has(c));
+  for (const c of e) {
+    if (l.has(c.id)) continue;
+    if (c.kind === "center" && !n.has("center")) {
+      l.set(c.id, "center"), n.add("center");
+      continue;
+    }
+    const a = s.shift();
+    a && (l.set(c.id, a), n.add(a));
+  }
+  return l;
+}
+function An(e, n, l) {
+  switch (e) {
+    case "n":
+      return { x: 0, y: -l };
+    case "s":
+      return { x: 0, y: l };
+    case "ne":
+      return { x: 0.75 * n, y: -l / 2 };
+    case "se":
+      return { x: 0.75 * n, y: l / 2 };
+    case "nw":
+      return { x: -0.75 * n, y: -l / 2 };
+    case "sw":
+      return { x: -0.75 * n, y: l / 2 };
+    default:
+      return { x: 0, y: 0 };
+  }
+}
+function Gl({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  size: c = 200,
+  className: a
+}) {
+  const [i, h] = A(l), d = n ?? i, g = (v) => {
+    n === void 0 && h(v), s?.(v);
+  }, r = c, _ = Math.round(c * 0.866), o = 2.5 * r, m = 3 * _, b = 1.25 * r, p = 1.5 * _, f = B(() => Rn(e.domains), [e.domains]), x = e.domains.find((v) => v.id === d);
+  return /* @__PURE__ */ u("div", { className: k("tcl-hub", a), children: [
+    /* @__PURE__ */ u("header", { className: "tcl-hub__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-hub__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-hub__code", children: e.code }),
+      (e.tagline || e.taglineNote) && /* @__PURE__ */ u("div", { className: "tcl-hub__tagrow", children: [
+        e.tagline && /* @__PURE__ */ t(
+          "span",
+          {
+            className: "tcl-hub__pill",
+            style: e.tone ? { borderColor: e.tone, color: e.tone } : void 0,
+            children: e.tagline
+          }
+        ),
+        e.taglineNote && /* @__PURE__ */ t("span", { className: "tcl-hub__tagnote", children: e.taglineNote })
+      ] }),
+      e.sub && /* @__PURE__ */ t("p", { className: "tcl-hub__sub", children: e.sub }),
+      e.stats && e.stats.length > 0 && /* @__PURE__ */ t("div", { className: "tcl-hub__stats", children: e.stats.map((v, $) => /* @__PURE__ */ u("div", { className: "tcl-hub__stat", children: [
+        /* @__PURE__ */ t("span", { className: "tcl-hub__stat-value", style: v.color ? { color: v.color } : void 0, children: v.value }),
+        /* @__PURE__ */ t("span", { className: "tcl-hub__stat-label", children: v.label })
+      ] }, $)) })
+    ] }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "tcl-hub__flower",
+        role: "group",
+        "aria-label": e.tagline ?? e.brand ?? "Domain map",
+        style: { width: o, height: m },
+        children: e.domains.map((v) => {
+          const $ = f.get(v.id);
+          if (!$) return null;
+          const { x: y, y: w } = An($, r, _), N = v.id === d;
+          return /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              className: k("tcl-hub__tile", `tcl-hub__tile--${v.kind}`, N && "is-selected"),
+              style: { left: b + y - r / 2, top: p + w - _ / 2, width: r, height: _ },
+              "aria-pressed": N,
+              "aria-label": `${v.name}, ${v.tag}, ${v.status}`,
+              onClick: () => g(v.id),
+              children: [
+                /* @__PURE__ */ t("span", { className: "tcl-hub__dot", style: v.dot ? { color: v.dot } : void 0, "aria-hidden": "true" }),
+                /* @__PURE__ */ t("span", { className: "tcl-hub__tag", children: v.tag }),
+                /* @__PURE__ */ t("span", { className: "tcl-hub__name", children: v.name }),
+                /* @__PURE__ */ t("span", { className: "tcl-hub__tile-sub", children: v.sub }),
+                /* @__PURE__ */ t("span", { className: "tcl-hub__status", children: v.status })
+              ]
+            },
+            v.id
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "tcl-hub__inspector", "aria-live": "polite", children: x ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-hub__inspector-title", children: [
+        x.name,
+        /* @__PURE__ */ u("span", { className: "tcl-hub__inspector-status", children: [
+          " · ",
+          x.status
+        ] })
+      ] }),
+      x.note && /* @__PURE__ */ t("p", { className: "tcl-hub__inspector-note", children: x.note }),
+      x.sources && x.sources.length > 0 && /* @__PURE__ */ t("ul", { className: "tcl-hub__sources", children: x.sources.map((v, $) => /* @__PURE__ */ t("li", { children: typeof v == "string" ? v : v.label }, $)) })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-hub__inspector-hint", children: "Select a domain to inspect its detail." }) }),
+    e.axis && /* @__PURE__ */ t("p", { className: "tcl-hub__axis", children: e.axis })
+  ] });
+}
+const Dn = {
+  claude: "Claude",
+  agents: "Agents",
+  plan: "Plan",
+  spec: "Spec"
+}, Ve = {
+  prose: "Notes",
+  rules: "Rules",
+  commands: "Commands",
+  checklist: "Checklist",
+  phases: "Phases",
+  artifacts: "Artifacts",
+  boundaries: "Boundaries",
+  decisions: "Decisions",
+  reference: "Reference"
+};
+function Fn(e) {
+  return typeof e == "string" ? { text: e } : e;
+}
+function Bn(e) {
+  return e && e in Ve ? e : "prose";
+}
+function On(e) {
+  return /^https?:\/\//.test(e);
+}
+function Pn({ value: e }) {
+  return On(e) ? /* @__PURE__ */ t("a", { className: "tcl-brief__chip", href: e, rel: "noreferrer", children: e }) : /* @__PURE__ */ t("code", { className: "tcl-brief__chip", children: e });
+}
+function fe({ text: e }) {
+  return /* @__PURE__ */ u("span", { className: "tcl-brief__desc", children: [
+    " — ",
+    e
+  ] });
+}
+function jn({ kind: e, section: n }) {
+  const l = (n.items ?? []).map(Fn);
+  if (e === "prose") {
+    const s = n.body ? n.body.split(/\n{2,}/) : l.map((c) => c.text);
+    return /* @__PURE__ */ t(K, { children: s.map((c, a) => /* @__PURE__ */ t("p", { className: "tcl-brief__prose", children: c }, a)) });
+  }
+  return e === "rules" ? /* @__PURE__ */ t("ol", { className: "tcl-brief__rules", children: l.map((s, c) => /* @__PURE__ */ u("li", { className: "tcl-brief__rule", children: [
+    /* @__PURE__ */ t("span", { className: "tcl-brief__rule-text", children: s.text }),
+    s.desc && /* @__PURE__ */ t(fe, { text: s.desc })
+  ] }, c)) }) : e === "commands" ? /* @__PURE__ */ t("ul", { className: "tcl-brief__list", children: l.map((s, c) => /* @__PURE__ */ u("li", { className: "tcl-brief__command", children: [
+    /* @__PURE__ */ t("code", { className: "tcl-brief__code", children: s.text }),
+    s.desc && /* @__PURE__ */ t("span", { className: "tcl-brief__command-desc", children: s.desc })
+  ] }, c)) }) : e === "checklist" ? /* @__PURE__ */ t("ul", { className: "tcl-brief__list", children: l.map((s, c) => /* @__PURE__ */ u("li", { className: "tcl-brief__check", "data-severity": s.severity ?? "info", children: [
+    /* @__PURE__ */ t("span", { className: "tcl-brief__check-glyph", "aria-hidden": "true" }),
+    /* @__PURE__ */ u("span", { className: "tcl-brief__check-text", children: [
+      s.text,
+      s.desc && /* @__PURE__ */ t(fe, { text: s.desc })
+    ] })
+  ] }, c)) }) : e === "phases" ? /* @__PURE__ */ t("ol", { className: "tcl-brief__list tcl-brief__phases", children: l.map((s, c) => /* @__PURE__ */ u("li", { className: "tcl-brief__phase", "data-status": s.status ?? "pending", children: [
+    /* @__PURE__ */ t("span", { className: "tcl-brief__phase-pip", "aria-hidden": "true" }),
+    /* @__PURE__ */ u("span", { className: "tcl-brief__phase-text", children: [
+      s.text,
+      s.desc && /* @__PURE__ */ t(fe, { text: s.desc })
+    ] }),
+    s.status && /* @__PURE__ */ t("span", { className: "tcl-brief__phase-status", children: s.status })
+  ] }, c)) }) : e === "decisions" ? /* @__PURE__ */ t("ul", { className: "tcl-brief__list", children: l.map((s, c) => /* @__PURE__ */ u("li", { className: "tcl-brief__decision", children: [
+    /* @__PURE__ */ t("span", { className: "tcl-brief__decision-title", children: s.text }),
+    s.choice && /* @__PURE__ */ u("span", { className: "tcl-brief__decision-choice", children: [
+      /* @__PURE__ */ u("span", { className: "tcl-brief__arrow", "aria-hidden": "true", children: [
+        "→",
+        " "
+      ] }),
+      s.choice
+    ] })
+  ] }, c)) }) : /* @__PURE__ */ t("ul", { className: "tcl-brief__list", children: l.map((s, c) => /* @__PURE__ */ u("li", { className: "tcl-brief__ref", children: [
+    /* @__PURE__ */ u("span", { className: "tcl-brief__ref-main", children: [
+      /* @__PURE__ */ t("span", { className: "tcl-brief__ref-text", children: s.text }),
+      s.desc && /* @__PURE__ */ t(fe, { text: s.desc })
+    ] }),
+    s.ref && /* @__PURE__ */ t(Pn, { value: s.ref }),
+    s.status && /* @__PURE__ */ t("span", { className: "tcl-brief__status", children: s.status })
+  ] }, c)) });
+}
+function Zl({ data: e, defaultCollapsed: n, className: l }) {
+  const s = z(), [c, a] = A(() => new Set(n)), i = (r) => a((_) => {
+    const o = new Set(_);
+    return o.has(r) ? o.delete(r) : o.add(r), o;
+  }), h = e.kind ?? "spec", d = e.title ?? e.id ?? "Untitled", g = e.sections ?? [];
+  return /* @__PURE__ */ u("article", { className: k("tcl-brief", l), "data-kind": h, "aria-label": d, children: [
+    /* @__PURE__ */ u("header", { className: "tcl-brief__header", children: [
+      /* @__PURE__ */ u("div", { className: "tcl-brief__kindrow", children: [
+        /* @__PURE__ */ t("span", { className: "tcl-brief__kind", children: Dn[h] ?? h }),
+        e.id && /* @__PURE__ */ t("span", { className: "tcl-brief__id", children: e.id })
+      ] }),
+      /* @__PURE__ */ t("h2", { className: "tcl-brief__title", children: d }),
+      e.summary && /* @__PURE__ */ t("p", { className: "tcl-brief__summary", children: e.summary }),
+      e.meta && e.meta.length > 0 && /* @__PURE__ */ t("div", { className: "tcl-brief__meta", children: e.meta.map((r, _) => /* @__PURE__ */ u(
+        "span",
+        {
+          className: "tcl-brief__metapill",
+          style: r.tone ? { borderColor: r.tone, color: r.tone } : void 0,
+          children: [
+            /* @__PURE__ */ t("span", { className: "tcl-brief__metalabel", children: r.label }),
+            /* @__PURE__ */ t("span", { className: "tcl-brief__metavalue", children: r.value })
+          ]
+        },
+        _
+      )) })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "tcl-brief__sections", children: [
+      g.length === 0 && /* @__PURE__ */ t("p", { className: "tcl-brief__empty", children: "No sections." }),
+      g.map((r, _) => {
+        const o = r.id ?? `s${_}`, m = Bn(r.kind), b = r.heading ?? Ve[m], p = !c.has(o), f = `${s}-${o}`;
+        return /* @__PURE__ */ u(
+          "section",
+          {
+            className: "tcl-brief__section",
+            "data-kind": m,
+            "data-state": p ? "open" : "collapsed",
+            children: [
+              /* @__PURE__ */ u("div", { className: "tcl-brief__section-head", children: [
+                /* @__PURE__ */ t("h3", { className: "tcl-brief__section-h", children: /* @__PURE__ */ u(
+                  "button",
+                  {
+                    type: "button",
+                    className: "tcl-brief__toggle",
+                    "aria-expanded": p,
+                    "aria-controls": f,
+                    onClick: () => i(o),
+                    children: [
+                      /* @__PURE__ */ t("span", { className: "tcl-brief__chevron", "aria-hidden": "true" }),
+                      b
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ t("span", { className: "tcl-brief__section-kind", children: Ve[m] ?? m })
+              ] }),
+              /* @__PURE__ */ u("div", { id: f, className: "tcl-brief__section-body", hidden: !p, children: [
+                r.note && /* @__PURE__ */ t("p", { className: "tcl-brief__note", children: r.note }),
+                /* @__PURE__ */ t(jn, { kind: m, section: r })
+              ] })
+            ]
+          },
+          o
+        );
+      })
+    ] })
+  ] });
+}
+const Ee = ["claude", "agents", "plan", "spec"], Le = [
+  "prose",
+  "rules",
+  "commands",
+  "checklist",
+  "phases",
+  "artifacts",
+  "boundaries",
+  "decisions",
+  "reference"
+], Re = ["info", "warn", "danger"];
+function Te(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function Hn(e, n) {
+  const l = Array.from({ length: e.length + 1 }, () => new Array(n.length + 1).fill(0));
+  for (let s = 0; s <= e.length; s++) l[s][0] = s;
+  for (let s = 0; s <= n.length; s++) l[0][s] = s;
+  for (let s = 1; s <= e.length; s++)
+    for (let c = 1; c <= n.length; c++) {
+      const a = e[s - 1] === n[c - 1] ? 0 : 1;
+      l[s][c] = Math.min(l[s - 1][c] + 1, l[s][c - 1] + 1, l[s - 1][c - 1] + a);
+    }
+  return l[e.length][n.length];
+}
+function Je(e, n) {
+  let l, s = 1 / 0;
+  for (const c of n) {
+    const a = Hn(e.toLowerCase(), c);
+    a < s && (s = a, l = c);
+  }
+  return l !== void 0 && s <= Math.max(2, Math.floor(l.length / 3)) ? l : void 0;
+}
+function Wn(e, n, l) {
+  if (typeof e == "string") return { text: e };
+  if (!Te(e))
+    return l.push({
+      path: n,
+      level: "warn",
+      message: "item should be a string or object",
+      got: e === null ? "null" : typeof e,
+      expected: "string | object"
+    }), { text: String(e) };
+  const s = { text: "" };
+  if (typeof e.text == "string" ? s.text = e.text : l.push({
+    path: `${n}.text`,
+    level: "warn",
+    message: 'item missing "text"',
+    expected: "string"
+  }), typeof e.desc == "string" && (s.desc = e.desc), typeof e.status == "string" && (s.status = e.status), typeof e.ref == "string" && (s.ref = e.ref), typeof e.choice == "string" && (s.choice = e.choice), e.severity !== void 0)
+    if (typeof e.severity == "string" && Re.includes(e.severity))
+      s.severity = e.severity;
+    else {
+      const c = String(e.severity);
+      l.push({
+        path: `${n}.severity`,
+        level: "info",
+        message: `unknown severity "${c}"`,
+        got: c,
+        expected: Re.join(" | "),
+        didYouMean: Je(c, Re)
+      });
+    }
+  return s;
+}
+function Vn(e, n, l) {
+  const s = `sections[${n}]`;
+  if (!Te(e))
+    return l.push({
+      path: s,
+      level: "error",
+      message: "section must be an object",
+      got: e === null ? "null" : typeof e,
+      expected: "object"
+    }), { heading: `Section ${n + 1}`, kind: "prose" };
+  const c = {};
+  if (typeof e.id == "string" && (c.id = e.id), typeof e.heading == "string" && e.heading.trim() ? c.heading = e.heading : l.push({
+    path: `${s}.heading`,
+    level: "warn",
+    message: 'section missing "heading" (falls back to the kind label)',
+    expected: "string"
+  }), e.kind !== void 0) {
+    const a = String(e.kind);
+    typeof e.kind == "string" && Le.includes(e.kind) || l.push({
+      path: `${s}.kind`,
+      level: "info",
+      message: `unknown section kind "${a}" (renders as prose)`,
+      got: a,
+      expected: Le.join(" | "),
+      didYouMean: Je(a, Le)
+    }), c.kind = e.kind;
+  }
+  return typeof e.note == "string" && (c.note = e.note), typeof e.body == "string" && (c.body = e.body), e.items !== void 0 && (Array.isArray(e.items) ? c.items = e.items.map((a, i) => Wn(a, `${s}.items[${i}]`, l)) : l.push({
+    path: `${s}.items`,
+    level: "warn",
+    message: '"items" should be an array',
+    got: typeof e.items,
+    expected: "array"
+  })), c;
+}
+function Yn(e, n) {
+  if (e === void 0) return;
+  if (!Array.isArray(e)) {
+    n.push({
+      path: "meta",
+      level: "warn",
+      message: '"meta" should be an array',
+      got: typeof e,
+      expected: "array"
+    });
+    return;
+  }
+  const l = [];
+  return e.forEach((s, c) => {
+    if (Te(s) && typeof s.label == "string" && (typeof s.value == "string" || typeof s.value == "number")) {
+      const a = { label: s.label, value: s.value };
+      typeof s.tone == "string" && (a.tone = s.tone), l.push(a);
+    } else
+      n.push({
+        path: `meta[${c}]`,
+        level: "info",
+        message: "meta entry needs { label, value }",
+        expected: "{ label: string, value: string | number }"
+      });
+  }), l.length ? l : void 0;
+}
+function ql(e) {
+  const n = [];
+  let l = e;
+  if (typeof e == "string")
+    try {
+      l = JSON.parse(e);
+    } catch {
+      return n.push({
+        path: "",
+        level: "error",
+        message: "input is not valid JSON",
+        got: "string",
+        expected: "JSON object"
+      }), { data: { view: "brief", sections: [] }, issues: n, ok: !1 };
+    }
+  if (!Te(l))
+    return n.push({
+      path: "",
+      level: "error",
+      message: "expected a brief contract object",
+      got: Array.isArray(l) ? "array" : l === null ? "null" : typeof l,
+      expected: "object"
+    }), { data: { view: "brief", sections: [] }, issues: n, ok: !1 };
+  l.view !== "brief" && n.push({
+    path: "view",
+    level: "warn",
+    message: l.view === void 0 ? 'missing "view"; defaulting to "brief"' : 'view should be "brief"',
+    got: String(l.view),
+    expected: "brief"
+  });
+  const s = { view: "brief", sections: [] };
+  l.kind !== void 0 && (typeof l.kind == "string" ? (s.kind = l.kind, Ee.includes(l.kind) || n.push({
+    path: "kind",
+    level: "info",
+    message: `unrecognized kind "${l.kind}" (renders neutral)`,
+    got: l.kind,
+    expected: Ee.join(" | "),
+    didYouMean: Je(l.kind, Ee)
+  })) : n.push({
+    path: "kind",
+    level: "warn",
+    message: '"kind" should be a string',
+    got: typeof l.kind
+  })), typeof l.id == "string" && (s.id = l.id), typeof l.title == "string" && (s.title = l.title), typeof l.summary == "string" && (s.summary = l.summary);
+  const c = Yn(l.meta, n);
+  return c && (s.meta = c), l.sections === void 0 ? n.push({
+    path: "sections",
+    level: "warn",
+    message: 'no "sections" — nothing to render',
+    expected: "array"
+  }) : Array.isArray(l.sections) ? s.sections = l.sections.map((a, i) => Vn(a, i, n)) : n.push({
+    path: "sections",
+    level: "error",
+    message: '"sections" must be an array',
+    got: typeof l.sections,
+    expected: "array"
+  }), { data: s, issues: n, ok: !n.some((a) => a.level === "error") };
+}
+function Q(e) {
+  return e.replace(/!\[[^\]]*\]\([^)]*\)/g, "").replace(/\[([^\]]+)\]\([^)]*\)/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(/\*([^*]+)\*/g, "$1").trim();
+}
+function Xn(e) {
+  const n = e.trim(), l = n.match(/^`([^`]+)`\s*(?:[—–-]|:)?\s*(.*)$/);
+  if (l)
+    return { text: l[1].trim(), desc: Q(l[2]).trim() || void 0, codey: !0 };
+  const s = n.match(/^\*\*([^*]+)\*\*\s*(?:[—–-]|:)?\s*(.*)$/);
+  if (s)
+    return { text: s[1].trim(), desc: Q(s[2]).trim() || void 0, codey: !1 };
+  const c = n.match(/^(.+?)\s+[—–]\s+(.+)$/);
+  return c ? { text: Q(c[1]).trim(), desc: Q(c[2]).trim(), codey: !1 } : { text: Q(n), codey: !1 };
+}
+function zn(e, n) {
+  const l = /^\s*(?:[-*+]\s+|(\d+)[.)]\s+)(.*)$/, s = [], c = [];
+  let a = !1;
+  for (const m of n) {
+    const b = m.match(l);
+    b ? (a = !0, c.push({ text: b[2], numbered: b[1] !== void 0 })) : m.trim() === "" || (a ? c.length && (c[c.length - 1].text += " " + m.trim()) : s.push(m));
+  }
+  const i = Q(s.join(" ")).replace(/\s+/g, " ").trim();
+  if (c.length === 0) {
+    const m = { heading: e, kind: "prose" };
+    return i && (m.body = i), m;
+  }
+  const h = c.map((m) => Xn(m.text)), d = h.filter((m) => m.codey).length >= Math.ceil(h.length / 2), g = e.toLowerCase();
+  let r = "rules";
+  d && (r = "commands"), /gotcha|caveat|checklist|pitfall|warning/.test(g) ? r = "checklist" : /decision/.test(g) ? r = "decisions" : /phase|milestone|roadmap/.test(g) && (r = "phases");
+  const _ = h.map((m) => {
+    const b = { text: m.text };
+    return m.desc && (b.desc = m.desc), b;
+  }), o = { heading: e, kind: r, items: _ };
+  return i && (o.note = i), o;
+}
+function Jl(e) {
+  const n = e.replace(/\r\n/g, `
+`).split(`
+`), l = { view: "brief", sections: [] };
+  let s = 0;
+  if (n[0]?.trim() === "---") {
+    let d = 1;
+    const g = [];
+    for (; d < n.length && n[d].trim() !== "---"; ) g.push(n[d++]);
+    if (d < n.length) {
+      for (const r of g) {
+        const _ = r.match(/^(\w+):\s*(.+)$/);
+        if (!_) continue;
+        const o = _[2].trim();
+        _[1] === "kind" ? l.kind = o : _[1] === "id" ? l.id = o : _[1] === "title" && (l.title = o);
+      }
+      s = d + 1;
+    }
+  }
+  const c = [], a = [];
+  let i = null;
+  for (; s < n.length; s++) {
+    const d = n[s], g = d.match(/^##\s+(.+)$/), r = d.match(/^#\s+(.+)$/);
+    g ? (i && a.push(i), i = { heading: Q(g[1]).trim(), lines: [] }) : r && !l.title ? l.title = Q(r[1]).trim() : i ? i.lines.push(d) : c.push(d);
+  }
+  i && a.push(i);
+  const h = Q(c.join(" ")).replace(/\s+/g, " ").trim();
+  return h && (l.summary = h), l.sections = a.map((d) => zn(d.heading, d.lines)), l;
+}
+const _e = ["accent", "info", "success", "warning", "danger", "neutral"], ct = (e) => e.id ?? e.label, $e = (e, n) => e.id ?? `g${n}`, at = (e, n, l) => `${$e(e, n)}#${l}`, se = (e, n) => `${e}${n ?? ""}`;
+function Ql({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  height: c = 240,
+  className: a
+}) {
+  const [i, h] = A(l), d = n ?? i, g = (w) => {
+    n === void 0 && h(w), s?.(w);
+  }, { unit: r, markers: _ = [] } = e, o = B(() => e.bars ?? [], [e.bars]), m = B(() => e.series ?? [], [e.series]), b = B(() => e.categories ?? [], [e.categories]), p = m.length > 0, f = e.orientation ?? "vertical", x = f === "vertical", v = B(() => {
+    if (e.max != null) return e.max;
+    const w = p ? m.flatMap((C) => C.values.filter((I) => I != null && Number.isFinite(I))) : o.map((C) => C.value), N = Math.max(0, ...w, ..._.map((C) => C.value));
+    return N > 0 ? N : 1;
+  }, [e.max, p, m, o, _]), $ = p ? b : o.map((w) => w.label), y = B(() => {
+    if (d == null) return;
+    if (p) {
+      for (let N = 0; N < m.length; N++) {
+        const C = m[N];
+        for (let I = 0; I < b.length; I++) {
+          const D = C.values[I];
+          if (!(D == null || !Number.isFinite(D)) && at(C, N, I) === d)
+            return {
+              title: C.name,
+              valueText: `${b[I] ?? `#${I + 1}`} · ${se(D, r)}`
+            };
+        }
+      }
+      return;
+    }
+    const w = o.find((N) => ct(N) === d);
+    return w ? { title: w.label, valueText: se(w.value, r), sub: w.sub, note: w.note } : void 0;
+  }, [d, p, m, b, o, r]);
+  return /* @__PURE__ */ u("div", { className: k("tcl-bar-chart", `tcl-bar-chart--${f}`, a), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-bar-chart__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-bar-chart__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-bar-chart__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-bar-chart__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-bar-chart__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "tcl-bar-chart__plot", style: x ? { height: c } : void 0, children: [
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: "tcl-bar-chart__canvas",
+          role: "group",
+          "aria-label": e.title ?? e.code ?? "Bar chart",
+          children: [
+            _.map((w, N) => {
+              const C = Z(w.value, 0, v);
+              return /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "tcl-bar-chart__marker",
+                  "aria-hidden": "true",
+                  style: L({ "--mk": R(w.tone ?? "neutral"), "--at": `${C}%` }),
+                  children: w.label && /* @__PURE__ */ t("span", { className: "tcl-bar-chart__marker-label", children: `${w.label} · ${se(w.value, r)}` })
+                },
+                `mk-${N}`
+              );
+            }),
+            p ? b.map((w, N) => /* @__PURE__ */ t("div", { className: "tcl-bar-chart__group", children: m.map((C, I) => {
+              const D = C.values[N];
+              if (D == null || !Number.isFinite(D))
+                return /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: "tcl-bar-chart__spacer",
+                    "aria-hidden": "true"
+                  },
+                  $e(C, I)
+                );
+              const O = at(C, I, N), E = Z(D, 0, v), F = O === d, M = C.color ?? R(C.tone ?? _e[I % _e.length]);
+              return /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: k("tcl-bar-chart__cell", F && "is-selected"),
+                  "aria-pressed": F,
+                  "aria-label": `${C.name}, ${w}: ${se(D, r)}`,
+                  onClick: () => g(O),
+                  children: /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "tcl-bar-chart__bar",
+                      style: L({ "--pct": `${E}%`, "--bar-color": M })
+                    }
+                  )
+                },
+                $e(C, I)
+              );
+            }) }, `grp-${N}`)) : o.map((w) => {
+              const N = ct(w), C = Z(w.value, 0, v), I = N === d, D = w.color ?? R(w.tone ?? "accent");
+              return /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: k("tcl-bar-chart__cell", I && "is-selected"),
+                  "aria-pressed": I,
+                  "aria-label": `${w.label}: ${se(w.value, r)}`,
+                  onClick: () => g(N),
+                  children: /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "tcl-bar-chart__bar",
+                      style: L({ "--pct": `${C}%`, "--bar-color": D }),
+                      children: /* @__PURE__ */ t("span", { className: "tcl-bar-chart__value", children: se(w.value, r) })
+                    }
+                  )
+                },
+                N
+              );
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "tcl-bar-chart__axis", "aria-hidden": "true", children: $.map((w, N) => /* @__PURE__ */ t("span", { className: "tcl-bar-chart__tick", title: w, children: w }, `tick-${N}`)) })
+    ] }),
+    p && /* @__PURE__ */ t("div", { className: "tcl-bar-chart__legend", children: m.map((w, N) => /* @__PURE__ */ u("span", { className: "tcl-bar-chart__legend-item", children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "tcl-bar-chart__legend-swatch",
+          style: L({
+            "--sw": w.color ?? R(w.tone ?? _e[N % _e.length])
+          }),
+          "aria-hidden": "true"
+        }
+      ),
+      w.name
+    ] }, $e(w, N))) }),
+    /* @__PURE__ */ t("div", { className: "tcl-bar-chart__inspector", "aria-live": "polite", children: y ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-bar-chart__inspector-title", children: [
+        y.title,
+        /* @__PURE__ */ u("span", { className: "tcl-bar-chart__inspector-value", children: [
+          " · ",
+          y.valueText
+        ] }),
+        y.sub && /* @__PURE__ */ u("span", { className: "tcl-bar-chart__inspector-sub", children: [
+          " ",
+          y.sub
+        ] })
+      ] }),
+      y.note && /* @__PURE__ */ t("p", { className: "tcl-bar-chart__inspector-note", children: y.note })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-bar-chart__inspector-hint", children: "Select a bar to inspect its value." }) })
+  ] });
+}
+const G = 600, X = 46, q = 12, be = 14, ve = 26, rt = ["accent", "info", "success", "warning", "danger"], Ae = (e, n) => e.id ?? `s${n}`, De = (e, n) => e.color ?? R(e.tone ?? rt[n % rt.length]), it = (e) => String(Math.round(e * 100) / 100);
+function es({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  height: c = 220,
+  className: a
+}) {
+  const [i, h] = A(l), d = n ?? i, g = (M) => {
+    n === void 0 && h(M), s?.(M);
+  }, { series: r, unit: _, band: o, target: m } = e, b = c, p = (M) => `${it(M)}${_ ?? ""}`, f = Math.max(1, ...r.map((M) => M.points.length)), { lo: x, hi: v } = B(() => {
+    const M = r.flatMap((Y) => Y.points.map((me) => me.y)).filter((Y) => Y != null && Number.isFinite(Y));
+    let S = M.length ? Math.min(...M) : 0, T = M.length ? Math.max(...M) : 1;
+    if (o && (S = Math.min(S, o.lo), T = Math.max(T, o.hi)), m && (S = Math.min(S, m.value), T = Math.max(T, m.value)), S === T) {
+      const Y = Math.abs(S) * 0.1 + 1;
+      S -= Y, T += Y;
+    }
+    const W = (T - S) * 0.08;
+    let U = e.yMin ?? S - W, V = e.yMax ?? T + W;
+    return V < U && ([U, V] = [V, U]), V === U && (V = U + (Math.abs(U) * 0.1 + 1)), { lo: U, hi: V };
+  }, [r, o, m, e.yMin, e.yMax]), $ = (M) => f <= 1 ? X + (G - X - q) / 2 : X + M / (f - 1) * (G - X - q), y = (M) => be + (1 - (M - x) / (v - x)) * (b - be - ve), N = r.reduce(
+    (M, S) => S.points.length > M.points.length ? S : M,
+    r[0] ?? { points: [] }
+  ).points.map((M) => M.x), C = Math.max(1, Math.ceil(f / 8)), I = [0, 1, 2, 3, 4].map((M) => x + (v - x) * M / 4), D = (M) => M.points.map((S, T) => ({ i: T, p: S, v: S.y })).filter((S) => S.p.y != null && Number.isFinite(S.p.y)), O = `lc-clip-${z().replace(/:/g, "")}`, E = B(() => {
+    for (let M = 0; M < r.length; M++) {
+      const S = r[M];
+      for (const { i: T, p: W } of D(S))
+        if (`${Ae(S, M)}#${T}` === d) return { s: S, i: T, p: W };
+    }
+  }, [r, d]), F = (e.title ?? e.code ?? "Line chart") + (m ? `, target ${p(m.value)}` : "") + (o ? `, tolerance band ${p(o.lo)} to ${p(o.hi)}` : "");
+  return /* @__PURE__ */ u("div", { className: k("tcl-line-chart", a), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-line-chart__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-line-chart__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-line-chart__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-line-chart__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-line-chart__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "tcl-line-chart__plot", children: [
+      /* @__PURE__ */ u("div", { className: "tcl-line-chart__canvas", role: "group", "aria-label": F, children: [
+        /* @__PURE__ */ u(
+          "svg",
+          {
+            className: "tcl-line-chart__svg",
+            viewBox: `0 0 ${G} ${b}`,
+            preserveAspectRatio: "xMidYMid meet",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: O, children: /* @__PURE__ */ t("rect", { x: X, y: be, width: G - X - q, height: b - be - ve }) }) }),
+              I.map((M, S) => /* @__PURE__ */ u("g", { children: [
+                /* @__PURE__ */ t(
+                  "line",
+                  {
+                    className: "tcl-line-chart__grid",
+                    x1: X,
+                    y1: y(M),
+                    x2: G - q,
+                    y2: y(M)
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "text",
+                  {
+                    className: "tcl-line-chart__axis-text",
+                    x: X - 6,
+                    y: y(M) + 3,
+                    textAnchor: "end",
+                    children: it(M)
+                  }
+                )
+              ] }, `t-${S}`)),
+              o && /* @__PURE__ */ u("g", { style: L({ "--bnd": R(o.tone ?? "success") }), children: [
+                /* @__PURE__ */ t(
+                  "rect",
+                  {
+                    className: "tcl-line-chart__band",
+                    x: X,
+                    y: y(o.hi),
+                    width: G - X - q,
+                    height: Math.abs(y(o.lo) - y(o.hi))
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "line",
+                  {
+                    className: "tcl-line-chart__band-edge",
+                    x1: X,
+                    y1: y(o.hi),
+                    x2: G - q,
+                    y2: y(o.hi)
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "line",
+                  {
+                    className: "tcl-line-chart__band-edge",
+                    x1: X,
+                    y1: y(o.lo),
+                    x2: G - q,
+                    y2: y(o.lo)
+                  }
+                ),
+                o.label && /* @__PURE__ */ t(
+                  "text",
+                  {
+                    className: "tcl-line-chart__band-label",
+                    x: G - q,
+                    y: y(o.hi) - 3,
+                    textAnchor: "end",
+                    children: o.label
+                  }
+                )
+              ] }),
+              m && /* @__PURE__ */ u("g", { style: L({ "--tgt": R(m.tone ?? "warning") }), children: [
+                /* @__PURE__ */ t(
+                  "line",
+                  {
+                    className: "tcl-line-chart__target",
+                    x1: X,
+                    y1: y(m.value),
+                    x2: G - q,
+                    y2: y(m.value)
+                  }
+                ),
+                m.label && /* @__PURE__ */ t(
+                  "text",
+                  {
+                    className: "tcl-line-chart__target-label",
+                    x: G - q,
+                    y: y(m.value) - 4,
+                    textAnchor: "end",
+                    children: m.label
+                  }
+                )
+              ] }),
+              N.map(
+                (M, S) => S % C === 0 || S === f - 1 ? /* @__PURE__ */ t(
+                  "text",
+                  {
+                    className: "tcl-line-chart__axis-text",
+                    x: $(S),
+                    y: b - 8,
+                    textAnchor: "middle",
+                    children: M
+                  },
+                  `x-${S}`
+                ) : null
+              ),
+              /* @__PURE__ */ t("g", { clipPath: `url(#${O})`, children: r.map((M, S) => {
+                const T = D(M);
+                if (!T.length) return null;
+                const W = De(M, S), U = T.map((Y) => `${$(Y.i).toFixed(2)},${y(Y.v).toFixed(2)}`).join(" "), V = `${U} ${$(T[T.length - 1].i).toFixed(2)},${b - ve} ${$(
+                  T[0].i
+                ).toFixed(2)},${b - ve}`;
+                return /* @__PURE__ */ u("g", { children: [
+                  M.fill && T.length > 1 && /* @__PURE__ */ t(
+                    "polygon",
+                    {
+                      className: "tcl-line-chart__area",
+                      points: V,
+                      style: { fill: W }
+                    }
+                  ),
+                  T.length > 1 && /* @__PURE__ */ t(
+                    "polyline",
+                    {
+                      className: k("tcl-line-chart__line", M.dashed && "is-dashed"),
+                      points: U,
+                      style: { stroke: W },
+                      vectorEffect: "non-scaling-stroke"
+                    }
+                  )
+                ] }, `s-${S}`);
+              }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "tcl-line-chart__points", children: r.map((M, S) => {
+          const T = De(M, S);
+          return D(M).map(({ i: W, p: U, v: V }) => {
+            if (V < x || V > v) return null;
+            const Y = `${Ae(M, S)}#${W}`, me = Y === d;
+            return /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: k("tcl-line-chart__dot", me && "is-selected"),
+                style: L({
+                  "--dot": T,
+                  left: `${$(W) / G * 100}%`,
+                  top: `${y(V) / b * 100}%`
+                }),
+                "aria-pressed": me,
+                "aria-label": `${M.name}, ${U.x}: ${p(V)}`,
+                onClick: () => g(Y)
+              },
+              `${S}#${W}`
+            );
+          });
+        }) })
+      ] }),
+      r.length > 0 && /* @__PURE__ */ t("div", { className: "tcl-line-chart__legend", children: r.map((M, S) => /* @__PURE__ */ u("span", { className: "tcl-line-chart__legend-item", children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: k("tcl-line-chart__legend-swatch", M.dashed && "is-dashed"),
+            style: L({ "--dot": De(M, S) }),
+            "aria-hidden": "true"
+          }
+        ),
+        M.name
+      ] }, Ae(M, S))) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "tcl-line-chart__inspector", "aria-live": "polite", children: E ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-line-chart__inspector-title", children: [
+        E.s.name,
+        /* @__PURE__ */ u("span", { className: "tcl-line-chart__inspector-value", children: [
+          " · ",
+          E.p.x,
+          " · ",
+          p(E.p.y)
+        ] })
+      ] }),
+      E.p.note && /* @__PURE__ */ t("p", { className: "tcl-line-chart__inspector-note", children: E.p.note })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-line-chart__inspector-hint", children: "Select a point to inspect its value." }) })
+  ] });
+}
+const Kn = 240, Un = 176, Ye = 120, Xe = 120, te = 88, ge = (e, n) => `${Math.round(e * 100) / 100}${n ?? ""}`, J = (e, n, l) => 180 - Z(e, n, l) / 100 * 180, ne = (e, n = te) => {
+  const l = e * Math.PI / 180;
+  return { x: Ye + n * Math.cos(l), y: Xe - n * Math.sin(l) };
+}, Fe = (e, n, l = te) => {
+  const s = ne(e, l), c = ne(n, l), a = Math.abs(n - e) > 180 ? 1 : 0, i = n < e ? 1 : 0;
+  return `M ${s.x.toFixed(2)} ${s.y.toFixed(2)} A ${l} ${l} 0 ${a} ${i} ${c.x.toFixed(2)} ${c.y.toFixed(2)}`;
+};
+function ts({
+  value: e,
+  min: n = 0,
+  max: l,
+  unit: s,
+  zones: c,
+  target: a,
+  label: i,
+  ariaLabel: h,
+  tone: d = "accent",
+  className: g
+}) {
+  const r = Number.isFinite(e) ? Math.min(l, Math.max(n, e)) : n, _ = J(r, n, l), o = ne(_, te - 12), m = c ? [...c].sort((f, x) => f.upTo - x.upTo) : [], b = m.find((f) => r <= f.upTo), p = `${ge(r, s)}${b?.label ? `, ${b.label}` : ""}`;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: k("tcl-gauge", g),
+      role: "meter",
+      "aria-valuenow": Math.round(r * 100) / 100,
+      "aria-valuemin": n,
+      "aria-valuemax": l,
+      "aria-valuetext": p,
+      "aria-label": h ?? i,
+      children: [
+        /* @__PURE__ */ u("div", { className: "tcl-gauge__dial", children: [
+          /* @__PURE__ */ u("svg", { className: "tcl-gauge__svg", viewBox: `0 0 ${Kn} ${Un}`, "aria-hidden": "true", children: [
+            /* @__PURE__ */ t(
+              "path",
+              {
+                className: "tcl-gauge__track",
+                d: Fe(J(n, n, l), J(l, n, l))
+              }
+            ),
+            m.length > 0 ? m.map((f, x) => {
+              const v = Math.min(x === 0 ? n : m[x - 1].upTo, l);
+              return /* @__PURE__ */ t(
+                "path",
+                {
+                  className: "tcl-gauge__zone",
+                  d: Fe(J(v, n, l), J(Math.min(f.upTo, l), n, l)),
+                  style: { stroke: f.color ?? R(f.tone ?? "neutral") }
+                },
+                x
+              );
+            }) : /* @__PURE__ */ t(
+              "path",
+              {
+                className: "tcl-gauge__zone",
+                d: Fe(J(n, n, l), _),
+                style: { stroke: R(d) }
+              }
+            ),
+            a && /* @__PURE__ */ t(
+              "line",
+              {
+                className: "tcl-gauge__target",
+                x1: ne(J(a.value, n, l), te + 9).x,
+                y1: ne(J(a.value, n, l), te + 9).y,
+                x2: ne(J(a.value, n, l), te - 17).x,
+                y2: ne(J(a.value, n, l), te - 17).y
+              }
+            ),
+            /* @__PURE__ */ u("g", { className: "tcl-gauge__needle", children: [
+              /* @__PURE__ */ t("line", { x1: Ye, y1: Xe, x2: o.x, y2: o.y, vectorEffect: "non-scaling-stroke" }),
+              /* @__PURE__ */ t("circle", { cx: Ye, cy: Xe, r: 5 })
+            ] })
+          ] }),
+          /* @__PURE__ */ u("div", { className: "tcl-gauge__readout", children: [
+            /* @__PURE__ */ u("span", { className: "tcl-gauge__value", children: [
+              Math.round(r * 100) / 100,
+              s && /* @__PURE__ */ t("span", { className: "tcl-gauge__unit", children: s })
+            ] }),
+            i && /* @__PURE__ */ t("span", { className: "tcl-gauge__label", children: i })
+          ] })
+        ] }),
+        a && /* @__PURE__ */ u("p", { className: "tcl-gauge__target-label", children: [
+          "target ",
+          a.label ?? ge(a.value, s)
+        ] }),
+        /* @__PURE__ */ u("div", { className: "tcl-gauge__scale", "aria-hidden": "true", children: [
+          /* @__PURE__ */ t("span", { children: ge(n, s) }),
+          /* @__PURE__ */ t("span", { children: ge(l, s) })
+        ] })
+      ]
+    }
+  );
+}
+const ot = ["accent", "info", "success", "warning", "danger", "neutral"], Be = (e, n) => e.id ?? `s${n}`, dt = (e, n) => e.color ?? R(e.tone ?? ot[n % ot.length]), Ne = (e, n) => `${Math.round(e * 100) / 100}${n ?? ""}`, Lt = 54, ut = 2 * Math.PI * Lt;
+function ns({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  size: c = 160,
+  className: a
+}) {
+  const [i, h] = A(l), d = n ?? i, g = (y) => {
+    n === void 0 && h(y), s?.(y);
+  }, { segments: r, unit: _ } = e, o = B(
+    () => r.reduce((y, w) => y + Math.max(0, w.value), 0),
+    [r]
+  ), m = r.findIndex((y, w) => Be(y, w) === d), b = m >= 0 ? r[m] : void 0, p = (y) => o > 0 ? Math.round(100 * Math.max(0, y) / o) : 0;
+  let f = 0;
+  const x = r.map((y, w) => {
+    const N = o > 0 ? Math.max(0, y.value) / o : 0, C = ut * N, I = { id: Be(y, w), len: C, offset: -f, color: dt(y, w) };
+    return f += C, I;
+  }), v = b ? Ne(Math.max(0, b.value), _) : e.centerValue ?? Ne(o, _), $ = b ? `${p(b.value)}%` : e.centerLabel ?? "total";
+  return /* @__PURE__ */ u("div", { className: k("tcl-donut", a), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-donut__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-donut__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-donut__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-donut__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-donut__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "tcl-donut__body", children: [
+      /* @__PURE__ */ u("div", { className: "tcl-donut__ring", style: { width: c, height: c }, children: [
+        /* @__PURE__ */ t("svg", { viewBox: "0 0 160 160", "aria-hidden": "true", children: /* @__PURE__ */ t("g", { transform: "rotate(-90 80 80)", children: x.map((y, w) => /* @__PURE__ */ t(
+          "circle",
+          {
+            className: k(
+              "tcl-donut__seg",
+              b && y.id !== d && "is-dim",
+              y.id === d && "is-selected"
+            ),
+            cx: 80,
+            cy: 80,
+            r: Lt,
+            strokeDasharray: `${y.len.toFixed(2)} ${(ut - y.len).toFixed(2)}`,
+            strokeDashoffset: y.offset.toFixed(2),
+            style: { stroke: y.color }
+          },
+          w
+        )) }) }),
+        /* @__PURE__ */ u("div", { className: "tcl-donut__center", children: [
+          /* @__PURE__ */ t("span", { className: "tcl-donut__center-value", children: v }),
+          /* @__PURE__ */ t("span", { className: "tcl-donut__center-label", children: $ })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "tcl-donut__legend", role: "group", "aria-label": e.title ?? "Segments", children: r.map((y, w) => {
+        const N = Be(y, w), C = N === d;
+        return /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            className: k("tcl-donut__legend-item", C && "is-selected"),
+            "aria-pressed": C,
+            "aria-label": `${y.label}: ${Ne(Math.max(0, y.value), _)}, ${p(y.value)}%`,
+            onClick: () => g(N),
+            children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "tcl-donut__swatch",
+                  style: L({ "--seg": dt(y, w) }),
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "tcl-donut__legend-label", children: y.label }),
+              /* @__PURE__ */ u("span", { className: "tcl-donut__legend-pct", children: [
+                p(y.value),
+                "%"
+              ] })
+            ]
+          },
+          w
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "tcl-donut__inspector", "aria-live": "polite", children: b ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-donut__inspector-title", children: [
+        b.label,
+        /* @__PURE__ */ u("span", { className: "tcl-donut__inspector-value", children: [
+          " · ",
+          Ne(Math.max(0, b.value), _),
+          " · ",
+          p(b.value),
+          "%"
+        ] })
+      ] }),
+      b.note && /* @__PURE__ */ t("p", { className: "tcl-donut__inspector-note", children: b.note })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-donut__inspector-hint", children: "Select a segment to inspect its share." }) })
+  ] });
+}
+const ce = (e, n) => `${Math.round(e * 100) / 100}${n ?? ""}`;
+function ls({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  className: c
+}) {
+  const [a, i] = A(l), h = n ?? a, d = ($) => {
+    n === void 0 && i($), s?.($);
+  }, { columns: g, rows: r, unit: _, stops: o, tone: m = "accent" } = e, [b, p] = B(() => {
+    const $ = r.flatMap((N) => N.cells).filter((N) => N != null && Number.isFinite(N)), y = $.length ? Math.min(...$) : 0, w = $.length ? Math.max(...$) : 1;
+    return [e.min ?? y, e.max ?? w];
+  }, [r, e.min, e.max]), f = B(
+    () => o ? [...o].sort(($, y) => $.at - y.at) : null,
+    [o]
+  ), x = ($) => {
+    if (f) {
+      let N = f[0];
+      for (const C of f) $ >= C.at && (N = C);
+      return N.color ?? R(N.tone ?? "accent");
+    }
+    const w = 15 + Z($, b, p) / 100 * 85;
+    return `color-mix(in oklab, ${R(m)} ${w.toFixed(1)}%, var(--tcl-surface-sunken))`;
+  }, v = B(() => {
+    if (!h) return;
+    const [$, y] = h.split("#").map(Number);
+    if (!Number.isInteger($) || !Number.isInteger(y)) return;
+    const w = r[$], N = w?.cells[y];
+    if (!(!w || y < 0 || y >= g.length || N == null || !Number.isFinite(N)))
+      return { row: w, col: g[y], value: N, ri: $, ci: y };
+  }, [h, r, g]);
+  return /* @__PURE__ */ u("div", { className: k("tcl-heatmap", c), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-heatmap__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-heatmap__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-heatmap__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-heatmap__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-heatmap__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: "tcl-heatmap__grid",
+        role: "group",
+        "aria-label": e.title ?? "Heatmap",
+        style: { gridTemplateColumns: `auto repeat(${g.length}, minmax(0, 1fr))` },
+        children: [
+          /* @__PURE__ */ t("span", { className: "tcl-heatmap__corner", "aria-hidden": "true" }),
+          g.map(($, y) => /* @__PURE__ */ t("span", { className: "tcl-heatmap__colhead", "aria-hidden": "true", title: $, children: $ }, `c-${y}`)),
+          r.map(($, y) => /* @__PURE__ */ u(Ot, { children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: "tcl-heatmap__rowhead",
+                "aria-hidden": "true",
+                title: $.sub ? `${$.label} · ${$.sub}` : $.label,
+                children: $.label
+              }
+            ),
+            g.map((w, N) => {
+              const C = $.cells[N];
+              if (C == null || !Number.isFinite(C))
+                return /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: "tcl-heatmap__cell tcl-heatmap__cell--empty",
+                    "aria-hidden": "true",
+                    title: `${$.label}, ${w}: no data`
+                  },
+                  `cell-${y}-${N}`
+                );
+              const I = `${y}#${N}`, D = I === h;
+              return /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: k("tcl-heatmap__cell", D && "is-selected"),
+                  style: { background: x(C) },
+                  "aria-pressed": D,
+                  "aria-label": `${$.label}, ${w}: ${ce(C, _)}`,
+                  onClick: () => d(I),
+                  children: e.showValues && /* @__PURE__ */ t("span", { className: "tcl-heatmap__cell-value", children: ce(C, _) })
+                },
+                `cell-${y}-${N}`
+              );
+            })
+          ] }, `r-${y}`))
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "tcl-heatmap__scale", "aria-hidden": "true", children: f ? f.map(($, y) => /* @__PURE__ */ u("span", { className: "tcl-heatmap__scale-stop", children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "tcl-heatmap__scale-swatch",
+          style: L({ "--sw": $.color ?? R($.tone ?? "accent") })
+        }
+      ),
+      $.label ?? `≥ ${ce($.at, _)}`
+    ] }, y)) : /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ t("span", { children: ce(b, _) }),
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "tcl-heatmap__scale-gradient",
+          style: L({
+            "--g0": `color-mix(in oklab, ${R(m)} 15%, var(--tcl-surface-sunken))`,
+            "--g1": R(m)
+          })
+        }
+      ),
+      /* @__PURE__ */ t("span", { children: ce(p, _) })
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "tcl-heatmap__inspector", "aria-live": "polite", children: v ? /* @__PURE__ */ u("p", { className: "tcl-heatmap__inspector-title", children: [
+      v.row.label,
+      v.row.sub && /* @__PURE__ */ u("span", { className: "tcl-heatmap__inspector-sub", children: [
+        " · ",
+        v.row.sub
+      ] }),
+      /* @__PURE__ */ u("span", { className: "tcl-heatmap__inspector-value", children: [
+        " · ",
+        v.col,
+        " · ",
+        ce(v.value, _)
+      ] })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-heatmap__inspector-hint", children: "Select a cell to inspect its value." }) })
+  ] });
+}
+const ht = (e, n) => e.id ?? `s${n}`, ye = (e, n) => `${Math.round(e * 100) / 100}${n ?? ""}`, Rt = (e, n) => n > 0 ? Math.round(100 * e / n) : 0, Oe = (e, n) => Math.min(100, Rt(e, n));
+function ss({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  className: c
+}) {
+  const [a, i] = A(l), h = n ?? a, d = (x) => {
+    n === void 0 && i(x), s?.(x);
+  }, { stages: g, unit: r } = e, _ = B(() => Math.max(0, g[0]?.value ?? 0), [g]), o = g[0]?.label ?? "top", m = B(
+    () => Math.max(_, 0, ...g.map((x) => Math.max(0, x.value))),
+    [g, _]
+  ), b = g.findIndex((x, v) => ht(x, v) === h), p = b >= 0 ? g[b] : void 0, f = b > 0 ? g[b - 1] : void 0;
+  return /* @__PURE__ */ u("div", { className: k("tcl-funnel", c), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-funnel__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-funnel__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-funnel__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-funnel__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-funnel__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "tcl-funnel__stages", role: "group", "aria-label": e.title ?? "Funnel", children: g.map((x, v) => {
+      const $ = ht(x, v), y = Math.max(0, x.value), w = Z(y, 0, m), N = Oe(y, _), C = $ === h, I = x.color ?? R(x.tone ?? "accent");
+      return /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: k("tcl-funnel__stage", C && "is-selected"),
+          "aria-pressed": C,
+          "aria-label": `${x.label}: ${ye(y, r)}, ${N}% of ${o}`,
+          onClick: () => d($),
+          children: [
+            /* @__PURE__ */ t("span", { className: "tcl-funnel__label", title: x.label, children: x.label }),
+            /* @__PURE__ */ t("span", { className: "tcl-funnel__track", children: /* @__PURE__ */ t(
+              "span",
+              {
+                className: "tcl-funnel__bar",
+                style: L({ "--pct": `${w}%`, "--bar-color": I })
+              }
+            ) }),
+            /* @__PURE__ */ u("span", { className: "tcl-funnel__readout", children: [
+              /* @__PURE__ */ t("span", { className: "tcl-funnel__value", children: ye(y, r) }),
+              /* @__PURE__ */ u("span", { className: "tcl-funnel__conv", children: [
+                N,
+                "%"
+              ] })
+            ] })
+          ]
+        },
+        $
+      );
+    }) }),
+    /* @__PURE__ */ t("div", { className: "tcl-funnel__inspector", "aria-live": "polite", children: p ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-funnel__inspector-title", children: [
+        p.label,
+        /* @__PURE__ */ u("span", { className: "tcl-funnel__inspector-value", children: [
+          " · ",
+          ye(Math.max(0, p.value), r),
+          " ·",
+          " ",
+          Oe(Math.max(0, p.value), _),
+          "% of ",
+          o
+        ] })
+      ] }),
+      f && /* @__PURE__ */ t("p", { className: "tcl-funnel__inspector-drop", children: (() => {
+        const x = Math.max(0, p.value), v = Math.max(0, f.value), $ = v - x;
+        return $ > 0 ? `Down ${ye($, r)} (${Rt($, v)}%) from ${f.label}` : `No drop from ${f.label} (${Oe(x, v)}% retained)`;
+      })() }),
+      p.note && /* @__PURE__ */ t("p", { className: "tcl-funnel__inspector-note", children: p.note })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-funnel__inspector-hint", children: "Select a stage to inspect its conversion." }) })
+  ] });
+}
+const mt = ["accent", "info", "success", "warning", "danger", "neutral"], Gn = {
+  accent: "var(--tcl-accent-fg)",
+  info: "var(--tcl-status-info-fg)",
+  success: "var(--tcl-status-success-fg)",
+  warning: "var(--tcl-status-warning-fg)",
+  danger: "var(--tcl-status-danger-fg)",
+  neutral: "var(--tcl-status-neutral-fg)"
+}, Zn = (e, n) => e.id ?? `s${n}`, qn = (e, n) => e.tone ?? mt[n % mt.length], Pe = (e, n) => `${Math.round(e * 100) / 100}${n ?? ""}`, re = 600, ie = 400, Jn = 66, Qn = 38;
+function el(e) {
+  const n = [];
+  let l = 0, s = 0, c = re, a = ie, i = [];
+  const h = e.slice(), d = (r, _) => {
+    const o = r.reduce((p, f) => p + f.area, 0);
+    if (o <= 0 || _ <= 0) return 1 / 0;
+    const m = o / _;
+    let b = 0;
+    for (const p of r) {
+      const f = p.area / m;
+      if (f <= 0) return 1 / 0;
+      b = Math.max(b, m / f, f / m);
+    }
+    return b;
+  }, g = (r, _) => {
+    const m = r.reduce((p, f) => p + f.area, 0) / _;
+    let b = 0;
+    for (const p of r) {
+      const f = m > 0 ? p.area / m : 0;
+      c >= a ? n.push({ ...p, x: l, y: s + b, w: m, h: f }) : n.push({ ...p, x: l + b, y: s, w: f, h: m }), b += f;
+    }
+    c >= a ? (l += m, c -= m) : (s += m, a -= m);
+  };
+  for (; h.length; ) {
+    const r = Math.min(c, a), _ = h.shift();
+    if (!i.length) {
+      i.push(_);
+      continue;
+    }
+    d([...i, _], r) <= d(i, r) ? i.push(_) : (g(i, r), i = [_]);
+  }
+  return i.length && g(i, Math.min(c, a)), n;
+}
+function cs({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  className: c
+}) {
+  const [a, i] = A(l), h = n ?? a, d = (p) => {
+    n === void 0 && i(p), s?.(p);
+  }, { nodes: g, unit: r } = e, { cells: _, total: o } = B(() => {
+    const p = g.map((v, $) => ({ node: v, i: $ })).filter(({ node: v }) => Number.isFinite(v.value) && v.value > 0), f = p.reduce((v, { node: $ }) => v + $.value, 0);
+    if (f <= 0) return { cells: [], total: 0 };
+    const x = p.map(({ node: v, i: $ }) => ({
+      id: Zn(v, $),
+      i: $,
+      node: v,
+      area: v.value / f * re * ie
+    }));
+    return { cells: el(x), total: f };
+  }, [g]), m = (p) => o > 0 ? Math.round(100 * p / o) : 0, b = _.find((p) => p.id === h)?.node;
+  return /* @__PURE__ */ u("div", { className: k("tcl-treemap", c), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-treemap__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-treemap__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-treemap__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-treemap__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-treemap__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "tcl-treemap__plot",
+        role: "group",
+        "aria-label": e.title ?? "Treemap",
+        style: { aspectRatio: `${re} / ${ie}` },
+        children: _.length === 0 ? /* @__PURE__ */ t("p", { className: "tcl-treemap__empty", children: "No data in range" }) : _.map((p) => {
+          const f = p.id === h, x = p.x / re * 100, v = p.y / ie * 100, $ = Math.min(p.w, re - p.x) / re * 100, y = Math.min(p.h, ie - p.y) / ie * 100, w = p.w >= Jn && p.h >= Qn, N = qn(p.node, p.i), C = p.node.color ? "var(--tcl-text)" : Gn[N];
+          return /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: k("tcl-treemap__cell", f && "is-selected"),
+              style: L({
+                "--cell": p.node.color ?? R(N),
+                "--cell-fg": C,
+                "--cell-halo": p.node.color ? "0 0 2px var(--tcl-bg), 0 1px 1px var(--tcl-bg)" : "none",
+                left: `${x}%`,
+                top: `${v}%`,
+                width: `${$}%`,
+                height: `${y}%`
+              }),
+              "aria-pressed": f,
+              "aria-label": `${p.node.label}: ${Pe(p.node.value, r)}, ${m(p.node.value)}% of total`,
+              onClick: () => d(p.id),
+              children: w && /* @__PURE__ */ u("span", { className: "tcl-treemap__cell-text", children: [
+                /* @__PURE__ */ t("span", { className: "tcl-treemap__cell-label", children: p.node.label }),
+                /* @__PURE__ */ t("span", { className: "tcl-treemap__cell-value", children: Pe(p.node.value, r) })
+              ] })
+            },
+            p.id
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "tcl-treemap__inspector", "aria-live": "polite", children: b ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-treemap__inspector-title", children: [
+        b.label,
+        b.sub && /* @__PURE__ */ u("span", { className: "tcl-treemap__inspector-sub", children: [
+          " · ",
+          b.sub
+        ] }),
+        /* @__PURE__ */ u("span", { className: "tcl-treemap__inspector-value", children: [
+          " · ",
+          Pe(b.value, r),
+          " · ",
+          m(b.value),
+          "%"
+        ] })
+      ] }),
+      b.note && /* @__PURE__ */ t("p", { className: "tcl-treemap__inspector-note", children: b.note })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-treemap__inspector-hint", children: "Select a cell to inspect its share." }) })
+  ] });
+}
+const tl = (e, n) => e.id ?? `l${n}`, nl = (e, n) => e.id ?? `s${n}`, ll = {
+  human: "info",
+  ai: "accent",
+  system: "neutral",
+  tool: "warning",
+  neutral: "neutral"
+}, pt = {
+  done: { tone: "success", word: "Done" },
+  active: { tone: "accent", word: "Active" },
+  pending: { tone: "neutral", word: "Pending" },
+  blocked: { tone: "danger", word: "Blocked" },
+  skipped: { tone: "neutral", word: "Skipped" }
+}, ft = 168, ze = 140, de = 88, we = 60, je = 14;
+function sl(e) {
+  const n = e.lanes ?? [], l = e.steps ?? [], s = n.map((r, _) => ({ id: tl(r, _), lane: r, row: _ })), c = /* @__PURE__ */ new Map();
+  s.forEach(({ id: r, lane: _, row: o }) => {
+    c.set(r, o), c.set(_.label, o);
+  });
+  let a = 0;
+  const i = [];
+  l.forEach((r, _) => {
+    const o = c.get(r.lane);
+    if (o === void 0) return;
+    const m = Math.max(0, Number.isFinite(r.col) ? r.col : a);
+    a = Math.max(a, m + 1), i.push({
+      id: nl(r, _),
+      i: _,
+      step: r,
+      laneLabel: s[o].lane.label,
+      row: o,
+      col: m,
+      x: je + m * ft,
+      y: o * de + (de - we) / 2
+    });
+  });
+  const h = new Map(i.map((r) => [r.id, r])), d = [];
+  i.forEach((r, _) => {
+    const o = i[_ + 1], m = r.step.to ?? (o ? [o.id] : []), b = /* @__PURE__ */ new Set();
+    m.forEach((p) => {
+      if (p === r.id || b.has(p)) return;
+      b.add(p);
+      const f = h.get(p);
+      if (!f) return;
+      const x = r.x + ze, v = r.y + we / 2, $ = f.x, y = f.y + we / 2, w = Math.max(24, Math.abs($ - x) * 0.5);
+      d.push({
+        key: `${r.id}->${f.id}`,
+        from: r.id,
+        to: f.id,
+        d: `M ${x} ${v} C ${x + w} ${v}, ${$ - w} ${y}, ${$} ${y}`,
+        ax: $,
+        ay: y
+      });
+    });
+  });
+  const g = i.reduce((r, _) => Math.max(r, _.col), 0);
+  return {
+    lanes: s,
+    steps: i,
+    edges: d,
+    width: je + g * ft + ze + je,
+    height: Math.max(1, s.length) * de
+  };
+}
+function as({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  className: c
+}) {
+  const [a, i] = A(l), h = n ?? a, d = (v) => {
+    n === void 0 && i(v), s?.(v);
+  }, g = B(() => sl(e), [e]), { lanes: r, steps: _, edges: o, width: m, height: b } = g, p = _.find((v) => v.id === h), f = p ? o.filter((v) => v.from === p.id).map((v) => _.find(($) => $.id === v.to)) : [], x = _.length > 0;
+  return /* @__PURE__ */ u("div", { className: k("tcl-swimlane", c), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-swimlane__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-swimlane__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-swimlane__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-swimlane__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-swimlane__caption", children: e.caption })
+    ] }),
+    x ? /* @__PURE__ */ u("div", { className: "tcl-swimlane__board", children: [
+      /* @__PURE__ */ t("div", { className: "tcl-swimlane__lanes", "aria-hidden": "true", children: r.map(({ id: v, lane: $ }) => {
+        const y = ll[$.kind ?? "neutral"];
+        return /* @__PURE__ */ u(
+          "div",
+          {
+            className: "tcl-swimlane__lane-head",
+            style: L({ "--lane-tone": R(y), height: `${de}px` }),
+            children: [
+              /* @__PURE__ */ t("span", { className: "tcl-swimlane__lane-dot" }),
+              /* @__PURE__ */ t("span", { className: "tcl-swimlane__lane-label", children: $.label }),
+              $.kind && $.kind !== "neutral" && /* @__PURE__ */ t("span", { className: "tcl-swimlane__lane-kind", children: $.kind })
+            ]
+          },
+          v
+        );
+      }) }),
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: "tcl-swimlane__track",
+          style: L({ width: `${m}px`, height: `${b}px` }),
+          children: [
+            r.map(({ id: v, row: $ }) => /* @__PURE__ */ t(
+              "div",
+              {
+                className: k("tcl-swimlane__stripe", $ % 2 === 1 && "is-alt"),
+                style: L({ top: `${$ * de}px`, height: `${de}px` }),
+                "aria-hidden": "true"
+              },
+              v
+            )),
+            /* @__PURE__ */ t(
+              "svg",
+              {
+                className: "tcl-swimlane__edges",
+                width: m,
+                height: b,
+                viewBox: `0 0 ${m} ${b}`,
+                "aria-hidden": "true",
+                children: o.map((v) => {
+                  const $ = h != null && (v.from === h || v.to === h);
+                  return /* @__PURE__ */ u("g", { className: k("tcl-swimlane__edge", $ && "is-active"), children: [
+                    /* @__PURE__ */ t("path", { className: "tcl-swimlane__edge-line", d: v.d }),
+                    /* @__PURE__ */ t(
+                      "path",
+                      {
+                        className: "tcl-swimlane__edge-arrow",
+                        d: `M ${v.ax} ${v.ay} L ${v.ax - 7} ${v.ay - 4} L ${v.ax - 7} ${v.ay + 4} Z`
+                      }
+                    )
+                  ] }, v.key);
+                })
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "tcl-swimlane__steps", role: "group", "aria-label": e.title ?? "Swimlane", children: _.map((v) => {
+              const $ = v.step.status ?? "pending", y = pt[$], w = v.id === h;
+              return /* @__PURE__ */ u(
+                "button",
+                {
+                  type: "button",
+                  className: k(
+                    "tcl-swimlane__step",
+                    `is-${$}`,
+                    w && "is-selected"
+                  ),
+                  style: L({
+                    "--step-tone": R(y.tone),
+                    left: `${v.x}px`,
+                    top: `${v.y}px`,
+                    width: `${ze}px`,
+                    height: `${we}px`
+                  }),
+                  "aria-pressed": w,
+                  "aria-label": `${v.laneLabel}: ${v.step.label} — ${y.word}`,
+                  onClick: () => d(v.id),
+                  children: [
+                    /* @__PURE__ */ u("span", { className: "tcl-swimlane__step-top", children: [
+                      /* @__PURE__ */ t("span", { className: "tcl-swimlane__step-dot", "aria-hidden": "true" }),
+                      /* @__PURE__ */ t("span", { className: "tcl-swimlane__step-label", title: v.step.label, children: v.step.label })
+                    ] }),
+                    v.step.detail && /* @__PURE__ */ t("span", { className: "tcl-swimlane__step-detail", children: v.step.detail })
+                  ]
+                },
+                v.id
+              );
+            }) })
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-swimlane__empty", children: "No steps to lay out" }),
+    /* @__PURE__ */ t("div", { className: "tcl-swimlane__inspector", "aria-live": "polite", children: p ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-swimlane__inspector-title", children: [
+        /* @__PURE__ */ t("span", { className: "tcl-swimlane__inspector-lane", children: p.laneLabel }),
+        " · ",
+        p.step.label,
+        /* @__PURE__ */ u("span", { className: "tcl-swimlane__inspector-status", children: [
+          " · ",
+          pt[p.step.status ?? "pending"].word
+        ] })
+      ] }),
+      p.step.note && /* @__PURE__ */ t("p", { className: "tcl-swimlane__inspector-note", children: p.step.note }),
+      f.length > 0 && /* @__PURE__ */ u("p", { className: "tcl-swimlane__inspector-handoff", children: [
+        "Hands off to",
+        " ",
+        f.filter((v) => v != null).map((v) => `${v.laneLabel} · ${v.step.label}`).join(", ")
+      ] })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-swimlane__inspector-hint", children: "Select a step to inspect its handoff." }) })
+  ] });
+}
+const At = {
+  succeeded: { tone: "success", word: "Succeeded" },
+  failed: { tone: "danger", word: "Failed" },
+  running: { tone: "accent", word: "Running" },
+  cancelled: { tone: "warning", word: "Cancelled" },
+  partial: { tone: "warning", word: "Partial" },
+  queued: { tone: "neutral", word: "Queued" }
+}, He = {
+  done: { tone: "success", word: "done" },
+  active: { tone: "accent", word: "active" },
+  blocked: { tone: "danger", word: "blocked" },
+  pending: { tone: "neutral", word: "pending" },
+  skipped: { tone: "neutral", word: "skipped" }
+}, cl = ["done", "active", "blocked", "pending", "skipped"], al = {
+  pr: "accent",
+  deploy: "success",
+  doc: "info",
+  dataset: "info",
+  log: "neutral",
+  link: "neutral"
+}, rl = 8, il = (e, n) => e.id ?? `r${n}`, ol = (e, n) => e.id ?? `o${n}`;
+function ke(e) {
+  const n = e instanceof Date ? e.getTime() : typeof e == "number" ? e : Date.parse(e);
+  return Number.isFinite(n) ? n : null;
+}
+function dl(e) {
+  const n = ke(e);
+  return n == null ? typeof e == "string" ? e : void 0 : new Date(n).toISOString();
+}
+function ul(e, n) {
+  const l = ke(e);
+  if (l == null) return "";
+  const s = n - l >= 0, c = Math.round(Math.abs(n - l) / 1e3);
+  if (c < 45) return "just now";
+  const a = Math.round(c / 60);
+  if (a < 60) return s ? `${a}m ago` : `in ${a}m`;
+  const i = Math.round(a / 60);
+  if (i < 24) return s ? `${i}h ago` : `in ${i}h`;
+  const h = Math.round(i / 24);
+  return h === 1 ? s ? "yesterday" : "tomorrow" : h < 7 ? s ? `${h}d ago` : `in ${h}d` : new Date(l).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function Dt(e) {
+  if (e == null || !Number.isFinite(e) || e < 0) return "—";
+  const n = Math.round(e / 1e3);
+  if (n < 60) return `${n}s`;
+  const l = Math.floor(n / 60), s = n % 60;
+  if (l < 60) return s ? `${l}m ${s}s` : `${l}m`;
+  const c = Math.floor(l / 60), a = l % 60;
+  return a ? `${c}h ${a}m` : `${c}h`;
+}
+function Ft(e) {
+  const n = e.tally ?? {};
+  if (!e.tally && e.stepOutcomes)
+    for (const l of e.stepOutcomes) n[l.status] = (n[l.status] ?? 0) + 1;
+  return cl.filter((l) => (n[l] ?? 0) > 0).map((l) => [l, n[l]]);
+}
+function hl(e) {
+  return Ft(e).reduce((n, [, l]) => n + l, 0);
+}
+function rs({
+  data: e,
+  selectedRunId: n,
+  defaultSelectedRunId: l,
+  onSelectRun: s,
+  density: c = "comfortable",
+  className: a
+}) {
+  const [i, h] = A(l), d = n ?? i, g = (f) => {
+    n === void 0 && h(f), s?.(f);
+  }, [r, _] = A({ column: "started", direction: "desc" }), o = B(
+    () => (e.runs ?? []).map((f, x) => ({ run: f, id: il(f, x) })),
+    [e.runs]
+  ), m = B(() => {
+    const f = r.direction === "asc" ? 1 : -1;
+    return [...o].sort((x, v) => {
+      if (r.column === "duration") {
+        const $ = x.run.durationMs, y = v.run.durationMs;
+        return $ == null && y == null ? 0 : $ == null ? 1 : y == null ? -1 : ($ - y) * f;
+      }
+      return ((ke(x.run.startedAt) ?? 0) - (ke(v.run.startedAt) ?? 0)) * f;
+    });
+  }, [o, r]), b = o.find((f) => f.id === d)?.run, p = Date.now();
+  return /* @__PURE__ */ u("div", { className: k("tcl-run-history", a), children: [
+    (e.code || e.title || e.caption || e.brand) && /* @__PURE__ */ u("header", { className: "tcl-run-history__header", children: [
+      e.brand && /* @__PURE__ */ t("p", { className: "tcl-run-history__brand", children: e.brand }),
+      e.code && /* @__PURE__ */ t("p", { className: "tcl-run-history__code", children: e.code }),
+      e.title && /* @__PURE__ */ t("p", { className: "tcl-run-history__title", children: e.title }),
+      e.caption && /* @__PURE__ */ t("p", { className: "tcl-run-history__caption", children: e.caption })
+    ] }),
+    /* @__PURE__ */ u(
+      P,
+      {
+        density: c,
+        sortDescriptor: r,
+        onSortChange: _,
+        "aria-label": e.title ?? "Run history",
+        children: [
+          /* @__PURE__ */ t(P.Head, { children: /* @__PURE__ */ u(P.Row, { children: [
+            /* @__PURE__ */ t(P.HeaderCell, { children: "Run" }),
+            /* @__PURE__ */ t(P.HeaderCell, { sortKey: "started", children: "Started" }),
+            /* @__PURE__ */ t(P.HeaderCell, { sortKey: "duration", align: "end", children: "Duration" }),
+            /* @__PURE__ */ t(P.HeaderCell, { children: "Steps" }),
+            /* @__PURE__ */ t(P.HeaderCell, { align: "end", children: "Outputs" })
+          ] }) }),
+          /* @__PURE__ */ t(P.Body, { children: m.length === 0 ? /* @__PURE__ */ t(P.Empty, { colSpan: 5, children: "No runs yet" }) : m.map(({ run: f, id: x }) => {
+            const v = At[f.status], $ = x === d, y = f.label ?? x, w = ul(f.startedAt, p), N = Dt(f.durationMs), C = Ft(f), I = f.outputs?.length ?? 0, D = C.length > 0 ? C.map(([O, E]) => `${E} ${He[O].word}`).join(", ") : "no step detail";
+            return /* @__PURE__ */ u(
+              P.Row,
+              {
+                rowKey: x,
+                onClick: () => g(x),
+                className: k($ && "is-run-selected"),
+                children: [
+                  /* @__PURE__ */ t(P.Cell, { children: /* @__PURE__ */ u("span", { className: "tcl-run-history__run", children: [
+                    /* @__PURE__ */ t(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: k(
+                          "tcl-run-history__status",
+                          f.status === "running" && "is-running"
+                        ),
+                        children: /* @__PURE__ */ t(kt, { tone: v.tone, dot: !0, variant: "soft", size: "sm", children: v.word })
+                      }
+                    ),
+                    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "tcl-run-history__run-label", children: y }),
+                    /* @__PURE__ */ u("span", { className: "tcl-run-history__sr", children: [
+                      v.word,
+                      " ",
+                      y,
+                      ", started ",
+                      w || "unknown",
+                      ",",
+                      " ",
+                      N === "—" ? "in progress" : N,
+                      ", ",
+                      D,
+                      ", ",
+                      I,
+                      " output",
+                      I === 1 ? "" : "s"
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ t(P.Cell, { children: /* @__PURE__ */ t("time", { className: "tcl-run-history__when", dateTime: dl(f.startedAt), children: w }) }),
+                  /* @__PURE__ */ t(P.Cell, { numeric: !0, children: N }),
+                  /* @__PURE__ */ t(P.Cell, { children: /* @__PURE__ */ t("span", { className: "tcl-run-history__steps", children: C.length === 0 ? /* @__PURE__ */ t("span", { className: "tcl-run-history__steps-none", children: "—" }) : C.map(([O, E], F) => /* @__PURE__ */ u(
+                    "span",
+                    {
+                      className: k("tcl-run-history__tally", `is-${He[O].tone}`),
+                      children: [
+                        F > 0 && /* @__PURE__ */ t("span", { className: "tcl-run-history__tally-sep", children: " · " }),
+                        E,
+                        " ",
+                        He[O].word
+                      ]
+                    },
+                    O
+                  )) }) }),
+                  /* @__PURE__ */ t(P.Cell, { numeric: !0, children: I })
+                ]
+              },
+              x
+            );
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "tcl-run-history__inspector", "aria-live": "polite", children: b ? /* @__PURE__ */ t(ml, { run: b }) : /* @__PURE__ */ t("p", { className: "tcl-run-history__inspector-hint", children: "Select a run to see its outputs and results." }) })
+  ] });
+}
+function ml({ run: e }) {
+  const n = At[e.status], l = Dt(e.durationMs), s = hl(e), c = e.outputs ?? [], a = c.slice(0, rl), i = c.length - a.length;
+  return /* @__PURE__ */ u(K, { children: [
+    /* @__PURE__ */ u("p", { className: "tcl-run-history__inspector-title", children: [
+      /* @__PURE__ */ t("span", { className: k("tcl-run-history__status", e.status === "running" && "is-running"), children: /* @__PURE__ */ t(kt, { tone: n.tone, dot: !0, variant: "soft", size: "sm", children: n.word }) }),
+      /* @__PURE__ */ t("span", { className: "tcl-run-history__inspector-label", children: e.label ?? "Run" }),
+      /* @__PURE__ */ u("span", { className: "tcl-run-history__inspector-meta", children: [
+        " · ",
+        l === "—" ? "in progress" : l,
+        s > 0 && ` · ran ${s} step${s === 1 ? "" : "s"}`,
+        e.trigger && ` · ${e.trigger}`
+      ] })
+    ] }),
+    e.note && /* @__PURE__ */ t("p", { className: "tcl-run-history__inspector-note", children: e.note }),
+    c.length > 0 ? /* @__PURE__ */ u("div", { className: "tcl-run-history__outputs", children: [
+      a.map((h, d) => /* @__PURE__ */ t(pl, { output: h }, ol(h, d))),
+      i > 0 && /* @__PURE__ */ u("span", { className: "tcl-run-history__more", children: [
+        "+",
+        i,
+        " more"
+      ] })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-run-history__no-outputs", children: "No outputs recorded for this run." })
+  ] });
+}
+function pl({ output: e }) {
+  const n = al[e.kind ?? "link"], l = k("tcl-run-history__chip", `is-${n}`);
+  return e.href ? /* @__PURE__ */ u("a", { className: l, href: e.href, children: [
+    e.label,
+    /* @__PURE__ */ t("span", { className: "tcl-run-history__chip-ext", "aria-hidden": "true", children: "↗" })
+  ] }) : /* @__PURE__ */ t("span", { className: l, children: e.label });
+}
+const fl = {
+  info: "ℹ",
+  success: "✓",
+  warning: "⚠",
+  danger: "⚠",
+  neutral: "ℹ",
+  accent: "ℹ"
+};
+function is({
+  tone: e = "info",
+  title: n,
+  icon: l,
+  onDismiss: s,
+  dismissLabel: c = "Dismiss",
+  className: a,
+  children: i,
+  ...h
+}) {
+  const d = l === void 0 ? fl[e] : l;
+  return /* @__PURE__ */ u("div", { className: k("tcl-callout", `tcl-callout--${e}`, a), ...h, children: [
+    d != null && d !== !1 && /* @__PURE__ */ t("span", { className: "tcl-callout__icon", "aria-hidden": "true", children: d }),
+    /* @__PURE__ */ u("div", { className: "tcl-callout__content", children: [
+      n != null && n !== !1 && /* @__PURE__ */ t("p", { className: "tcl-callout__title", children: n }),
+      i != null && i !== !1 && /* @__PURE__ */ t("div", { className: "tcl-callout__body", children: i })
+    ] }),
+    s && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "tcl-callout__dismiss",
+        "aria-label": c,
+        onClick: s,
+        children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "✕" })
+      }
+    )
+  ] });
+}
+function os({
+  icon: e,
+  title: n,
+  description: l,
+  pendingSource: s,
+  badge: c,
+  action: a,
+  className: i,
+  ...h
+}) {
+  const d = e === void 0 ? "∅" : e;
+  return /* @__PURE__ */ u("div", { className: k("tcl-empty", i), ...h, children: [
+    c && /* @__PURE__ */ t("span", { className: "tcl-empty__badge", children: c }),
+    d != null && d !== !1 && /* @__PURE__ */ t("span", { className: "tcl-empty__icon", "aria-hidden": "true", children: d }),
+    /* @__PURE__ */ t("p", { className: "tcl-empty__title", children: n }),
+    l != null && l !== !1 && /* @__PURE__ */ t("p", { className: "tcl-empty__description", children: l }),
+    s && /* @__PURE__ */ u("p", { className: "tcl-empty__pending", children: [
+      "Source not yet exposed: ",
+      /* @__PURE__ */ t("code", { className: "tcl-empty__source", children: s })
+    ] }),
+    a && /* @__PURE__ */ t("div", { className: "tcl-empty__action", children: a })
+  ] });
+}
+const _l = {
+  live: { tone: "success", label: "Live" },
+  stale: { tone: "warning", label: "Stale" },
+  loading: { tone: "info", label: "Loading" },
+  error: { tone: "danger", label: "Error" },
+  partial: { tone: "warning", label: "Partial" },
+  paused: { tone: "neutral", label: "Paused" }
+};
+function bl(e) {
+  return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
+}
+function ds({
+  status: e = "live",
+  statusLabel: n,
+  title: l,
+  updatedAt: s,
+  updatedLabel: c,
+  metrics: a,
+  filters: i,
+  onRemoveFilter: h,
+  removeFilterLabel: d = (p) => `Remove ${p.label} filter`,
+  onRefresh: g,
+  refreshLabel: r = "Refresh",
+  "aria-label": _ = "Data status",
+  dense: o = !1,
+  className: m,
+  ...b
+}) {
+  const p = _l[e], f = n ?? p.label, x = e === "loading", v = i != null && i.length > 0, $ = c != null && c !== !1;
+  return /* @__PURE__ */ u(
+    "section",
+    {
+      className: k(
+        "tcl-data-status-bar",
+        `tcl-data-status-bar--${p.tone}`,
+        o && "tcl-data-status-bar--dense",
+        m
+      ),
+      "aria-label": _,
+      "data-status": e,
+      ...b,
+      children: [
+        /* @__PURE__ */ u("div", { className: "tcl-data-status-bar__lead", children: [
+          l != null && l !== !1 && /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__title", children: l }),
+          /* @__PURE__ */ u("span", { className: "tcl-data-status-bar__status", children: [
+            /* @__PURE__ */ u("span", { className: "tcl-data-status-bar__signal", role: "status", "aria-live": "polite", children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: k(
+                    "tcl-data-status-bar__dot",
+                    x && "tcl-data-status-bar__dot--pulse",
+                    e === "live" && "tcl-data-status-bar__dot--beacon"
+                  ),
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__status-word", children: f })
+            ] }),
+            $ && (s != null ? /* @__PURE__ */ t("time", { className: "tcl-data-status-bar__fresh", dateTime: bl(s), children: c }) : /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__fresh", children: c }))
+          ] }),
+          a && a.length > 0 && /* @__PURE__ */ t("ul", { className: "tcl-data-status-bar__metrics", children: a.map((y, w) => /* @__PURE__ */ u("li", { className: "tcl-data-status-bar__metric", children: [
+            /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__metric-value", children: y.value }),
+            " ",
+            /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__metric-label", children: y.label })
+          ] }, y.id ?? `m${w}`)) })
+        ] }),
+        (v || g) && /* @__PURE__ */ u("div", { className: "tcl-data-status-bar__controls", children: [
+          i && i.length > 0 && /* @__PURE__ */ t("ul", { className: "tcl-data-status-bar__filters", "aria-label": "Active filters", children: i.map((y, w) => {
+            const N = y.id ?? `f${w}`, C = y.tone ?? "neutral";
+            return /* @__PURE__ */ u(
+              "li",
+              {
+                className: k(
+                  "tcl-data-status-bar__chip",
+                  `tcl-data-status-bar__chip--${C}`
+                ),
+                children: [
+                  /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__chip-label", children: y.label }),
+                  /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__chip-value", children: y.value }),
+                  h && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: "tcl-data-status-bar__chip-remove",
+                      "aria-label": d(y),
+                      onClick: () => h(N, y),
+                      children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "✕" })
+                    }
+                  )
+                ]
+              },
+              N
+            );
+          }) }),
+          g && /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              className: "tcl-data-status-bar__refresh",
+              onClick: g,
+              disabled: x,
+              "aria-busy": x || void 0,
+              children: [
+                /* @__PURE__ */ t("span", { className: "tcl-data-status-bar__refresh-icon", "aria-hidden": "true", children: "⟳" }),
+                r
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const vl = (e, n) => e.id ?? `e${n}`, _t = (e) => e === "accent" ? "var(--tcl-text)" : R(e), bt = 224, le = 196, Ce = 132, Qe = 26, vt = 6, ae = 28, et = 18, gl = le * 0.58, oe = et + Ce + Qe, We = 2 * et + 2 * Ce + 2 * Qe;
+function Nl(e) {
+  const n = e.events ?? [], l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+  (e.categories ?? []).forEach((f) => {
+    l.set(f.key, f.tone ?? "neutral"), s.set(f.key, f.label);
+  });
+  const c = n.map((f, x) => ({ event: f, i: x })).sort((f, x) => f.event.at - x.event.at || f.i - x.i), a = e.scale ?? "ordinal", i = c.map((f) => f.event.at), h = e.range?.min ?? (i.length ? Math.min(...i) : 0), d = e.range?.max ?? (i.length ? Math.max(...i) : 0), g = a === "time" && d > h, r = Math.max(0, (c.length - 1) * bt);
+  let _ = -1 / 0;
+  const o = c.map(({ event: f, i: x }, v) => {
+    const $ = g ? ae + le / 2 + Z(f.at, h, d) / 100 * r : ae + le / 2 + v * bt, y = g ? Math.max($, _ + gl) : $;
+    _ = y;
+    const w = f.tone ?? (f.category ? l.get(f.category) ?? "neutral" : "neutral"), N = f.side ?? (v % 2 === 0 ? "above" : "below");
+    return {
+      id: vl(f, x),
+      i: x,
+      event: f,
+      tone: w,
+      side: N,
+      categoryLabel: f.category ? s.get(f.category) : void 0,
+      dateText: f.dateLabel ?? String(f.at),
+      nodeX: y,
+      cardX: y - le / 2,
+      cardY: N === "above" ? et : oe + Qe
+    };
+  }), m = o.length ? o[0].nodeX : ae, b = o.length ? o[o.length - 1].nodeX : ae, p = o.length ? b + le / 2 + ae : ae * 2;
+  return { events: o, width: p, axisFrom: m, axisTo: b };
+}
+function us({
+  data: e,
+  selectedId: n,
+  defaultSelectedId: l,
+  onSelect: s,
+  className: c
+}) {
+  const [a, i] = A(l), h = n ?? a, d = (N) => {
+    n === void 0 && i(N), s?.(N);
+  }, g = B(() => Nl(e), [e]), { events: r, width: _, axisFrom: o, axisTo: m } = g, b = ee(null), p = r.findIndex((N) => N.id === h), f = p >= 0 ? r[p] : void 0, x = r.length > 0;
+  H(() => {
+    const N = b.current;
+    if (!N || !f || typeof N.scrollTo != "function") return;
+    const C = f.cardX - (N.clientWidth - le) / 2;
+    try {
+      N.scrollTo({ left: Math.max(0, C), behavior: "smooth" });
+    } catch {
+    }
+  }, [f]);
+  const v = (N) => {
+    const C = p < 0 ? N > 0 ? 0 : r.length - 1 : p + N, I = r[C];
+    I && d(I.id);
+  }, $ = e.categories ?? [], y = x && p >= 0 ? (p + 1) / r.length * 100 : 0, w = !!(e.brand || e.code || e.title || e.caption || e.meta);
+  return /* @__PURE__ */ u("div", { className: k("tcl-timeline", c), children: [
+    w && /* @__PURE__ */ u("header", { className: "tcl-timeline__header", children: [
+      e.code && /* @__PURE__ */ t("span", { className: "tcl-timeline__code", "aria-hidden": "true", children: e.code }),
+      /* @__PURE__ */ u("div", { className: "tcl-timeline__heading", children: [
+        e.brand && /* @__PURE__ */ t("p", { className: "tcl-timeline__brand", children: e.brand }),
+        e.title && /* @__PURE__ */ t("p", { className: "tcl-timeline__title", children: e.title }),
+        e.caption && /* @__PURE__ */ t("p", { className: "tcl-timeline__caption", children: e.caption })
+      ] }),
+      e.meta && /* @__PURE__ */ t("span", { className: "tcl-timeline__meta", children: e.meta })
+    ] }),
+    x ? /* @__PURE__ */ t("div", { className: "tcl-timeline__scroller", ref: b, children: /* @__PURE__ */ u(
+      "div",
+      {
+        className: "tcl-timeline__track",
+        style: L({ width: `${_}px`, height: `${We}px` }),
+        children: [
+          /* @__PURE__ */ u(
+            "svg",
+            {
+              className: "tcl-timeline__axis",
+              width: _,
+              height: We,
+              viewBox: `0 0 ${_} ${We}`,
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ t(
+                  "line",
+                  {
+                    className: "tcl-timeline__rail",
+                    x1: o,
+                    y1: oe,
+                    x2: m,
+                    y2: oe
+                  }
+                ),
+                r.map((N) => {
+                  const C = N.id === h, I = N.side === "above" ? N.cardY + Ce : oe, D = N.side === "above" ? oe : N.cardY;
+                  return /* @__PURE__ */ u(
+                    "g",
+                    {
+                      className: k("tcl-timeline__mark", C && "is-selected"),
+                      style: L({ "--event-tone": R(N.tone) }),
+                      children: [
+                        /* @__PURE__ */ t(
+                          "line",
+                          {
+                            className: "tcl-timeline__stem",
+                            x1: N.nodeX,
+                            y1: I,
+                            x2: N.nodeX,
+                            y2: D
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          "circle",
+                          {
+                            className: "tcl-timeline__node",
+                            cx: N.nodeX,
+                            cy: oe,
+                            r: C ? vt + 2 : vt
+                          }
+                        )
+                      ]
+                    },
+                    N.id
+                  );
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "tcl-timeline__events",
+              role: "group",
+              "aria-label": e.title ?? "Timeline",
+              children: r.map((N) => {
+                const C = N.id === h, I = `${N.dateText}: ${N.event.label}${N.categoryLabel ? ` — ${N.categoryLabel}` : ""}`;
+                return /* @__PURE__ */ u(
+                  "button",
+                  {
+                    type: "button",
+                    "data-event-id": N.id,
+                    className: k(
+                      "tcl-timeline__event",
+                      `is-${N.side}`,
+                      C && "is-selected"
+                    ),
+                    style: L({
+                      "--event-tone": R(N.tone),
+                      "--event-ink": _t(N.tone),
+                      left: `${N.cardX}px`,
+                      top: `${N.cardY}px`,
+                      width: `${le}px`,
+                      height: `${Ce}px`
+                    }),
+                    "aria-pressed": C,
+                    "aria-label": I,
+                    onClick: () => d(N.id),
+                    children: [
+                      /* @__PURE__ */ t("span", { className: "tcl-timeline__date", children: N.dateText }),
+                      N.event.sub && /* @__PURE__ */ t("span", { className: "tcl-timeline__sub", children: N.event.sub }),
+                      /* @__PURE__ */ t("span", { className: "tcl-timeline__label", title: N.event.label, children: N.event.label }),
+                      N.event.detail && /* @__PURE__ */ t("span", { className: "tcl-timeline__detail", children: N.event.detail }),
+                      N.categoryLabel && /* @__PURE__ */ t("span", { className: "tcl-timeline__tag", children: N.categoryLabel })
+                    ]
+                  },
+                  N.id
+                );
+              })
+            }
+          )
+        ]
+      }
+    ) }) : /* @__PURE__ */ t("p", { className: "tcl-timeline__empty", children: "No events to chronicle" }),
+    x && /* @__PURE__ */ t("div", { className: "tcl-timeline__scrubber", "aria-hidden": "true", children: /* @__PURE__ */ t(
+      "span",
+      {
+        className: "tcl-timeline__scrubber-fill",
+        style: L({ "--progress": `${y}%` })
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "tcl-timeline__inspector", "aria-live": "polite", children: f ? /* @__PURE__ */ u(K, { children: [
+      /* @__PURE__ */ u("p", { className: "tcl-timeline__inspector-title", children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "tcl-timeline__inspector-date",
+            style: L({ "--event-ink": _t(f.tone) }),
+            children: f.dateText
+          }
+        ),
+        " · ",
+        f.event.label,
+        f.categoryLabel && /* @__PURE__ */ u("span", { className: "tcl-timeline__inspector-cat", children: [
+          " · ",
+          f.categoryLabel
+        ] })
+      ] }),
+      f.event.sub && /* @__PURE__ */ t("p", { className: "tcl-timeline__inspector-sub", children: f.event.sub }),
+      f.event.note && /* @__PURE__ */ t("p", { className: "tcl-timeline__inspector-note", children: f.event.note })
+    ] }) : /* @__PURE__ */ t("p", { className: "tcl-timeline__inspector-hint", children: "Select an event to inspect it." }) }),
+    (x || $.length > 0) && /* @__PURE__ */ u("div", { className: "tcl-timeline__footer", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "tcl-timeline__nav",
+          "aria-label": "Previous event",
+          disabled: !x || p === 0,
+          onClick: () => v(-1),
+          children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "◀" })
+        }
+      ),
+      $.length > 0 && /* @__PURE__ */ t("ul", { className: "tcl-timeline__legend", children: $.map((N) => /* @__PURE__ */ u("li", { className: "tcl-timeline__legend-item", children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "tcl-timeline__legend-dot",
+            style: L({ "--event-tone": R(N.tone ?? "neutral") }),
+            "aria-hidden": "true"
+          }
+        ),
+        N.label
+      ] }, N.key)) }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "tcl-timeline__nav",
+          "aria-label": "Next event",
+          disabled: !x || p === r.length - 1,
+          onClick: () => v(1),
+          children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "▶" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Wl as Avatar,
+  kt as Badge,
+  Ql as BarChart,
+  Ut as Box,
+  Zl as Brief,
+  Qt as Button,
+  is as Callout,
+  Xl as Card,
+  It as Checkbox,
+  ds as DataStatusBar,
+  El as Dialog,
+  ns as DonutChart,
+  os as EmptyState,
+  ss as Funnel,
+  ts as Gauge,
+  ls as Heatmap,
+  Gl as Hub,
+  Ll as IconButton,
+  Il as Inline,
+  Tl as Input,
+  es as LineChart,
+  Al as Menu,
+  Kl as Meter,
+  Me as Portal,
+  nt as Pressable,
+  zl as Progress,
+  Bl as RadioGroup,
+  rs as RunHistory,
+  Fl as Select,
+  Yl as Skeleton,
+  Ke as Slot,
+  gn as Sparkline,
+  Vl as Spinner,
+  Ml as Stack,
+  Ul as Stat,
+  as as Swimlane,
+  Ol as Switch,
+  P as Table,
+  Rl as Tabs,
+  Sl as Text,
+  Dl as Textarea,
+  us as Timeline,
+  Hl as ToastProvider,
+  Pl as Tooltip,
+  cs as Treemap,
+  Kt as buildBoxStyle,
+  xt as composeRefs,
+  k as cx,
+  Jl as fromMarkdown,
+  ql as parseBrief,
+  jt as setRef,
+  wl as tokens,
+  Vt as useAffordanceState,
+  Ht as useComposedRefs,
+  Cl as useDismissable,
+  zt as useFocusTrap,
+  kl as useReducedMotion,
+  Yt as useReturnFocus,
+  jl as useToast
+};
+//# sourceMappingURL=index.js.map