@servicetitan/json-render-react 0.0.0-anvil2-kits-poc-20260717210733

package/dist/index.js

@@ -0,0 +1,2126 @@
+var nt = Object.defineProperty;
+var at = (e, t, r) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var Q = (e, t, r) => at(e, typeof t != "symbol" ? t + "" : t, r);
+import { defineCatalog as D, validateSpec as rt, getByPath as j } from "@json-render/core";
+import { useStateStore as N, defineRegistry as ot, createStateStore as it, JSONUIProvider as lt, Renderer as st } from "@json-render/react";
+import { schema as B } from "@json-render/react/schema";
+import { jsx as o, jsxs as p, Fragment as de } from "react/jsx-runtime";
+import { Card as O, Text as m, Chip as A, Dialog as P, Button as ue, ButtonCompound as ct, Icon as q, Link as _, OverflowText as dt, AiMark as ut, Alert as me, Badge as he, Flex as $, Checkbox as mt, Divider as ht, Grid as pt, TextField as ft, FieldLabel as gt, Listbox as ee, ProgressBar as V, Radio as te, Switch as bt, Textarea as vt, SkeletonText as pe, SkeletonRectangle as yt } from "@servicetitan/anvil2";
+import { IconChevronDown as Ct } from "@servicetitan/anvil2-ai-kit/icons";
+import { useState as W, useId as xt, useMemo as x, Children as U, Fragment as wt, useRef as R, useEffect as X, Component as St } from "react";
+import { core as w } from "@servicetitan/anvil2/token";
+import { createColumnHelper as kt, DataTable as Rt } from "@servicetitan/anvil2-react-beta";
+import Nt from "@servicetitan/anvil2/assets/icons/material/round/image.svg";
+import jt from "@servicetitan/anvil2/assets/icons/st/document_audio.svg";
+import Tt from "@servicetitan/anvil2/assets/icons/st/document_doc.svg";
+import Lt from "@servicetitan/anvil2/assets/icons/st/document_form.svg";
+import _t from "@servicetitan/anvil2/assets/icons/st/document_other.svg";
+import zt from "@servicetitan/anvil2/assets/icons/st/document_pdf.svg";
+import Et from "@servicetitan/anvil2/assets/icons/st/document_spreadsheet.svg";
+import Ot from "@servicetitan/anvil2/assets/icons/st/document_text.svg";
+import { primitive as Pt } from "@servicetitan/anvil2-ai-kit/tokens";
+import { z as n } from "zod";
+import * as y from "@amcharts/amcharts5";
+import * as b from "@amcharts/amcharts5/xy";
+import It from "@amcharts/amcharts5/themes/Animated";
+import { ThemeSemantic as At, ThemeCategorical as $t, ThemeMonochrome as ne } from "@servicetitan/anvil2-ext-charts/am5";
+import fe from "@servicetitan/anvil2/assets/icons/material/round/check_circle.svg";
+import ge from "@servicetitan/anvil2/assets/icons/material/round/radio_button_unchecked.svg";
+import be from "@servicetitan/anvil2/assets/icons/st/in_progress.svg";
+import * as ae from "@amcharts/amcharts5/percent";
+import { GuidanceCard as Ft } from "@servicetitan/anvil2-ai-kit";
+function Dt(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var a = r.call(e, t);
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Bt(e) {
+  var t = Dt(e, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+function Mt(e, t, r) {
+  return t = Bt(t), t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function re(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function oe(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? re(Object(r), !0).forEach(function(a) {
+      Mt(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : re(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return e;
+}
+function ie(e, t) {
+  var r = {};
+  for (var a in e)
+    r[a] = t(e[a], a);
+  return r;
+}
+var Gt = (e, t, r) => {
+  for (var a of Object.keys(e)) {
+    var i;
+    if (e[a] !== ((i = t[a]) !== null && i !== void 0 ? i : r[a]))
+      return !1;
+  }
+  return !0;
+}, T = (e) => {
+  var t = (r) => {
+    var a = e.defaultClassName, i = oe(oe({}, e.defaultVariants), r);
+    for (var l in i) {
+      var s, d = (s = i[l]) !== null && s !== void 0 ? s : e.defaultVariants[l];
+      if (d != null) {
+        var c = d;
+        typeof c == "boolean" && (c = c === !0 ? "true" : "false");
+        var u = (
+          // @ts-expect-error
+          e.variantClassNames[l][c]
+        );
+        u && (a += " " + u);
+      }
+    }
+    for (var [h, f] of e.compoundVariants)
+      Gt(h, i, e.defaultVariants) && (a += " " + f);
+    return a;
+  };
+  return t.variants = () => Object.keys(e.variantClassNames), t.classNames = {
+    get base() {
+      return e.defaultClassName.split(" ")[0];
+    },
+    get variants() {
+      return ie(e.variantClassNames, (r) => ie(r, (a) => a.split(" ")[0]));
+    }
+  }, t;
+}, Vt = "_7hazmf0", ve = "_7hazmf1", Wt = "_7hazmf2", Ut = T({ defaultClassName: "_7hazmf3", variantClassNames: { expanded: { true: "_7hazmf4", false: "_7hazmf5" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), Ht = T({ defaultClassName: "_7hazmf6", variantClassNames: { expanded: { true: "_7hazmf7", false: "_7hazmf8" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), qt = "_7hazmf9", Xt = "_7hazmfa", Yt = "_7hazmfb", Kt = T({ defaultClassName: "_7hazmfc", variantClassNames: { expanded: { true: "_7hazmfd", false: "_7hazmfe" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] });
+const M = ["success", "warning", "danger", "info", "neutral"], Jt = {
+  success: w.semantic.BackgroundColorSuccessSubdued.value,
+  warning: w.semantic.BackgroundColorWarningSubdued.value,
+  danger: w.semantic.BackgroundColorDangerSubdued.value,
+  info: w.semantic.BackgroundColorPrimarySubdued.value,
+  neutral: w.semantic.BackgroundColorSecondary.value
+};
+function ye(e = "neutral") {
+  return Jt[e];
+}
+const Zt = {
+  success: w.semantic.BackgroundColorSuccess.value,
+  warning: w.semantic.BackgroundColorWarning.value,
+  danger: w.semantic.ForegroundColorDanger.value,
+  info: w.semantic.ForegroundColorPrimary.value,
+  neutral: void 0
+};
+function F(e) {
+  return Zt[e];
+}
+function Qt(e) {
+  if (e == null || e === "")
+    return null;
+  if (typeof e == "object" && e !== null && "label" in e) {
+    const t = e;
+    return {
+      label: t.label,
+      tone: t.tone ?? "neutral"
+    };
+  }
+  return typeof e == "string" ? { label: e, tone: "neutral" } : { label: String(e), tone: "neutral" };
+}
+function en({ badge: e }) {
+  return typeof e == "number" ? /* @__PURE__ */ o(A, { label: String(e), size: "small", style: { marginTop: "2px" } }) : /* @__PURE__ */ o(
+    A,
+    {
+      label: e.label,
+      size: "small",
+      color: ye(e.tone ?? "neutral"),
+      style: { marginTop: "2px" }
+    }
+  );
+}
+const tn = ({
+  title: e,
+  badge: t,
+  defaultExpanded: r = !0,
+  children: a
+}) => {
+  const [i, l] = W(r), [s, d] = W(r), c = xt(), u = () => {
+    l((f) => {
+      const g = !f;
+      return g && d(!0), g;
+    });
+  }, h = (f) => {
+    f.propertyName !== "grid-template-rows" || i || d(!1);
+  };
+  return /* @__PURE__ */ o("div", { className: Vt, children: /* @__PURE__ */ o(O, { padding: "medium", children: /* @__PURE__ */ p("div", { className: Wt, children: [
+    /* @__PURE__ */ o(m, { variant: "headline", el: "h3", size: "medium", children: /* @__PURE__ */ p(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": i,
+        "aria-controls": c,
+        onClick: u,
+        className: qt,
+        children: [
+          /* @__PURE__ */ p("span", { className: Xt, children: [
+            /* @__PURE__ */ o("span", { className: Yt, children: e }),
+            t != null ? /* @__PURE__ */ o(en, { badge: t }) : null
+          ] }),
+          /* @__PURE__ */ o(Ct, { className: Kt({ expanded: i }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: Ut({ expanded: i }),
+        onTransitionEnd: h,
+        children: /* @__PURE__ */ o("div", { className: Ht({ expanded: i }), children: /* @__PURE__ */ o("div", { id: c, className: ve, "aria-hidden": !i, children: s ? a : null }) })
+      }
+    )
+  ] }) }) });
+}, nn = n.object({
+  label: n.string(),
+  tone: n.enum(M).optional()
+}), an = n.union([n.number().int().nonnegative(), nn]), rn = {
+  props: n.object({
+    title: n.string(),
+    defaultExpanded: n.boolean().optional(),
+    /**
+     * Optional badge shown in the card header, next to the title and before the chevron.
+     * Pass a number for a plain count pill (e.g. 3), or { label, tone? } for a
+     * labelled status pill (e.g. { label: "3 Variances", tone: "warning" }).
+     */
+    badge: an.optional()
+  }),
+  slots: ["default"],
+  description: "Collapsible card for the Context panel. Each card holds a single content component as its body. Optional badge shows a count (number) or status label ({ label, tone? }) in the card header. Use defaultExpanded: false to start collapsed."
+}, on = ({
+  props: e,
+  children: t
+}) => /* @__PURE__ */ o(
+  tn,
+  {
+    title: e.title,
+    ...e.badge != null ? { badge: e.badge } : {},
+    defaultExpanded: e.defaultExpanded ?? !0,
+    children: t
+  }
+), ln = n.object({
+  label: n.string(),
+  tone: n.enum(M).optional()
+}), sn = n.union([n.string(), n.number(), n.null(), ln]), cn = n.object({
+  key: n.string(),
+  header: n.string(),
+  /**
+   * Column rendering type.
+   * - text: plain text (default)
+   * - currency: formatted currency value
+   * - chip: renders a Chip; cell value is a plain string (neutral) or { label, tone }
+   * - delta: signed variance value ("+5%", "-3%", null/"–"). Positive → danger red,
+   *   negative → success green, null/empty/zero → renders "–" in neutral.
+   */
+  type: n.enum(["text", "currency", "chip", "delta"]).optional(),
+  sortable: n.boolean().optional()
+}), dn = n.record(n.string(), sn).and(n.object({ id: n.string() })), un = {
+  props: n.object({
+    columns: n.array(cn),
+    rows: n.array(dn),
+    defaultSortedColumn: n.object({
+      id: n.string(),
+      desc: n.boolean().optional()
+    }).optional()
+  }),
+  slots: [],
+  description: "Read-only DataTable for context cards. Column type: text (default), currency, chip, or delta. Chip cells: plain string (neutral tone) or { label, tone } where tone is success | warning | danger | info | neutral. Delta cells: signed string ('+5%', '-3%') or null — positive renders danger-red, negative renders success-green, null renders '–'. Rows must include id."
+};
+var mn = "_1b4fiav0", hn = "_1b4fiav1";
+function pn(e) {
+  if (e == null || e === "" || e === "–" || e === "0" || e === "0%")
+    return { text: "–", sign: "none" };
+  const t = String(e).trim();
+  return t.startsWith("+") || !t.startsWith("-") && parseFloat(t) > 0 ? { text: t, sign: "positive" } : t.startsWith("-") || parseFloat(t) < 0 ? { text: t, sign: "negative" } : { text: t, sign: "none" };
+}
+const fn = ({
+  props: e
+}) => {
+  const t = x(() => {
+    const a = kt();
+    return e.columns.map(
+      (i) => a(i.key, {
+        header: { label: i.header },
+        ...i.sortable ? { sortable: !0 } : {},
+        ...i.type === "currency" ? { type: "currency" } : {},
+        ...i.type === "chip" ? {
+          renderCell: (l) => {
+            const s = Qt(l);
+            return s ? /* @__PURE__ */ o(A, { label: s.label, size: "small", color: ye(s.tone) }) : null;
+          }
+        } : {},
+        ...i.type === "delta" ? {
+          renderCell: (l) => {
+            const { text: s, sign: d } = pn(l), c = d === "positive" ? F("danger") : d === "negative" ? F("success") : void 0;
+            return /* @__PURE__ */ o("span", { className: hn, style: c ? { color: c } : void 0, children: s });
+          }
+        } : {}
+      })
+    );
+  }, [e.columns]), r = x(() => e.rows.map((a) => ({ ...a })), [e.rows]);
+  return /* @__PURE__ */ o("div", { className: mn, children: /* @__PURE__ */ o(
+    Rt,
+    {
+      columns: t,
+      data: r,
+      isSelectable: !1,
+      ...e.defaultSortedColumn ? {
+        defaultSortedColumn: {
+          id: e.defaultSortedColumn.id,
+          desc: e.defaultSortedColumn.desc ?? !1
+        }
+      } : {}
+    }
+  ) });
+}, gn = n.object({
+  /** Filename including extension (e.g. "HVAC Inspection Checklist.pdf"). Used to infer the file type icon. */
+  label: n.string(),
+  /**
+   * File URL. Image files (jpg/jpeg/png/gif/webp/heic/svg) render inline in the
+   * preview dialog; other types show a large file-type icon with a Download action.
+   */
+  url: n.string()
+}), bn = {
+  props: n.object({
+    items: n.array(gn)
+  }),
+  slots: [],
+  description: "Vertical list of file attachments and documents. Each row shows a color-coded file-type icon (inferred from the extension: pdf, xlsx/csv, doc/docx, image, or generic) and the filename. Clicking a row opens a preview dialog. Image files render from url; other files show a large icon and a Download footer action. Use for Completed Forms and Attachments sections."
+};
+var vn = "_1afcqze0", yn = "_1afcqze1", Cn = "_1afcqze2", xn = "_1afcqze3", wn = "_1afcqze4", Sn = "_1afcqze5", kn = "_1afcqze6", Rn = "_1afcqze7", Nn = "_1afcqze8";
+function Ce(e) {
+  const t = e.toLowerCase();
+  return t.endsWith(".pdf") ? "pdf" : /\.(xlsx|xls|csv|numbers)$/.test(t) ? "spreadsheet" : /\.(doc|docx|pages)$/.test(t) ? /form/i.test(t.replace(/\.[^.]+$/, "")) ? "form" : "doc" : /\.(txt|rtf|md)$/.test(t) ? "text" : /\.(mp3|wav|aac|m4a|flac|ogg)$/.test(t) ? "audio" : /\.(jpg|jpeg|png|gif|webp|heic|svg)$/.test(t) ? "image" : /form/i.test(t.replace(/\.[^.]+$/, "")) ? "form" : "generic";
+}
+const xe = {
+  pdf: { svg: zt, color: "#DC2626" },
+  spreadsheet: { svg: Et, color: "#16A34A" },
+  doc: { svg: Tt, color: "#2563EB" },
+  text: { svg: Ot, color: "#6B7280" },
+  form: { svg: Lt, color: "#2563EB" },
+  audio: { svg: jt, color: "#6B7280" },
+  image: { svg: Nt, color: "#374151" },
+  generic: { svg: _t, color: "#6B7280" }
+}, jn = {
+  "--a2-mod-icon-font-size": "80px"
+};
+function Tn({ kind: e }) {
+  const { svg: t, color: r } = xe[e];
+  return /* @__PURE__ */ o("div", { className: xn, "aria-hidden": "true", children: /* @__PURE__ */ o(q, { svg: t, size: "medium", color: r }) });
+}
+function Ln(e, t) {
+  const r = document.createElement("a");
+  r.href = e, r.download = t, r.target = "_blank", r.rel = "noopener noreferrer", document.body.appendChild(r), r.click(), r.remove();
+}
+function _n({ label: e }) {
+  return /* @__PURE__ */ o(m, { variant: "body", size: "medium", className: Nn, children: e });
+}
+function zn({ item: e, kind: t }) {
+  const { svg: r, color: a } = xe[t];
+  return /* @__PURE__ */ p("div", { className: wn, children: [
+    /* @__PURE__ */ o("div", { className: Sn, children: t === "image" ? /* @__PURE__ */ o("img", { src: e.url, alt: e.label, className: kn }) : /* @__PURE__ */ o("div", { className: Rn, children: /* @__PURE__ */ o(q, { svg: r, color: a, style: jn }) }) }),
+    /* @__PURE__ */ o(_n, { label: e.label })
+  ] });
+}
+function En({ item: e, onPreview: t }) {
+  const r = Ce(e.label);
+  return /* @__PURE__ */ o(
+    ct,
+    {
+      shape: "rounded",
+      onClick: t,
+      "aria-label": `Preview ${e.label}`,
+      className: yn,
+      children: /* @__PURE__ */ o(O, { padding: "small", children: /* @__PURE__ */ p("div", { className: Cn, children: [
+        /* @__PURE__ */ o(Tn, { kind: r }),
+        /* @__PURE__ */ o(m, { variant: "body", size: "small", children: e.label })
+      ] }) })
+    }
+  );
+}
+function On({ item: e }) {
+  const [t, r] = W(!1), a = Ce(e.label), i = a === "image";
+  return /* @__PURE__ */ p(de, { children: [
+    /* @__PURE__ */ o(En, { item: e, onPreview: () => r(!0) }),
+    /* @__PURE__ */ p(P, { open: t, onClose: () => r(!1), children: [
+      /* @__PURE__ */ o(P.Header, { children: "View Attachment" }),
+      /* @__PURE__ */ o(P.Content, { children: /* @__PURE__ */ o(zn, { item: e, kind: a }) }),
+      i ? null : /* @__PURE__ */ o(P.Footer, { children: /* @__PURE__ */ o(ue, { appearance: "primary", onClick: () => Ln(e.url, e.label), children: "Download" }) })
+    ] })
+  ] });
+}
+const Pn = ({
+  props: e
+}) => /* @__PURE__ */ o("div", { className: vn, children: e.items.map((t, r) => /* @__PURE__ */ o(On, { item: t }, `${t.label}-${r}`)) }), In = n.object({
+  /** Primary label (e.g. employee name, job title). Required. */
+  title: n.string(),
+  /** Leading linked reference shown before the title (e.g. job number). */
+  identifier: n.string().optional(),
+  /** URL for the identifier link. */
+  identifierHref: n.string().optional(),
+  /** Secondary detail line below the title (e.g. "04/28/2026 · 8H · $65/HR"). */
+  meta: n.string().optional(),
+  /** Right-aligned callout value (e.g. "$520.00"). */
+  callout: n.string().optional(),
+  /** Optional tone for the callout text. */
+  calloutTone: n.enum(M).optional(),
+  /** Small label below the callout (e.g. "INVOICED"). */
+  calloutLabel: n.string().optional()
+}), An = {
+  props: n.object({
+    items: n.array(In)
+  }),
+  slots: [],
+  description: "Flat list for timesheets and recent jobs. Each item has a required title, optional identifier link + meta on the left, and optional callout + calloutLabel on the right. For grouped procurement records with aligned columns, use ContextTabularList instead."
+};
+var $n = "blgld0", le = "blgld1", Fn = "blgld2", Dn = "blgld3", Bn = "blgld4", Mn = "blgld5", Gn = "blgld6", Vn = "blgld7";
+function Wn({ item: e }) {
+  const t = e.calloutTone ? F(e.calloutTone) : void 0, r = e.identifier, a = e.callout != null || e.calloutLabel != null;
+  return /* @__PURE__ */ p("div", { className: Dn, children: [
+    /* @__PURE__ */ p("div", { className: Bn, children: [
+      /* @__PURE__ */ p("div", { className: Mn, children: [
+        r && e.identifierHref ? /* @__PURE__ */ o(_, { href: e.identifierHref, target: "_blank", children: r }) : r ? /* @__PURE__ */ o(m, { variant: "body", size: "small", children: r }) : null,
+        r ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: Gn }) : null,
+        /* @__PURE__ */ o(m, { variant: "body", size: "medium", children: e.title })
+      ] }),
+      e.meta ? /* @__PURE__ */ o(m, { variant: "body", size: "small", className: le, children: e.meta }) : null
+    ] }),
+    a ? /* @__PURE__ */ p("div", { className: Vn, children: [
+      e.callout ? /* @__PURE__ */ o(
+        m,
+        {
+          variant: "headline",
+          el: "h6",
+          size: "small",
+          ...t ? { style: { color: t } } : {},
+          children: e.callout
+        }
+      ) : null,
+      e.calloutLabel ? /* @__PURE__ */ o(m, { variant: "eyebrow", className: le, children: e.calloutLabel }) : null
+    ] }) : null
+  ] });
+}
+const Un = ({
+  props: e
+}) => /* @__PURE__ */ o("div", { className: $n, children: e.items.map((t, r) => /* @__PURE__ */ o("div", { className: Fn, children: /* @__PURE__ */ o(Wn, { item: t }) }, t.identifier ?? t.title ?? r)) }), Hn = n.object({
+  label: n.string(),
+  value: n.string(),
+  /**
+   * Optional tone applied to the value text.
+   * Use "danger" for over-budget costs, "success" for positive metrics, etc.
+   */
+  tone: n.enum(M).optional()
+}), qn = {
+  props: n.object({
+    items: n.array(Hn),
+    columns: n.enum(["3", "4"]).optional()
+  }),
+  slots: [],
+  description: "KPI grid with label and value pairs. Optional columns: 3 (default) or 4. Each item supports an optional tone (danger | warning | success | info | neutral) to color the value text."
+};
+var Xn = T({ defaultClassName: "_16tl57e0", variantClassNames: { columns: { 3: "_16tl57e1", 4: "_16tl57e2" } }, defaultVariants: { columns: "3" }, compoundVariants: [] }), Yn = "_16tl57e3", Kn = "_16tl57e4";
+const Jn = ({
+  props: e
+}) => {
+  const t = e.columns === "4" ? "4" : "3";
+  return /* @__PURE__ */ o("div", { className: Xn({ columns: t }), children: e.items.map((r) => {
+    const a = r.tone ? F(r.tone) : void 0;
+    return /* @__PURE__ */ p("div", { className: Kn, children: [
+      /* @__PURE__ */ o(m, { variant: "eyebrow", className: Yn, children: r.label.toUpperCase() }),
+      /* @__PURE__ */ o(
+        m,
+        {
+          variant: "headline",
+          el: "h6",
+          size: "small",
+          ...a ? { style: { color: a } } : {},
+          children: r.value
+        }
+      )
+    ] }, r.label);
+  }) });
+};
+var Zn = "_2pn4ri0", Qn = "_2pn4ri1";
+const ea = ({ summary: e }) => /* @__PURE__ */ o("div", { className: Zn, "data-carto": "context-ai-summary", children: /* @__PURE__ */ o(O, { className: Qn, padding: "small", role: "status", style: { width: "100%" }, children: /* @__PURE__ */ o(m, { variant: "body", size: "medium", children: e }) }) });
+var ta = "_4l9lye0", na = "_4l9lye1", aa = "_4l9lye2", ra = "_4l9lye3", se = "_4l9lye4";
+const oa = n.object({
+  /**
+   * Optional category eyebrow shown above the body text (e.g. "JOB SUMMARY", "APPOINTMENT SUMMARY").
+   * Displayed in small caps at the top-left of the item.
+   */
+  category: n.string().optional(),
+  /** Main body text of the note. */
+  body: n.string(),
+  /** Author name shown at top-right (e.g. "MARCUS D."). */
+  author: n.string().optional(),
+  /** Date shown at top-right (e.g. "03/10/2026"). */
+  date: n.string().optional(),
+  /**
+   * Whether to truncate the body text to ~3 lines by default.
+   * An inline "More" toggle lets the user expand to full text.
+   * Defaults to false (show full text).
+   */
+  truncate: n.boolean().optional()
+}), ia = {
+  props: n.object({
+    /**
+     * Optional AI-generated summary shown in a highlighted card at the top of the list,
+     * before the individual note items.
+     */
+    summary: n.string().optional(),
+    items: n.array(oa)
+  }),
+  slots: [],
+  description: "Notes & Summaries list. Optional summary renders an AI-highlighted box at the top. Each item shows an optional category eyebrow (e.g. 'JOB SUMMARY'), body text, and optional author + date at top-right. Set truncate: true on long items to clamp to ~3 lines with an inline More/Less expand."
+};
+function la({ item: e }) {
+  const t = e.category || e.author || e.date;
+  return /* @__PURE__ */ p("div", { className: aa, children: [
+    t ? /* @__PURE__ */ p("div", { className: ra, children: [
+      e.category ? /* @__PURE__ */ o(m, { variant: "eyebrow", className: se, children: e.category }) : /* @__PURE__ */ o("span", {}),
+      e.author || e.date ? /* @__PURE__ */ o(m, { variant: "eyebrow", className: se, children: [e.author, e.date].filter(Boolean).join(" · ") }) : null
+    ] }) : null,
+    e.truncate ? /* @__PURE__ */ o(dt, { rows: 3, expandable: !0, expandText: "More", collapseText: "Less", children: e.body }) : /* @__PURE__ */ o(m, { variant: "body", size: "medium", children: e.body })
+  ] });
+}
+const sa = ({
+  props: e
+}) => /* @__PURE__ */ p("div", { className: ta, children: [
+  e.summary ? /* @__PURE__ */ o("div", { className: na, children: /* @__PURE__ */ o(ea, { summary: e.summary }) }) : null,
+  e.items.map((t, r) => /* @__PURE__ */ o(la, { item: t }, `${t.category ?? ""}-${r}`))
+] }), ca = {
+  props: n.object({
+    summary: n.string()
+  }),
+  slots: [],
+  description: "AI-generated overview summary for the Context panel. Optional first child of ContextPanel. Renders as a plain section (not a card): Overview headline with sparkle icon and body text. Leaf node — no children."
+};
+var da = "_1ysu3qn0", ua = "_1ysu3qn1";
+const ma = ({
+  props: e
+}) => /* @__PURE__ */ p("section", { className: da, children: [
+  /* @__PURE__ */ p("div", { className: ua, children: [
+    /* @__PURE__ */ o(m, { variant: "headline", el: "h2", size: "medium", children: "Overview" }),
+    /* @__PURE__ */ o(ut, { size: "small", type: "gradient" })
+  ] }),
+  /* @__PURE__ */ o(m, { variant: "body", size: "medium", children: e.summary })
+] }), ha = {
+  props: n.object({}),
+  slots: ["default"],
+  description: "Root container for the Context panel. MUST be the spec root. Children MUST only be ContextOverview (optional, first) followed by one or more ContextCard components."
+};
+var we = "_19nljxi0";
+const pa = ({ children: e }) => {
+  const t = U.toArray(e).filter(Boolean);
+  return /* @__PURE__ */ o("div", { className: we, children: t });
+}, fa = n.object({
+  /** Column header shown above the value (e.g. "DATE", "AMOUNT"). */
+  label: n.string(),
+  /** Cell value (e.g. "03/05/2026", "$1,672.00"). */
+  value: n.string()
+}), ga = n.object({
+  /** Row type label in the first column (e.g. "PURCHASE ORDER", "RECEIPT", "BILL"). */
+  eyebrow: n.string().optional(),
+  /** Leading linked reference in the first column (e.g. PO number). */
+  identifier: n.string().optional(),
+  /** URL for the identifier link. */
+  identifierHref: n.string().optional(),
+  /** Additional columns after the identifier column — same field count per group. */
+  fields: n.array(fa)
+}), ba = n.object({
+  /** Vendor or category heading (e.g. "ABC Supply Co"). */
+  label: n.string(),
+  items: n.array(ga)
+}), va = {
+  props: n.object({
+    /** Vendor-grouped tabular rows. Each group renders as a neutral card with aligned columns. */
+    groups: n.array(ba)
+  }),
+  slots: [],
+  description: "Grouped tabular list for procurement-style records. Each group has a vendor label and rows with an optional eyebrow + identifier in the first column and additional label/value field columns (e.g. DATE, AMOUNT). Use inside ContextCard for Procurement sections."
+};
+var ya = "_5kl5rv0", Ca = "_5kl5rv1", xa = "_5kl5rv2", ce = "_5kl5rv3", wa = "_5kl5rv4", Sa = "_5kl5rv5", ka = "_5kl5rv6";
+function Ra(e) {
+  const t = e + 1;
+  if (t <= 1) return "max-content";
+  const r = `minmax(${Pt.size[400]}, 1fr)`;
+  return Array(t).fill("max-content").join(` ${r} `);
+}
+function Na(e) {
+  return e * 2 + 1;
+}
+function ja({ item: e, gridRow: t }) {
+  const r = (a) => ({
+    style: { gridColumn: Na(a), gridRow: t },
+    className: ka
+  });
+  return /* @__PURE__ */ p(de, { children: [
+    /* @__PURE__ */ p("div", { ...r(0), children: [
+      e.eyebrow ? /* @__PURE__ */ o(m, { variant: "eyebrow", className: ce, children: e.eyebrow }) : null,
+      e.identifier && e.identifierHref ? /* @__PURE__ */ o(_, { href: e.identifierHref, target: "_blank", children: e.identifier }) : e.identifier ? /* @__PURE__ */ o(m, { variant: "body", size: "small", children: e.identifier }) : null
+    ] }),
+    e.fields.map((a, i) => /* @__PURE__ */ p("div", { ...r(i + 1), children: [
+      /* @__PURE__ */ o(m, { variant: "eyebrow", className: ce, children: a.label }),
+      /* @__PURE__ */ o(m, { variant: "body", size: "small", children: a.value })
+    ] }, a.label))
+  ] });
+}
+const Ta = ({
+  props: e
+}) => /* @__PURE__ */ o("div", { className: ya, children: e.groups.map((t) => {
+  var a;
+  const r = ((a = t.items[0]) == null ? void 0 : a.fields.length) ?? 0;
+  return /* @__PURE__ */ p("div", { className: Ca, children: [
+    /* @__PURE__ */ o("div", { className: xa, children: /* @__PURE__ */ o(m, { variant: "headline", el: "h5", size: "small", children: t.label }) }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: wa,
+        style: { gridTemplateColumns: Ra(r) },
+        children: t.items.map((i, l) => {
+          const s = l * 2 + 1;
+          return /* @__PURE__ */ p(wt, { children: [
+            l > 0 ? /* @__PURE__ */ o("div", { className: Sa, style: { gridRow: l * 2 } }) : null,
+            /* @__PURE__ */ o(ja, { item: i, gridRow: s })
+          ] }, i.identifier ?? i.eyebrow ?? l);
+        })
+      }
+    )
+  ] }, t.label);
+}) }), z = {
+  ContextPanel: ha,
+  ContextOverview: ca,
+  ContextCard: rn
+}, k = {
+  ContextNoteList: ia,
+  ContextMetricGrid: qn,
+  ContextDataTable: un,
+  ContextList: An,
+  ContextTabularList: va,
+  ContextFileList: bn
+}, G = {
+  "atlas.submitUserAction": {
+    params: n.object({
+      data: n.record(n.string(), n.unknown()).optional(),
+      actionId: n.string().optional()
+    }),
+    description: 'Submit form data. actionId overrides default "form_submit" identifier.'
+  },
+  "atlas.navigate": {
+    params: n.object({ url: n.string() }),
+    description: "Navigate to a URL or internal route. External URLs (http/https) open in a new tab; internal route strings navigate within the app."
+  },
+  "atlas.artifactToolCall": {
+    params: n.object({
+      tool: n.string(),
+      args: n.record(n.string(), n.unknown()).optional()
+    }),
+    description: "Invoke a tool on the active artifact panel app (an MCP-backed MFE). args is the tool argument payload; if omitted the current form state is sent."
+  }
+}, La = {
+  "atlas.submitUserAction": async (e) => {
+  },
+  "atlas.navigate": async (e) => {
+  },
+  "atlas.artifactToolCall": async (e) => {
+  }
+}, Se = {
+  props: n.object({
+    title: n.string(),
+    status: n.enum(["info", "success", "warning", "danger"]).optional(),
+    dismissible: n.boolean().optional(),
+    aiMark: n.boolean().optional()
+  }),
+  slots: ["default"],
+  events: ["close"],
+  description: `Inline notification banner with a required title. status: info (default) | success | warning | danger — danger for errors, warning for cautions, success for confirmations. Put the main message in the alert's children (rendered below the title). dismissible: true adds a close button that emits a "close" event.`
+}, ke = {
+  props: n.object({
+    data: n.array(n.object({ category: n.string(), value: n.number() })),
+    orientation: n.enum(["vertical", "horizontal"]).optional(),
+    theme: n.enum(["monochrome", "categorical", "semantic"]).optional(),
+    height: n.number().optional(),
+    unit: n.string().optional()
+  }),
+  slots: [],
+  description: "Bar chart (vertical or horizontal) with Anvil2 theme. data: [{category, value}]. theme: monochrome (default, ≤4 vars), categorical (5-9 distinct), semantic (success/neutral/warning/danger order). unit: tooltip suffix."
+}, Re = {
+  props: n.object({
+    label: n.string(),
+    appearance: n.enum(["primary", "secondary", "ghost", "danger"]).optional(),
+    size: n.enum(["xsmall", "small", "medium", "large"]).optional(),
+    loading: n.boolean().optional(),
+    disabled: n.boolean().optional(),
+    badge: n.string().optional()
+  }),
+  slots: [],
+  events: ["press"],
+  description: 'Clickable button. Emits a "press" event when clicked; inside a form the host treats press as a submit and uses the element key as the actionId, so no explicit on.press wiring is needed for form submits. appearance: primary | secondary (default) | ghost | danger (destructive actions like delete/cancel). size: xsmall | small | medium (default) | large. loading: true shows a spinner and blocks interaction. disabled: true prevents interaction. badge: optional notification count shown as a superscript (e.g. "3", "99+"); use an empty string for a dot-only indicator.'
+}, Ne = {
+  props: n.object({
+    title: n.string().optional(),
+    description: n.string().optional(),
+    background: n.enum(["strong", "stronger"]).optional(),
+    padding: n.enum(["0", "xsmall", "small", "medium", "large"]).optional()
+  }),
+  slots: ["default"],
+  description: "White surface that groups a logical section of related content. title: optional headline rendered at the top of the card. description: optional subdued line below the title. Children render below the header and are stacked vertically with consistent spacing — you do not need to wrap them in a Flex. Prefer the built-in title/description over standalone Text children for the heading. background: strong | stronger for nested/elevated surfaces. padding: 0 | xsmall | small | medium (default) | large. Do not nest a Card inside another Card."
+}, je = {
+  props: n.object({
+    label: n.string(),
+    checked: n.boolean().optional(),
+    disabled: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["change"],
+  description: 'Checkbox for selecting zero or more independent options that are submitted with a form (one Checkbox per option). For a single on/off setting with immediate effect prefer Switch. Bind state with $bindState on checked; emits a "change" event when toggled. disabled: true prevents toggling.'
+}, Te = {
+  props: n.object({
+    label: n.string(),
+    size: n.enum(["small", "medium"]).optional(),
+    color: n.string().optional(),
+    icon: n.enum(["check-circle", "in-progress", "radio-button-unchecked"]).optional(),
+    removable: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["close"],
+  description: 'Inline label pill for metadata, tags, or categories — use for job statuses, not notification counts (use a Button/Link badge prop for those). size: small | medium (default). color: any CSS color. icon: optional leading status icon. removable: true adds a close button that emits a "close" event (ignored when size=small).'
+}, Le = {
+  props: n.object({
+    vertical: n.boolean().optional(),
+    spacing: n.enum(["0", "half", "1", "2", "3", "4", "5", "6", "8", "12"]).optional(),
+    alignContent: n.enum(["start", "center", "end"]).optional()
+  }),
+  slots: [],
+  description: "Horizontal (default) or vertical rule that separates content sections. vertical: true for a vertical separator between side-by-side content. spacing (space around the divider, ~4px per step): 0 (default) | half | 1–6 | 8 | 12. alignContent: alignment of any divider content (start | center | end). Place between logical sections — not as a top/bottom border of a container."
+}, _e = {
+  props: n.object({
+    data: n.array(n.object({ category: n.string(), value: n.number() })),
+    theme: n.enum(["monochrome", "categorical", "semantic"]).optional(),
+    showLegend: n.boolean().optional(),
+    height: n.number().optional(),
+    unit: n.string().optional()
+  }),
+  slots: [],
+  description: "Donut chart with optional legend and Anvil2 theme. data: [{category, value}]. theme: monochrome (≤4 vars), categorical (5-9 distinct), semantic (status values)."
+}, ze = {
+  props: n.object({
+    direction: n.enum(["row", "column"]).optional(),
+    gap: n.enum(["0", "half", "1", "2", "3", "4", "5", "6", "8", "12"]).optional(),
+    alignItems: n.enum(["center", "flex-start", "flex-end", "stretch", "baseline"]).optional(),
+    justifyContent: n.enum(["center", "flex-start", "flex-end", "space-between", "space-around", "space-evenly"]).optional(),
+    alignSelf: n.enum(["auto", "center", "flex-start", "flex-end", "stretch", "baseline"]).optional(),
+    wrap: n.enum(["wrap", "nowrap", "wrap-reverse"]).optional(),
+    grow: n.number().optional(),
+    shrink: n.number().optional(),
+    basis: n.string().optional(),
+    inline: n.boolean().optional()
+  }),
+  slots: ["default"],
+  description: 'Flex layout container. direction: row (default) | column — always set column when stacking children vertically. gap (spacing token, ~4px per step): half=2px 1=4px 2=8px 3=12px 4=16px 5=20px 6=24px 8=32px 12=48px. alignItems: cross-axis alignment of children. justifyContent: main-axis distribution. When this Flex is itself a child of another Flex, use grow (1=fill available space), shrink, basis (CSS flex-basis e.g. "200px"), and alignSelf to control how it flexes.'
+}, Ee = {
+  props: n.object({
+    templateColumns: n.string().optional(),
+    gap: n.enum(["0", "half", "1", "2", "3", "4", "5", "6", "8", "12"]).optional(),
+    bordered: n.boolean().optional()
+  }),
+  slots: ["default"],
+  description: 'CSS Grid layout. templateColumns: CSS grid-template-columns value — "repeat(3, 1fr)" for equal columns, "200px 1fr" for fixed+flex two-column (e.g. key-value tables), "1fr 1fr 80px" for multi-column tables. Children flow into grid cells left-to-right, top-to-bottom. gap (spacing token, ~4px per step): 1=4px 2=8px … 6=24px 8=32px 12=48px (default 2). bordered: true renders a bordered table with row separators and cell padding — use for key-value and data tables.'
+}, _a = n.discriminatedUnion("type", [
+  n.object({
+    type: n.literal("text"),
+    value: n.string()
+  }),
+  n.object({
+    type: n.literal("diff"),
+    from: n.string().nullable().optional(),
+    to: n.string().nullable().optional()
+  }),
+  n.object({
+    type: n.literal("addition"),
+    value: n.string()
+  })
+]), za = n.union([n.string(), _a]), Ea = n.object({
+  key: n.string(),
+  header: n.string(),
+  minWidth: n.enum(["compact", "standard", "wide"]).optional()
+}), Oa = n.record(n.string(), za).and(n.object({ id: n.string() })), Pa = n.object({
+  label: n.string(),
+  columns: n.array(Ea),
+  data: n.array(Oa),
+  reason: n.string().optional()
+}), Ia = n.object({
+  id: n.string(),
+  label: n.string(),
+  from: n.string().nullable().optional(),
+  to: n.string().nullable().optional(),
+  reason: n.string().optional()
+}), Aa = n.object({
+  type: n.literal("single"),
+  changes: n.array(Ia)
+}), $a = n.object({
+  type: n.literal("table"),
+  label: n.string(),
+  changeTables: n.array(Pa)
+}), Fa = n.discriminatedUnion("type", [Aa, $a]), Oe = {
+  props: n.object({
+    state: n.enum(["default", "accepted", "rejected", "skipped"]).optional(),
+    referenceLabel: n.string(),
+    referenceHref: n.string().optional(),
+    changeSections: n.array(Fa),
+    appliedChangeIds: n.array(n.string()).optional(),
+    defaultExpanded: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["apply", "edit", "dismiss"],
+  description: "Suggested-change review card for Atlas agent chat. Use in the default state while the user can accept, edit, or dismiss AI-proposed updates to an estimate/invoice. state: default (selectable diffs + actions) | accepted (collapsible accepted summary) | rejected | skipped (collapsible read-only summaries). Bind state and appliedChangeIds with $bindState so apply/reject can update lifecycle state locally. Checkbox selection is managed internally and defaults to all single-change and table-row ids selected. changeSections[] defines ordered body content: type single (changes[] with label/from/to/reason) or type table (label + changeTables[] with editable labels, columns[{ key, header, minWidth? }], data, optional reason). Each data row requires a top-level id for selection/filtering — do NOT add an id column; use keys like code, sku, or name for visible identifiers. Column minWidth presets: compact (codes/SKUs/quantities) | standard (names/dates) | wide (descriptions/diffs) — omit when flexible. Table cell rendering is defined per cell via plain string or { type: text | diff | addition, ... }. appliedChangeIds filters accepted-state content. referenceHref opens the linked record in a new tab. Emits apply, edit, and dismiss."
+}, Pe = {
+  props: n.object({
+    name: n.enum(["check-circle", "in-progress", "radio-button-unchecked"]),
+    size: n.enum(["small", "medium", "large", "xlarge"]).optional(),
+    color: n.string().optional()
+  }),
+  slots: [],
+  description: "Small status icon. name (only these three are available): check-circle=completed/success checkmark, in-progress=partial circle (active/working), radio-button-unchecked=empty circle (pending/not started). size: small | medium (default) | large | xlarge. color: any CSS color (defaults to the current text color). Commonly paired with status Text in lists and checklists."
+}, Ie = {
+  props: n.object({
+    label: n.string(),
+    placeholder: n.string().optional(),
+    type: n.enum(["text", "password", "email", "tel", "url", "number"]).optional(),
+    value: n.string().optional(),
+    disabled: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["change"],
+  description: 'Free-text input field for user-typed values (names, notes, numbers, etc). type: text (default), password (masked), email, tel (phone), url, number. Bind value with $bindState so the typed value is captured in state; emits a "change" event on every keystroke. Prefer this over Listbox when the value is not from a fixed list. disabled: true prevents editing.'
+}, Ae = {
+  props: n.object({
+    data: n.array(n.record(n.string(), n.union([n.string(), n.number()]))),
+    series: n.array(n.string()).optional(),
+    theme: n.enum(["monochrome", "categorical", "semantic"]).optional(),
+    showLegend: n.boolean().optional(),
+    showDots: n.boolean().optional(),
+    height: n.number().optional(),
+    unit: n.string().optional()
+  }),
+  slots: [],
+  description: 'Line chart for tracking trends over time with optional multiple series. data: array of objects with a "category" key (x-axis label) and one numeric key per series (e.g. [{category: "Jan", revenue: 100, cost: 60}]). series: explicit list of series keys to plot (inferred from data keys if omitted, max 6). theme: monochrome (1-2 series), categorical (3-6 distinct). showLegend: true when multiple series (default true for 2+ series). showDots: true adds data-point markers (default true). unit: tooltip value suffix.'
+}, $e = {
+  props: n.object({
+    label: n.string(),
+    href: n.string(),
+    appearance: n.enum(["primary", "secondary"]).optional(),
+    target: n.enum(["_blank", "_self"]).optional(),
+    ghost: n.boolean().optional(),
+    badge: n.string().optional()
+  }),
+  slots: [],
+  events: ["press"],
+  description: 'Inline navigation link (renders an <a>). Emits a "press" event when clicked — handle navigation in on.press; href and target are inputs for the host/router rather than native browser navigation. href: destination URL for the host/router. appearance: primary (default) | secondary. target: _blank marks the link as external (shows external-link icon) and lets the host open a new tab if desired. ghost: quieter styling (primary only). badge: optional notification count shown as a superscript (e.g. "5"); use an empty string for a dot-only indicator.'
+}, Fe = {
+  props: n.object({
+    label: n.string(),
+    options: n.array(n.object({ value: n.string(), label: n.string() })),
+    value: n.string().optional(),
+    disabled: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["change"],
+  description: 'Single-select dropdown for choosing one value from a fixed list of known options. options: [{ value, label }] — value is stored in state, label is shown. Bind the selection with $bindState on value; emits a "change" event on selection. Use only when options are predefined; for free-text user input use Input, and for 2–7 visible mutually-exclusive choices prefer RadioGroup. disabled: true prevents selection.'
+}, De = {
+  props: n.object({
+    label: n.string(),
+    value: n.number().min(0).max(100).optional(),
+    description: n.string().optional(),
+    indeterminate: n.boolean().optional()
+  }),
+  slots: [],
+  description: "Horizontal progress bar showing task completion. label is required (the accessible name for the bar). value: 0–100 percentage filled. Omit value and set indeterminate=true when progress cannot be measured (do not set both). description: optional helper text shown below the bar."
+}, Be = {
+  props: n.object({
+    label: n.string(),
+    options: n.array(n.object({ value: n.string(), label: n.string() })),
+    value: n.string().optional(),
+    disabled: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["change"],
+  description: 'Group of radio buttons for picking one option from 2–7 visible mutually-exclusive choices. options: [{ value, label }]. Bind the selection with $bindState on value; emits a "change" event on selection. For longer option lists use Listbox. disabled: true prevents selection.'
+}, Me = {
+  props: n.object({
+    label: n.string(),
+    checked: n.boolean().optional(),
+    disabled: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["change"],
+  description: 'Toggle switch for a single binary on/off setting with immediate effect (no form submit). Prefer over Checkbox for enabling/disabling features. Bind state with $bindState on checked; emits a "change" event when toggled. disabled: true prevents toggling.'
+}, Ge = {
+  props: n.object({
+    content: n.string(),
+    variant: n.enum(["headline", "body", "eyebrow"]).optional(),
+    size: n.enum(["small", "medium", "large", "xlarge"]).optional(),
+    subdued: n.boolean().optional()
+  }),
+  slots: [],
+  description: "Display text. variant: headline=bold title, eyebrow=small uppercase label, body=default (default variant). size: small | medium (default) | large | xlarge — applies to headline and body only (ignored for eyebrow). subdued: deemphasized secondary text (body only). Use eyebrow+headline pairs for KPI/stat labels above values."
+}, Ve = {
+  props: n.object({
+    label: n.string(),
+    placeholder: n.string().optional(),
+    description: n.string().optional(),
+    moreInfo: n.string().optional(),
+    value: n.string().optional(),
+    rows: n.number().optional(),
+    disabled: n.boolean().optional()
+  }),
+  slots: [],
+  events: ["change"],
+  description: 'Multi-line free-text input for long values (notes, descriptions, email body). Bind value with $bindState; emits a "change" event on every keystroke. rows: visible row count (default 3). description: helper text below the field. moreInfo: tooltip text on the label. disabled: true prevents editing.'
+}, H = {
+  Text: Ge,
+  Card: Ne,
+  Flex: ze,
+  Grid: Ee,
+  Alert: Se,
+  Divider: Le,
+  Icon: Pe,
+  Chip: Te,
+  Link: $e,
+  ProgressBar: De,
+  BarChart: ke,
+  DonutChart: _e,
+  LineChart: Ae,
+  Button: Re,
+  Checkbox: je,
+  Input: Ie,
+  Textarea: Ve,
+  Listbox: Fe,
+  RadioGroup: Be,
+  Switch: Me,
+  GuidanceCard: Oe
+};
+function We(e = {}) {
+  const { core: t = "all", overrides: r = {}, components: a = {} } = e, l = { ...t === "all" ? { ...H } : Object.fromEntries(
+    t.map((s) => {
+      const d = H[s];
+      if (!d)
+        throw new Error(`Unknown core component: ${String(s)}`);
+      return [s, d];
+    })
+  ), ...a };
+  for (const [s, d] of Object.entries(r)) {
+    const c = l[s];
+    if (!c || !d)
+      continue;
+    const u = d.description ?? (d.append ? `${c.description} ${d.append}` : c.description);
+    l[s] = { ...c, description: u };
+  }
+  return l;
+}
+function yo(e) {
+  return e;
+}
+function Co(e) {
+  const t = We({
+    core: e.core ?? "all",
+    ...e.overrides ? { overrides: e.overrides } : {},
+    ...e.components ? { components: e.components } : {}
+  }), r = Object.fromEntries(
+    Object.entries(e.actions ?? {}).map(([l, s]) => [
+      `${e.prefix}.${l}`,
+      s
+    ])
+  ), a = {
+    ...G,
+    ...r
+  }, i = D(B, {
+    components: t,
+    actions: a
+  });
+  return {
+    prefix: e.prefix,
+    catalog: i,
+    prompt(l) {
+      const s = [i.prompt(), `
+`, l];
+      return e.rules && s.push(`
+`, e.rules), s.join("");
+    },
+    jsonSchema() {
+      return i.jsonSchema();
+    }
+  };
+}
+const Da = ["Text", "Chip", "Link", "Alert"], Ba = {
+  Link: {
+    append: "In a context panel, links appear inside content primitives (ContextList, ContextTabularList identifier links, ContextNoteList, etc.); use a standalone Link only for inline references within rich text."
+  }
+}, Ue = We({
+  core: Da,
+  overrides: Ba,
+  components: { ...z, ...k }
+}), Ma = D(B, {
+  components: Ue,
+  actions: G
+}), Y = [
+  {
+    name: "ContextPanel",
+    catalog: z.ContextPanel,
+    renderer: pa,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextOverview",
+    catalog: z.ContextOverview,
+    renderer: ma,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextCard",
+    catalog: z.ContextCard,
+    renderer: on,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextNoteList",
+    catalog: k.ContextNoteList,
+    renderer: sa,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextMetricGrid",
+    catalog: k.ContextMetricGrid,
+    renderer: Jn,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextDataTable",
+    catalog: k.ContextDataTable,
+    renderer: fn,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextList",
+    catalog: k.ContextList,
+    renderer: Un,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextTabularList",
+    catalog: k.ContextTabularList,
+    renderer: Ta,
+    renderers: ["context"]
+  },
+  {
+    name: "ContextFileList",
+    catalog: k.ContextFileList,
+    renderer: Pn,
+    renderers: ["context"]
+  }
+];
+Object.fromEntries(
+  Y.filter(({ name: e }) => e in z).map(({ name: e, renderer: t }) => [e, t])
+);
+Object.fromEntries(
+  Y.filter(({ name: e }) => e in k).map(({ name: e, renderer: t }) => [e, t])
+);
+const Ga = ["ContextPanel", "ContextOverview", "ContextCard"], Va = ["ContextOverview", "ContextCard"];
+function Wa(e) {
+  return Ga.includes(e);
+}
+function Ua(e) {
+  return Va.includes(e);
+}
+function I(e, t) {
+  return e.elements[t];
+}
+function He(e, t, r = /* @__PURE__ */ new Set()) {
+  const a = I(e, t);
+  if (!a || r.has(t))
+    return r;
+  r.add(t);
+  for (const i of a.children ?? [])
+    He(e, i, r);
+  return r;
+}
+function qe(e) {
+  const t = [], r = e.root, a = I(e, r);
+  if (!a)
+    return t.push({ path: "/root", message: "Root element is missing from elements map." }), t;
+  if (a.type !== "ContextPanel")
+    return t.push({
+      path: `/elements/${r}`,
+      message: `Root must be ContextPanel, got "${a.type}".`
+    }), t;
+  let i = 0;
+  for (const l of a.children ?? []) {
+    const s = I(e, l);
+    if (!s) {
+      t.push({
+        path: `/elements/${l}`,
+        message: `Child "${l}" referenced by ContextPanel is missing.`
+      });
+      continue;
+    }
+    if (!Ua(s.type)) {
+      t.push({
+        path: `/elements/${l}`,
+        message: `Direct child of ContextPanel must be ContextOverview or ContextCard — got "${s.type}".`
+      });
+      continue;
+    }
+    s.type === "ContextOverview" && (i += 1, i > 1 && t.push({
+      path: `/elements/${l}`,
+      message: "ContextOverview may appear at most once in ContextPanel."
+    }));
+    for (const d of He(e, l)) {
+      if (d === l)
+        continue;
+      const c = I(e, d);
+      c && Wa(c.type) && t.push({
+        path: `/elements/${d}`,
+        message: `Shell component "${c.type}" cannot be nested inside a card.`
+      });
+    }
+  }
+  return t;
+}
+function Xe(e) {
+  return e.map((t) => `${(t.severity ?? "error").toUpperCase()} ${t.path}: ${t.message}`).join(`
+`);
+}
+function S(e, t, r, a) {
+  e.push({ path: t, message: r, severity: a });
+}
+function Ha(e, t) {
+  if (t.length === 0)
+    return e;
+  const r = t.map((a) => typeof a == "number" ? `[${a}]` : `.${String(a)}`).join("").replace(/^\./, "");
+  return `${e}/${r}`;
+}
+function Ye(e) {
+  return Ue[e];
+}
+function Ke(e) {
+  var t;
+  return (((t = e == null ? void 0 : e.slots) == null ? void 0 : t.length) ?? 0) === 0;
+}
+function qa(e, t) {
+  for (const [r, a] of Object.entries(e.elements))
+    a && a.type === "ContextCard" && a.props.defaultExpanded === !1 && S(
+      t,
+      `/elements/${r}/props/defaultExpanded`,
+      "defaultExpanded: false shows only the card header until the user expands the card.",
+      "warn"
+    );
+}
+function Xa(e) {
+  const t = [];
+  for (const i of qe(e))
+    S(t, i.path, i.message, "error");
+  const r = rt(e);
+  if (!r.valid)
+    for (const i of r.issues) {
+      const l = i.elementKey ? `/elements/${i.elementKey}` : "/";
+      S(t, l, i.message, i.severity === "warning" ? "warn" : "error");
+    }
+  const a = Ma.validate(e);
+  if (!a.success && a.error)
+    for (const i of a.error.issues) {
+      const l = i.path.length > 0 ? `/${i.path.join("/")}` : "/";
+      l.endsWith("/visible") || l.endsWith("/children") && i.message.includes("expected array, received undefined") || S(t, l, i.message, "error");
+    }
+  for (const [i, l] of Object.entries(e.elements)) {
+    if (!l)
+      continue;
+    const s = Ye(l.type);
+    if (!s) {
+      S(
+        t,
+        `/elements/${i}`,
+        `Unknown component type "${l.type}" for context catalog.`,
+        "error"
+      );
+      continue;
+    }
+    if (s.props) {
+      const u = s.props.safeParse(l.props ?? {});
+      if (!u.success)
+        for (const h of u.error.issues)
+          S(
+            t,
+            Ha(`/elements/${i}/props`, h.path),
+            h.message,
+            "error"
+          );
+    }
+    const d = l.children, c = Ke(s);
+    d === void 0 && c && S(
+      t,
+      `/elements/${i}/children`,
+      `Leaf element "${l.type}" should include "children": [].`,
+      "warn"
+    ), c && ((d == null ? void 0 : d.length) ?? 0) > 0 && S(
+      t,
+      `/elements/${i}/children`,
+      `Leaf component "${l.type}" must not have children.`,
+      "error"
+    );
+  }
+  return qa(e, t), t;
+}
+function xo(e) {
+  const t = [], r = structuredClone(e);
+  for (const [a, i] of Object.entries(r.elements)) {
+    if (!i)
+      continue;
+    const l = Ye(i.type), s = Ke(l);
+    i.children === void 0 && s && (i.children = [], t.push(`Added children: [] to leaf element "${a}".`)), s && i.children && i.children.length > 0 && (i.children = [], t.push(`Removed illegal children from leaf element "${a}".`));
+  }
+  return { spec: r, fixes: t };
+}
+function wo(e) {
+  return e.some((t) => t.severity !== "warn");
+}
+function So(e) {
+  const t = Xa(e);
+  return Xe(t);
+}
+const Ya = ({
+  props: e,
+  emit: t,
+  children: r
+}) => /* @__PURE__ */ o(
+  me,
+  {
+    title: e.title,
+    status: e.status ?? "info",
+    ...e.aiMark ? { aiMark: !0 } : {},
+    ...e.dismissible ? { onClose: () => t("close") } : {},
+    children: r
+  }
+);
+var K = "zf6dad0";
+function J(e, t = "monochrome") {
+  const a = {
+    monochrome: ne,
+    categorical: $t,
+    semantic: At
+  }[t] ?? ne;
+  e.setThemes([It.new(e), a.new(e)]);
+}
+const Ka = ({ props: e }) => {
+  const t = R(null);
+  return X(() => {
+    const r = t.current;
+    if (!r)
+      return;
+    let a;
+    const i = () => {
+      a && a.dispose(), a = y.Root.new(r), J(a, e.theme);
+      const s = a.container.children.push(b.XYChart.new(a, { paddingLeft: 0 }));
+      if (e.orientation === "horizontal") {
+        const d = s.yAxes.push(
+          b.CategoryAxis.new(a, {
+            categoryField: "category",
+            renderer: b.AxisRendererY.new(a, { minGridDistance: 20 })
+          })
+        ), c = s.xAxes.push(
+          b.ValueAxis.new(a, {
+            renderer: b.AxisRendererX.new(a, {})
+          })
+        ), u = s.series.push(
+          b.ColumnSeries.new(a, {
+            xAxis: c,
+            yAxis: d,
+            valueXField: "value",
+            categoryYField: "category"
+          })
+        );
+        u.columns.template.setAll({
+          tooltipText: `{categoryY}: ${e.unit ?? ""}{valueX}`
+        }), d.data.setAll(e.data), u.data.setAll(e.data);
+      } else {
+        const d = s.xAxes.push(
+          b.CategoryAxis.new(a, {
+            categoryField: "category",
+            renderer: b.AxisRendererX.new(a, { minGridDistance: 30 })
+          })
+        ), c = s.yAxes.push(
+          b.ValueAxis.new(a, {
+            renderer: b.AxisRendererY.new(a, {})
+          })
+        ), u = s.series.push(
+          b.ColumnSeries.new(a, {
+            xAxis: d,
+            yAxis: c,
+            valueYField: "value",
+            categoryXField: "category"
+          })
+        );
+        u.columns.template.setAll({
+          tooltipText: `{categoryX}: ${e.unit ?? ""}{valueY}`
+        }), d.data.setAll(e.data), u.data.setAll(e.data);
+      }
+    }, l = new ResizeObserver((s) => {
+      var c;
+      (((c = s[0]) == null ? void 0 : c.contentRect.width) ?? 0) > 0 && !a && i();
+    });
+    return l.observe(r), r.offsetWidth > 0 && i(), () => {
+      l.disconnect(), a == null || a.dispose();
+    };
+  }, []), /* @__PURE__ */ o("div", { ref: t, className: K, style: { height: e.height ?? 300 } });
+};
+function C(e) {
+  const t = {};
+  for (const r of Object.keys(e)) {
+    const a = e[r];
+    a !== void 0 && (t[r] = a);
+  }
+  return t;
+}
+const Ja = ({
+  props: e,
+  emit: t
+}) => /* @__PURE__ */ p(
+  ue,
+  {
+    appearance: e.appearance ?? "secondary",
+    ...C({
+      size: e.size,
+      loading: e.loading,
+      disabled: e.disabled
+    }),
+    onClick: () => t("press"),
+    children: [
+      e.label,
+      e.badge !== void 0 ? /* @__PURE__ */ o(he, { "aria-label": e.badge ? `${e.badge} unread` : "unread", children: e.badge }) : null
+    ]
+  }
+), Za = ({
+  props: e,
+  children: t
+}) => {
+  const r = e.title !== void 0 || e.description !== void 0;
+  return /* @__PURE__ */ p(
+    O,
+    {
+      flexDirection: "column",
+      gap: "3",
+      ...C({ background: e.background, padding: e.padding }),
+      children: [
+        r ? /* @__PURE__ */ p($, { direction: "column", gap: "half", children: [
+          e.title !== void 0 ? /* @__PURE__ */ o(m, { variant: "headline", el: "h3", size: "small", children: e.title }) : null,
+          e.description !== void 0 ? /* @__PURE__ */ o(m, { variant: "body", subdued: !0, children: e.description }) : null
+        ] }) : null,
+        t
+      ]
+    }
+  );
+}, ko = D(B, {
+  components: H,
+  actions: G
+}), Qa = ({
+  props: e,
+  bindings: t,
+  emit: r
+}) => {
+  const a = t == null ? void 0 : t.checked, { state: i, set: l } = N(), s = a ? j(i, a) : void 0, d = a ? s ?? e.checked ?? !1 : e.checked ?? !1;
+  return /* @__PURE__ */ o(
+    mt,
+    {
+      label: e.label,
+      checked: d,
+      ...C({ disabled: e.disabled }),
+      onClick: (c, u) => {
+        a && l(a, !((u == null ? void 0 : u.checked) ?? !1)), r("change");
+      }
+    }
+  );
+}, er = {
+  "check-circle": fe,
+  "in-progress": be,
+  "radio-button-unchecked": ge
+}, tr = ({
+  props: e,
+  emit: t
+}) => {
+  const r = e.icon ? er[e.icon] : void 0, a = e.removable && e.size !== "small" ? () => t("close") : void 0;
+  return /* @__PURE__ */ o(
+    A,
+    {
+      label: e.label,
+      ...C({ size: e.size, color: e.color, icon: r, onClose: a })
+    }
+  );
+}, nr = ({ props: e }) => /* @__PURE__ */ o(
+  ht,
+  {
+    ...C({
+      vertical: e.vertical,
+      spacing: e.spacing,
+      alignContent: e.alignContent
+    })
+  }
+), ar = ({
+  props: e
+}) => {
+  const t = R(null);
+  return X(() => {
+    const r = t.current;
+    if (!r)
+      return;
+    let a;
+    const i = () => {
+      a && a.dispose(), a = y.Root.new(r), J(a, e.theme);
+      const s = a.container.children.push(
+        ae.PieChart.new(a, {
+          layout: a.horizontalLayout,
+          innerRadius: y.percent(50)
+        })
+      ), d = s.series.push(
+        ae.PieSeries.new(a, {
+          valueField: "value",
+          categoryField: "category",
+          legendValueText: ""
+        })
+      );
+      d.labels.template.set("text", "{valuePercentTotal.formatNumber('#.')}%"), d.data.setAll(e.data), (e.showLegend ?? !0) && s.children.push(
+        y.Legend.new(a, {
+          centerY: y.percent(50),
+          y: y.percent(50),
+          layout: a.verticalLayout
+        })
+      ).data.setAll(d.dataItems);
+    }, l = new ResizeObserver((s) => {
+      var c;
+      (((c = s[0]) == null ? void 0 : c.contentRect.width) ?? 0) > 0 && !a && i();
+    });
+    return l.observe(r), r.offsetWidth > 0 && i(), () => {
+      l.disconnect(), a == null || a.dispose();
+    };
+  }, []), /* @__PURE__ */ o("div", { ref: t, className: K, style: { height: e.height ?? 300 } });
+}, rr = ({
+  props: e,
+  children: t
+}) => /* @__PURE__ */ o(
+  $,
+  {
+    ...C({
+      direction: e.direction,
+      gap: e.gap,
+      alignItems: e.alignItems,
+      justifyContent: e.justifyContent,
+      alignSelf: e.alignSelf,
+      wrap: e.wrap,
+      grow: e.grow,
+      shrink: e.shrink,
+      basis: e.basis,
+      inline: e.inline
+    }),
+    children: t
+  }
+);
+function or(...e) {
+  return e.filter(Boolean).join(" ");
+}
+var ir = "_1v76lkh0", lr = "_1v76lkh1", sr = "_1v76lkh2";
+function cr(e) {
+  const t = e.match(/repeat\(\s*(\d+)/);
+  return t != null && t[1] ? Number(t[1]) : e.trim().split(/\s+/).length;
+}
+const dr = ({
+  props: e,
+  children: t
+}) => {
+  if (e.bordered) {
+    const r = e.templateColumns ?? "1fr", a = U.count(t), i = Math.max(1, cr(r)), l = Math.max(0, a - (a % i || i));
+    return /* @__PURE__ */ o("div", { className: ir, style: { gridTemplateColumns: r }, children: U.map(t, (s, d) => /* @__PURE__ */ o(
+      "div",
+      {
+        className: or(lr, d < l && sr),
+        children: s
+      }
+    )) });
+  }
+  return /* @__PURE__ */ o(pt, { templateColumns: e.templateColumns, gap: e.gap ?? "2", children: t });
+}, ur = {
+  /** Short codes, SKUs, quantities, unit prices, status values. */
+  compact: 120,
+  /** Names, categories, dates, single-line labels. */
+  standard: 180,
+  /** Descriptions, notes, scope text, diff/addition cells. */
+  wide: 280
+};
+function mr(e) {
+  if (e != null)
+    return ur[e];
+}
+function hr(e) {
+  const t = {
+    key: e.key,
+    header: e.header
+  };
+  return e.minWidth !== void 0 && (t.minWidth = mr(e.minWidth)), t;
+}
+const pr = ({
+  props: e,
+  emit: t,
+  bindings: r
+}) => {
+  const { set: a } = N(), i = r == null ? void 0 : r.appliedChangeIds, l = (d) => {
+    i && a(i, d);
+  }, s = e.changeSections.map((d) => d.type === "single" ? {
+    type: "single",
+    changes: d.changes.map((c) => ({
+      id: c.id,
+      label: c.label,
+      ...c.from !== void 0 ? { from: c.from } : {},
+      ...c.to !== void 0 ? { to: c.to } : {},
+      ...c.reason !== void 0 ? { reason: c.reason } : {}
+    }))
+  } : {
+    type: "table",
+    label: d.label,
+    changeTables: d.changeTables.map((c) => ({
+      label: c.label,
+      columns: c.columns.map(hr),
+      data: c.data,
+      ...c.reason !== void 0 ? { reason: c.reason } : {}
+    }))
+  });
+  return /* @__PURE__ */ o(
+    Ft,
+    {
+      referenceLabel: e.referenceLabel,
+      changeSections: s,
+      ...C({
+        state: e.state,
+        referenceHref: e.referenceHref,
+        appliedChangeIds: e.appliedChangeIds,
+        defaultExpanded: e.defaultExpanded
+      }),
+      onApply: (d) => {
+        l(d), t("apply");
+      },
+      onEdit: (d) => {
+        l(d), t("edit");
+      },
+      onDismiss: () => t("dismiss")
+    }
+  );
+}, fr = {
+  "check-circle": fe,
+  "in-progress": be,
+  "radio-button-unchecked": ge
+}, gr = ({ props: e }) => {
+  const t = fr[e.name];
+  return t ? /* @__PURE__ */ o(q, { svg: t, ...C({ size: e.size, color: e.color }) }) : null;
+}, br = ({
+  props: e,
+  bindings: t,
+  emit: r
+}) => {
+  const a = t == null ? void 0 : t.value, { state: i, set: l } = N(), s = a ? j(i, a) : void 0, d = a ? s ?? e.value ?? "" : e.value ?? "";
+  return /* @__PURE__ */ o(
+    ft,
+    {
+      label: e.label,
+      type: e.type ?? "text",
+      value: d,
+      ...C({ placeholder: e.placeholder, disabled: e.disabled }),
+      onChange: (c) => {
+        a && l(a, c.target.value), r("change");
+      }
+    }
+  );
+}, vr = ({ props: e }) => {
+  const t = R(null);
+  return X(() => {
+    const r = t.current;
+    if (!r)
+      return;
+    let a;
+    const i = () => {
+      a && a.dispose(), a = y.Root.new(r), J(a, e.theme);
+      const s = a.container.children.push(b.XYChart.new(a, { paddingLeft: 0 })), d = s.xAxes.push(
+        b.CategoryAxis.new(a, {
+          categoryField: "category",
+          renderer: b.AxisRendererX.new(a, { minGridDistance: 30 })
+        })
+      ), c = s.yAxes.push(
+        b.ValueAxis.new(a, {
+          renderer: b.AxisRendererY.new(a, {})
+        })
+      ), u = e.data[0], h = e.series ?? (u ? Object.keys(u).filter((g) => g !== "category") : []);
+      for (const g of h) {
+        const v = s.series.push(
+          b.LineSeries.new(a, {
+            name: g,
+            xAxis: d,
+            yAxis: c,
+            valueYField: g,
+            categoryXField: "category",
+            tooltip: y.Tooltip.new(a, {
+              labelText: `${g}: ${e.unit ?? ""}{valueY}`
+            })
+          })
+        );
+        v.strokes.template.setAll({ strokeWidth: 2 }), (e.showDots ?? !0) && v.bullets.push(() => {
+          if (!a)
+            throw new Error("Chart root is not initialized");
+          const L = v.get("fill");
+          return y.Bullet.new(a, {
+            sprite: y.Circle.new(a, {
+              radius: 4,
+              ...L ? { fill: L } : {},
+              strokeWidth: 0
+            })
+          });
+        }), v.data.setAll(e.data);
+      }
+      d.data.setAll(e.data), (e.showLegend ?? h.length > 1) && s.children.push(
+        y.Legend.new(a, {
+          centerX: y.percent(50),
+          x: y.percent(50),
+          marginTop: 8
+        })
+      ).data.setAll(s.series.values);
+    }, l = new ResizeObserver((s) => {
+      var c;
+      (((c = s[0]) == null ? void 0 : c.contentRect.width) ?? 0) > 0 && !a && i();
+    });
+    return l.observe(r), r.offsetWidth > 0 && i(), () => {
+      l.disconnect(), a == null || a.dispose();
+    };
+  }, []), /* @__PURE__ */ o("div", { ref: t, className: K, style: { height: e.height ?? 300 } });
+}, yr = ({
+  props: e,
+  emit: t
+}) => {
+  const { label: r, href: a, appearance: i, target: l, ghost: s, badge: d } = e, c = (h) => {
+    h.preventDefault(), t("press");
+  }, u = d !== void 0 ? /* @__PURE__ */ p("span", { style: { position: "relative", display: "inline-flex", alignItems: "center" }, children: [
+    r,
+    /* @__PURE__ */ o(he, { "aria-label": d ? `${d} unread` : "unread", offset: { x: "8px", y: "0px" }, children: d })
+  ] }) : r;
+  return i === "secondary" ? /* @__PURE__ */ o(
+    _,
+    {
+      appearance: "secondary",
+      ghost: !1,
+      href: a,
+      ...l ? { target: l } : {},
+      onClick: c,
+      children: u
+    }
+  ) : s !== void 0 ? /* @__PURE__ */ o(
+    _,
+    {
+      appearance: "primary",
+      ghost: s,
+      href: a,
+      ...l ? { target: l } : {},
+      onClick: c,
+      children: u
+    }
+  ) : /* @__PURE__ */ o(_, { appearance: "primary", href: a, ...l ? { target: l } : {}, onClick: c, children: u });
+};
+var Cr = T({ defaultClassName: "_1le8ba60", variantClassNames: { disabled: { true: "_1le8ba61", false: "_1le8ba62" } }, defaultVariants: {}, compoundVariants: [] });
+const xr = ({
+  props: e,
+  bindings: t,
+  emit: r
+}) => {
+  const a = t == null ? void 0 : t.value, { state: i, set: l } = N(), s = a ? j(i, a) : void 0, d = a ? s ?? e.value ?? "" : e.value ?? "", c = e.options.map((h) => ({ id: h.value, label: h.label })), u = c.find((h) => h.id === d);
+  return /* @__PURE__ */ p("div", { className: Cr({ disabled: e.disabled ?? !1 }), children: [
+    /* @__PURE__ */ o(gt, { children: e.label }),
+    /* @__PURE__ */ o(
+      ee,
+      {
+        items: c,
+        ...u ? { selected: u } : {},
+        onSelectionChange: (h) => {
+          const f = (h == null ? void 0 : h.id) ?? "";
+          a && l(a, f), r("change");
+        },
+        children: ({ items: h }) => h.map((f) => /* @__PURE__ */ o(ee.Option, { item: f, children: f.label }, f.id))
+      }
+    )
+  ] });
+}, wr = ({
+  props: e
+}) => {
+  const t = C({ description: e.description });
+  return e.indeterminate ? /* @__PURE__ */ o(V, { label: e.label, indeterminate: !0, ...t }) : e.value !== void 0 ? /* @__PURE__ */ o(V, { label: e.label, value: e.value, ...t }) : /* @__PURE__ */ o(V, { label: e.label, indeterminate: !0, ...t });
+}, Sr = ({
+  props: e,
+  bindings: t,
+  emit: r
+}) => {
+  const a = t == null ? void 0 : t.value, { state: i, set: l } = N(), s = a ? j(i, a) : void 0, d = a ? s ?? e.value ?? "" : e.value ?? "";
+  return /* @__PURE__ */ o(te.Group, { legend: e.label, children: e.options.map((c) => /* @__PURE__ */ o(
+    te,
+    {
+      label: c.label,
+      value: c.value,
+      checked: d === c.value,
+      ...C({ disabled: e.disabled }),
+      onChange: () => {
+        a && l(a, c.value), r("change");
+      }
+    },
+    c.value
+  )) });
+}, kr = ({
+  props: e,
+  bindings: t,
+  emit: r
+}) => {
+  const a = t == null ? void 0 : t.checked, { state: i, set: l } = N(), s = a ? j(i, a) : void 0, d = a ? s ?? e.checked ?? !1 : e.checked ?? !1;
+  return /* @__PURE__ */ o(
+    bt,
+    {
+      label: e.label,
+      value: e.label,
+      checked: d,
+      ...C({ disabled: e.disabled }),
+      onChange: (c, u) => {
+        a && l(a, (u == null ? void 0 : u.checked) ?? !1), r("change");
+      }
+    }
+  );
+}, Rr = ({ props: e }) => e.variant === "headline" ? e.size !== void 0 ? /* @__PURE__ */ o(m, { variant: "headline", el: "h3", size: e.size, children: e.content }) : /* @__PURE__ */ o(m, { variant: "headline", el: "h3", children: e.content }) : e.variant === "eyebrow" ? /* @__PURE__ */ o(m, { variant: "eyebrow", children: e.content }) : e.size !== void 0 && e.subdued !== void 0 ? /* @__PURE__ */ o(m, { variant: "body", size: e.size, subdued: e.subdued, children: e.content }) : e.size !== void 0 ? /* @__PURE__ */ o(m, { variant: "body", size: e.size, children: e.content }) : e.subdued !== void 0 ? /* @__PURE__ */ o(m, { variant: "body", subdued: e.subdued, children: e.content }) : /* @__PURE__ */ o(m, { variant: "body", children: e.content }), Nr = ({
+  props: e,
+  bindings: t,
+  emit: r
+}) => {
+  const a = t == null ? void 0 : t.value, { state: i, set: l } = N(), s = a ? j(i, a) : void 0, d = a ? s ?? e.value ?? "" : e.value ?? "";
+  return /* @__PURE__ */ o(
+    vt,
+    {
+      label: e.label,
+      value: d,
+      ...C({
+        placeholder: e.placeholder,
+        description: e.description,
+        moreInfo: e.moreInfo,
+        rows: e.rows,
+        disabled: e.disabled
+      }),
+      onChange: (c) => {
+        a && l(a, c.target.value), r("change");
+      }
+    }
+  );
+}, Je = [
+  { name: "Text", catalog: Ge, renderer: Rr, renderers: ["all"] },
+  { name: "Card", catalog: Ne, renderer: Za, renderers: ["all"] },
+  { name: "Flex", catalog: ze, renderer: rr, renderers: ["all"] },
+  { name: "Grid", catalog: Ee, renderer: dr, renderers: ["all"] },
+  { name: "Alert", catalog: Se, renderer: Ya, renderers: ["all"] },
+  { name: "Divider", catalog: Le, renderer: nr, renderers: ["all"] },
+  { name: "Icon", catalog: Pe, renderer: gr, renderers: ["all"] },
+  { name: "Chip", catalog: Te, renderer: tr, renderers: ["all"] },
+  { name: "Link", catalog: $e, renderer: yr, renderers: ["all"] },
+  {
+    name: "ProgressBar",
+    catalog: De,
+    renderer: wr,
+    renderers: ["all"]
+  },
+  {
+    name: "BarChart",
+    catalog: ke,
+    renderer: Ka,
+    renderers: ["all"]
+  },
+  {
+    name: "DonutChart",
+    catalog: _e,
+    renderer: ar,
+    renderers: ["all"]
+  },
+  {
+    name: "LineChart",
+    catalog: Ae,
+    renderer: vr,
+    renderers: ["all"]
+  },
+  { name: "Button", catalog: Re, renderer: Ja, renderers: ["all"] },
+  {
+    name: "Checkbox",
+    catalog: je,
+    renderer: Qa,
+    renderers: ["all"]
+  },
+  { name: "Input", catalog: Ie, renderer: br, renderers: ["all"] },
+  {
+    name: "Textarea",
+    catalog: Ve,
+    renderer: Nr,
+    renderers: ["all"]
+  },
+  { name: "Listbox", catalog: Fe, renderer: xr, renderers: ["all"] },
+  {
+    name: "RadioGroup",
+    catalog: Be,
+    renderer: Sr,
+    renderers: ["all"]
+  },
+  { name: "Switch", catalog: Me, renderer: kr, renderers: ["all"] },
+  {
+    name: "GuidanceCard",
+    catalog: Oe,
+    renderer: pr,
+    renderers: ["all"]
+  }
+];
+Object.fromEntries(
+  Je.map(({ name: e, renderer: t }) => [e, t])
+);
+const jr = {
+  props: n.object({
+    title: n.string(),
+    value: n.string(),
+    trend: n.enum(["up", "down", "flat"]).optional(),
+    delta: n.string().optional()
+  }),
+  slots: [],
+  description: 'KPI metric card. trend: up=green↑ down=red↓ flat=grey→. delta e.g. "+12% vs last month". Leaf node — no children.'
+};
+var Tr = T({ defaultClassName: "cy2dbi0", variantClassNames: { trend: { up: "cy2dbi1", down: "cy2dbi2", flat: "cy2dbi3" } }, defaultVariants: {}, compoundVariants: [] });
+const Lr = ({
+  props: e
+}) => {
+  const t = e.trend ?? "flat", r = e.trend === "up" ? "↑" : e.trend === "down" ? "↓" : "→", a = Tr({ trend: t });
+  return /* @__PURE__ */ o(O, { children: /* @__PURE__ */ p($, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ o(m, { variant: "eyebrow", children: e.title }),
+    /* @__PURE__ */ o(m, { variant: "headline", el: "h3", children: e.value }),
+    e.delta && /* @__PURE__ */ p($, { direction: "row", gap: "1", alignItems: "center", children: [
+      /* @__PURE__ */ o("span", { className: a, children: r }),
+      /* @__PURE__ */ o(m, { variant: "eyebrow", className: a, children: e.delta })
+    ] })
+  ] }) });
+}, _r = [
+  {
+    name: "RevenueCard",
+    catalog: jr,
+    renderer: Lr,
+    renderers: ["chat"]
+  }
+];
+function zr(e, t) {
+  return t === "all" ? [...e] : e.filter(
+    ({ renderers: r }) => r.includes("all") || r.includes(t)
+  );
+}
+function Er(e) {
+  return Object.fromEntries(e.map(({ name: t, catalog: r }) => [t, r]));
+}
+function Or(e) {
+  return Object.fromEntries(
+    e.map(({ name: t, renderer: r }) => [t, r])
+  );
+}
+const Pr = [
+  ...Je,
+  ..._r,
+  ...Y
+];
+function E(e = "chat") {
+  const t = zr(Pr, e), r = Er(t), a = Or(t), i = D(B, {
+    components: r,
+    actions: G
+  });
+  return ot(i, {
+    components: a,
+    actions: La
+  });
+}
+const Z = E("chat"), Ro = Z.registry, No = Z.handlers, jo = Z.executeAction;
+function To() {
+  return E("context");
+}
+function Ir(e) {
+  var r;
+  const t = { ...e.elements };
+  for (const [a, i] of Object.entries(t)) {
+    if (i.type !== "Button" || (r = i.on) != null && r.press)
+      continue;
+    const l = a;
+    t[a] = {
+      ...i,
+      on: {
+        ...i.on,
+        press: { action: "atlas.submitUserAction", params: { actionId: l } }
+      }
+    };
+  }
+  return { ...e, elements: t };
+}
+function Ar(e, t) {
+  return x(
+    () => t.reduce((r, a) => a(r), e),
+    [e, t]
+  );
+}
+const $r = [Ir], Ze = ({ spec: e, registry: t, handlers: r, actions: a, loading: i }) => {
+  const l = Ar(e, $r), s = R(null), d = R(null);
+  if (s.current !== e) {
+    s.current = e;
+    const f = l.state ?? {};
+    d.current = it(f);
+  }
+  if (d.current === null)
+    throw new Error("State store is not initialized");
+  const c = d.current, u = x(() => {
+    const f = r(
+      () => {
+      },
+      () => c.getSnapshot()
+    ), g = a ? a({ setState: c.set, getSnapshot: () => c.getSnapshot() }) : {};
+    return { ...f, ...g };
+  }, [r, a, c]), h = x(
+    () => ({
+      computeTotal: (f) => {
+        const g = Number.parseFloat(String(f.quantity ?? 0)) || 0, v = Number.parseFloat(
+          String(f.unitPrice ?? "0").replace(/[^0-9.]/g, "")
+        ) || 0;
+        return `$${(g * v).toFixed(2)}`;
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ o(
+    lt,
+    {
+      registry: t,
+      store: c,
+      handlers: u,
+      functions: h,
+      children: /* @__PURE__ */ o(st, { spec: l, registry: t, loading: i ?? !1 })
+    }
+  );
+};
+class Qe extends St {
+  constructor() {
+    super(...arguments);
+    Q(this, "state", { hasError: !1, message: "" });
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, message: r.message };
+  }
+  componentDidCatch(r, a) {
+    var i, l;
+    console.error(
+      `[ContextSpecRenderer] Rendering error in <${this.props.elementType}>:`,
+      r,
+      a.componentStack
+    ), (l = (i = this.props).onError) == null || l.call(i, {
+      elementType: this.props.elementType,
+      message: r.message
+    });
+  }
+  render() {
+    return this.state.hasError ? process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ o(me, { status: "danger", title: `${this.props.elementType} failed to render`, children: /* @__PURE__ */ o(m, { variant: "body", children: this.state.message }) }) : this.props.children;
+  }
+}
+function et(e, t) {
+  if (process.env.NODE_ENV === "production")
+    return e;
+  const r = { ...e };
+  for (const [a, i] of Object.entries(e)) {
+    const l = i;
+    r[a] = ((s) => /* @__PURE__ */ o(
+      Qe,
+      {
+        elementType: a,
+        ...t ? { onError: t } : {},
+        children: /* @__PURE__ */ o(l, { ...s })
+      }
+    ));
+  }
+  return r;
+}
+const Lo = ({
+  spec: e,
+  registry: t,
+  handlers: r,
+  actions: a,
+  onRenderError: i,
+  loading: l
+}) => {
+  const s = l ? [] : qe(e);
+  s.length > 0 && process.env.NODE_ENV !== "production" && console.warn(
+    `[ContextSpecRenderer] Spec validation issues:
+${Xe(
+      s.map((h) => ({ ...h, severity: "error" }))
+    )}`
+  );
+  const d = t ?? E("context").registry, c = r ?? E("context").handlers, u = x(
+    () => et(d, i),
+    [d, i]
+  );
+  return /* @__PURE__ */ o(
+    Ze,
+    {
+      spec: e,
+      registry: u,
+      handlers: c,
+      ...a ? { actions: a } : {},
+      ...l !== void 0 ? { loading: l } : {}
+    }
+  );
+};
+var Fr = "nilaa0";
+function Dr(e, t) {
+  const r = {};
+  let a = !1;
+  const i = (l) => {
+    const s = e.elements[l];
+    if (!s) {
+      a = !0;
+      return;
+    }
+    if (!r[l]) {
+      r[l] = s;
+      for (const d of s.children ?? [])
+        i(d);
+    }
+  };
+  return i(t), { elements: r, hasMissingRefs: a };
+}
+function Br(e, t) {
+  const { elements: r, hasMissingRefs: a } = Dr(e, t), i = { root: t, elements: r }, l = e.state;
+  return l !== void 0 && (i.state = l), { spec: i, hasMissingRefs: a };
+}
+function Mr(e, t) {
+  const r = R(/* @__PURE__ */ new Map());
+  return x(() => {
+    if (!(e != null && e.root))
+      return [];
+    const a = e.elements[e.root];
+    if (!a)
+      return [];
+    const i = (a.children ?? []).filter((c) => e.elements[c]), l = r.current, s = /* @__PURE__ */ new Map(), d = i.map((c, u) => {
+      const { spec: h, hasMissingRefs: f } = Br(e, c), g = JSON.stringify(h), v = l.get(c), L = v && v.key === g ? v.spec : h;
+      s.set(c, { key: g, spec: L });
+      const tt = u === i.length - 1;
+      return { id: c, spec: L, status: f || tt && t ? "loading" : "ready" };
+    });
+    return r.current = s, d;
+  }, [e, t]);
+}
+function Gr(e) {
+  const t = R(/* @__PURE__ */ new Map());
+  return x(() => {
+    const r = t.current, a = /* @__PURE__ */ new Map(), i = e.map((l) => {
+      const s = l.spec ? JSON.stringify(l.spec) : "", d = r.get(l.id), c = l.spec && d && d.key === s ? d.spec : l.spec;
+      return a.set(l.id, { key: s, spec: c }), c === l.spec ? l : { ...l, spec: c };
+    });
+    return t.current = a, i;
+  }, [e]);
+}
+function Vr({ title: e }) {
+  return /* @__PURE__ */ p("div", { className: ve, "data-testid": "context-section-skeleton", children: [
+    /* @__PURE__ */ o(pe, { variant: "headline", ...e ? { "aria-label": `Loading ${e}` } : {} }),
+    /* @__PURE__ */ o(yt, { height: "64px" })
+  ] });
+}
+function Wr({ slot: e, registry: t, handlers: r, actions: a }) {
+  return e.spec ? /* @__PURE__ */ p("div", { "data-testid": `context-section-${e.id}`, "data-status": e.status, children: [
+    /* @__PURE__ */ o(
+      Ze,
+      {
+        spec: e.spec,
+        registry: t,
+        handlers: r,
+        loading: e.status === "loading",
+        ...a ? { actions: a } : {}
+      }
+    ),
+    e.status === "loading" ? /* @__PURE__ */ o("div", { className: Fr, children: /* @__PURE__ */ o(pe, { variant: "body", rows: 2, "aria-label": "Loading more of this section" }) }) : null
+  ] }) : /* @__PURE__ */ o(Vr, { ...e.title ? { title: e.title } : {} });
+}
+const _o = ({
+  spec: e,
+  sections: t,
+  loading: r = !1,
+  registry: a,
+  handlers: i,
+  actions: l,
+  onRenderError: s
+}) => {
+  const d = x(() => E("context"), []), c = a ?? d.registry, u = i ?? d.handlers, h = x(
+    () => et(c, s),
+    [c, s]
+  ), f = Mr(e, r), g = Gr(t ?? f);
+  return /* @__PURE__ */ o("div", { className: we, "data-testid": "sectioned-context-panel", children: g.map((v) => /* @__PURE__ */ o(
+    Qe,
+    {
+      elementType: v.id,
+      ...s ? { onError: s } : {},
+      children: /* @__PURE__ */ o(
+        Wr,
+        {
+          slot: v,
+          registry: h,
+          handlers: u,
+          ...l ? { actions: l } : {}
+        }
+      )
+    },
+    v.id
+  )) });
+};
+export {
+  Lo as ContextSpecRenderer,
+  _o as SectionedContextRenderer,
+  Ze as SpecRenderer,
+  ko as catalog,
+  We as composeCatalogComponents,
+  Ma as contextCatalog,
+  yo as createScopedCatalog,
+  jo as executeAction,
+  Br as extractSectionSpec,
+  So as formatContextRenderReport,
+  Xe as formatContextSpecIssues,
+  To as getContextRegistry,
+  E as getRegistry,
+  No as handlers,
+  wo as hasContextSpecErrors,
+  Co as mergeCatalogs,
+  xo as postProcessContextSpec,
+  Ro as registry,
+  qe as validateContextSpec,
+  Xa as validateContextSpecDeep
+};
+//# sourceMappingURL=index.js.map