@servicetitan/json-render-react 0.3.1 → 0.3.2-anv-5204-4218c25

package/dist/index.js

@@ -1,33 +1,33 @@
 import { AiMark as e, Alert as t, Badge as n, Button as r, Card as i, Checkbox as a, Chip as o, Divider as s, FieldLabel as c, Flex as l, Grid as u, Icon as d, Link as f, Listbox as ee, OverflowText as te, ProgressBar as ne, Radio as re, SkeletonRectangle as ie, SkeletonText as ae, Switch as oe, Text as p, TextField as se, Textarea as ce } from "@servicetitan/anvil2";
-import { Card as m, Dialog as le, Link as ue, Text as h } from "@servicetitan/carto-react-kit";
-import { IconChevronDown as de } from "@servicetitan/carto-react-kit/icons";
-import { Children as g, Component as fe, Fragment as pe, useEffect as _, useId as me, useMemo as v, useRef as y, useState as b } from "react";
+import { Card as m, Dialog as le, GuidanceCard as ue, Link as de, Text as h } from "@servicetitan/carto-react-kit";
+import { IconChevronDown as fe } from "@servicetitan/carto-react-kit/icons";
+import { Children as g, Component as pe, Fragment as me, useEffect as _, useId as he, useMemo as v, useRef as y, useState as b } from "react";
 import { core as x } from "@servicetitan/anvil2/token";
-import { Fragment as he, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Fragment as ge, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { z as w } from "zod";
-import { DataTable as ge, createColumnHelper as _e } from "@servicetitan/anvil2/beta";
-import ve from "@servicetitan/anvil2/assets/icons/material/round/image.svg";
-import ye from "@servicetitan/anvil2/assets/icons/st/document_audio.svg";
-import be from "@servicetitan/anvil2/assets/icons/st/document_doc.svg";
-import xe from "@servicetitan/anvil2/assets/icons/st/document_form.svg";
-import Se from "@servicetitan/anvil2/assets/icons/st/document_other.svg";
-import Ce from "@servicetitan/anvil2/assets/icons/st/document_pdf.svg";
-import we from "@servicetitan/anvil2/assets/icons/st/document_spreadsheet.svg";
-import Te from "@servicetitan/anvil2/assets/icons/st/document_text.svg";
-import { primitive as Ee } from "@servicetitan/carto-react-kit/tokens";
-import { defineCatalog as T, getByPath as E, validateSpec as De } from "@json-render/core";
+import { DataTable as _e, createColumnHelper as ve } from "@servicetitan/anvil2/beta";
+import ye from "@servicetitan/anvil2/assets/icons/material/round/image.svg";
+import be from "@servicetitan/anvil2/assets/icons/st/document_audio.svg";
+import xe from "@servicetitan/anvil2/assets/icons/st/document_doc.svg";
+import Se from "@servicetitan/anvil2/assets/icons/st/document_form.svg";
+import Ce from "@servicetitan/anvil2/assets/icons/st/document_other.svg";
+import we from "@servicetitan/anvil2/assets/icons/st/document_pdf.svg";
+import Te from "@servicetitan/anvil2/assets/icons/st/document_spreadsheet.svg";
+import Ee from "@servicetitan/anvil2/assets/icons/st/document_text.svg";
+import { primitive as De } from "@servicetitan/carto-react-kit/tokens";
+import { defineCatalog as T, getByPath as E, validateSpec as Oe } from "@json-render/core";
 import { schema as D } from "@json-render/react/schema";
-import { JSONUIProvider as Oe, Renderer as ke, createStateStore as Ae, defineRegistry as je, useStateStore as O } from "@json-render/react";
+import { JSONUIProvider as ke, Renderer as Ae, createStateStore as je, defineRegistry as Me, useStateStore as O } from "@json-render/react";
 import * as k from "@amcharts/amcharts5";
 import * as A from "@amcharts/amcharts5/xy";
-import Me from "@amcharts/amcharts5/themes/Animated";
-import { ThemeCategorical as Ne, ThemeMonochrome as Pe, ThemeSemantic as Fe } from "@servicetitan/anvil2-ext-charts/am5";
-import Ie from "@servicetitan/anvil2/assets/icons/material/round/check_circle.svg";
-import Le from "@servicetitan/anvil2/assets/icons/material/round/radio_button_unchecked.svg";
-import Re from "@servicetitan/anvil2/assets/icons/st/in_progress.svg";
-import * as ze from "@amcharts/amcharts5/percent";
+import Ne from "@amcharts/amcharts5/themes/Animated";
+import { ThemeCategorical as Pe, ThemeMonochrome as Fe, ThemeSemantic as Ie } from "@servicetitan/anvil2-ext-charts/am5";
+import Le from "@servicetitan/anvil2/assets/icons/material/round/check_circle.svg";
+import Re from "@servicetitan/anvil2/assets/icons/material/round/radio_button_unchecked.svg";
+import ze from "@servicetitan/anvil2/assets/icons/st/in_progress.svg";
+import * as Be from "@amcharts/amcharts5/percent";
 //#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.20.1/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
-function Be(e, t) {
+function Ve(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -37,19 +37,19 @@ function Be(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Ve(e) {
-	var t = Be(e, "string");
+function He(e) {
+	var t = Ve(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function He(e, t, n) {
-	return t = Ve(t), t in e ? Object.defineProperty(e, t, {
+function Ue(e, t, n) {
+	return t = He(t), t in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function Ue(e, t) {
+function We(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -59,28 +59,28 @@ function Ue(e, t) {
 	}
 	return n;
 }
-function We(e) {
+function Ge(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? Ue(Object(n), !0).forEach(function(t) {
-			He(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ue(Object(n)).forEach(function(t) {
+		t % 2 ? We(Object(n), !0).forEach(function(t) {
+			Ue(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : We(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
 	return e;
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	var n = {};
 	for (var r in e) n[r] = t(e[r], r);
 	return n;
 }
-var Ke = (e, t, n) => {
+var qe = (e, t, n) => {
 	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
 	return !0;
 }, j = (e) => {
 	var t = (t) => {
-		var n = e.defaultClassName, r = We(We({}, e.defaultVariants), t);
+		var n = e.defaultClassName, r = Ge(Ge({}, e.defaultVariants), t);
 		for (var i in r) {
 			var a = r[i] ?? e.defaultVariants[i];
 			if (a != null) {
@@ -90,7 +90,7 @@ var Ke = (e, t, n) => {
 				s && (n += " " + s);
 			}
 		}
-		for (var [c, l] of e.compoundVariants) Ke(c, r, e.defaultVariants) && (n += " " + l);
+		for (var [c, l] of e.compoundVariants) qe(c, r, e.defaultVariants) && (n += " " + l);
 		return n;
 	};
 	return t.variants = () => Object.keys(e.variantClassNames), t.classNames = {
@@ -98,10 +98,10 @@ var Ke = (e, t, n) => {
 			return e.defaultClassName.split(" ")[0];
 		},
 		get variants() {
-			return Ge(e.variantClassNames, (e) => Ge(e, (e) => e.split(" ")[0]));
+			return Ke(e.variantClassNames, (e) => Ke(e, (e) => e.split(" ")[0]));
 		}
 	}, t;
-}, qe = "_7hazmf0", Je = "_7hazmf1", Ye = "_7hazmf2", Xe = j({
+}, Je = "_7hazmf0", Ye = "_7hazmf1", Xe = "_7hazmf2", Ze = j({
 	defaultClassName: "_7hazmf3",
 	variantClassNames: { expanded: {
 		true: "_7hazmf4",
@@ -109,7 +109,7 @@ var Ke = (e, t, n) => {
 	} },
 	defaultVariants: { expanded: !1 },
 	compoundVariants: []
-}), Ze = j({
+}), Qe = j({
 	defaultClassName: "_7hazmf6",
 	variantClassNames: { expanded: {
 		true: "_7hazmf7",
@@ -117,7 +117,7 @@ var Ke = (e, t, n) => {
 	} },
 	defaultVariants: { expanded: !1 },
 	compoundVariants: []
-}), Qe = "_7hazmf9", $e = "_7hazmfa", et = "_7hazmfb", tt = j({
+}), $e = "_7hazmf9", et = "_7hazmfa", tt = "_7hazmfb", nt = j({
 	defaultClassName: "_7hazmfc",
 	variantClassNames: { expanded: {
 		true: "_7hazmfd",
@@ -131,17 +131,17 @@ var Ke = (e, t, n) => {
 	"danger",
 	"info",
 	"neutral"
-], nt = {
+], rt = {
 	success: x.semantic.BackgroundColorSuccessSubdued.value,
 	warning: x.semantic.BackgroundColorWarningSubdued.value,
 	danger: x.semantic.BackgroundColorDangerSubdued.value,
 	info: x.semantic.BackgroundColorPrimarySubdued.value,
 	neutral: x.semantic.BackgroundColorSecondary.value
 };
-function rt(e = "neutral") {
-	return nt[e];
+function it(e = "neutral") {
+	return rt[e];
 }
-var it = {
+var at = {
 	success: x.semantic.BackgroundColorSuccess.value,
 	warning: x.semantic.BackgroundColorWarning.value,
 	danger: x.semantic.ForegroundColorDanger.value,
@@ -149,9 +149,9 @@ var it = {
 	neutral: void 0
 };
 function N(e) {
-	return it[e];
+	return at[e];
 }
-function at(e) {
+function ot(e) {
 	if (e == null || e === "") return null;
 	if (typeof e == "object" && e && "label" in e) {
 		let t = e;
@@ -170,7 +170,7 @@ function at(e) {
 }
 //#endregion
 //#region src/context/components/collapsible-card.tsx
-function ot({ badge: e }) {
+function st({ badge: e }) {
 	return typeof e == "number" ? /* @__PURE__ */ S(o, {
 		label: String(e),
 		size: "small",
@@ -178,18 +178,18 @@ function ot({ badge: e }) {
 	}) : /* @__PURE__ */ S(o, {
 		label: e.label,
 		size: "small",
-		color: rt(e.tone ?? "neutral"),
+		color: it(e.tone ?? "neutral"),
 		style: { marginTop: "2px" }
 	});
 }
-var st = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
-	let [i, a] = b(n), [o, s] = b(n), c = me();
+var ct = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
+	let [i, a] = b(n), [o, s] = b(n), c = he();
 	return /* @__PURE__ */ S("div", {
-		className: qe,
+		className: Je,
 		children: /* @__PURE__ */ S(m, {
 			padding: "base",
 			content: /* @__PURE__ */ C("div", {
-				className: Ye,
+				className: Xe,
 				children: [/* @__PURE__ */ S(h, {
 					variant: "headline",
 					el: "h3",
@@ -204,25 +204,25 @@ var st = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
 								return t && s(!0), t;
 							});
 						},
-						className: Qe,
+						className: $e,
 						children: [/* @__PURE__ */ C("span", {
-							className: $e,
+							className: et,
 							children: [/* @__PURE__ */ S("span", {
-								className: et,
+								className: tt,
 								children: e
-							}), t == null ? null : /* @__PURE__ */ S(ot, { badge: t })]
-						}), /* @__PURE__ */ S(de, { className: tt({ expanded: i }) })]
+							}), t == null ? null : /* @__PURE__ */ S(st, { badge: t })]
+						}), /* @__PURE__ */ S(fe, { className: nt({ expanded: i }) })]
 					})
 				}), /* @__PURE__ */ S("div", {
-					className: Xe({ expanded: i }),
+					className: Ze({ expanded: i }),
 					onTransitionEnd: (e) => {
 						e.propertyName !== "grid-template-rows" || i || s(!1);
 					},
 					children: /* @__PURE__ */ S("div", {
-						className: Ze({ expanded: i }),
+						className: Qe({ expanded: i }),
 						children: /* @__PURE__ */ S("div", {
 							id: c,
-							className: Je,
+							className: Ye,
 							"aria-hidden": !i,
 							children: o ? r : null
 						})
@@ -231,31 +231,31 @@ var st = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
 			})
 		})
 	});
-}, ct = w.object({
+}, lt = w.object({
 	label: w.string(),
 	tone: w.enum(M).optional()
-}), lt = w.union([w.number().int().nonnegative(), ct]), ut = {
+}), ut = w.union([w.number().int().nonnegative(), lt]), dt = {
 	props: w.object({
 		title: w.string(),
 		defaultExpanded: w.boolean().optional(),
-		badge: lt.optional()
+		badge: ut.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."
-}, dt = ({ props: e, children: t }) => /* @__PURE__ */ S(st, {
+}, ft = ({ props: e, children: t }) => /* @__PURE__ */ S(ct, {
 	title: e.title,
 	...e.badge == null ? {} : { badge: e.badge },
 	defaultExpanded: e.defaultExpanded ?? !0,
 	children: t
-}), ft = w.object({
+}), pt = w.object({
 	label: w.string(),
 	tone: w.enum(M).optional()
-}), pt = w.union([
+}), mt = w.union([
 	w.string(),
 	w.number(),
 	w.null(),
-	ft
-]), mt = w.object({
+	pt
+]), ht = w.object({
 	key: w.string(),
 	header: w.string(),
 	type: w.enum([
@@ -265,10 +265,10 @@ var st = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
 		"delta"
 	]).optional(),
 	sortable: w.boolean().optional()
-}), ht = w.record(w.string(), pt).and(w.object({ id: w.string() })), gt = {
+}), gt = w.record(w.string(), mt).and(w.object({ id: w.string() })), _t = {
 	props: w.object({
-		columns: w.array(mt),
-		rows: w.array(ht),
+		columns: w.array(ht),
+		rows: w.array(gt),
 		defaultSortedColumn: w.object({
 			id: w.string(),
 			desc: w.boolean().optional()
@@ -276,10 +276,10 @@ var st = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
 	}),
 	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."
-}, _t = "_1b4fiav0", vt = "_1b4fiav1";
+}, vt = "_1b4fiav0", yt = "_1b4fiav1";
 //#endregion
 //#region src/context/catalog/context-data-table.tsx
-function yt(e) {
+function bt(e) {
 	if (e == null || e === "" || e === "–" || e === "0" || e === "0%") return {
 		text: "–",
 		sign: "none"
@@ -296,27 +296,27 @@ function yt(e) {
 		sign: "none"
 	};
 }
-var bt = ({ props: e }) => /* @__PURE__ */ S("div", {
-	className: _t,
-	children: /* @__PURE__ */ S(ge, {
+var xt = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: vt,
+	children: /* @__PURE__ */ S(_e, {
 		columns: v(() => {
-			let t = _e();
+			let t = ve();
 			return e.columns.map((e) => t(e.key, {
 				header: { label: e.header },
 				...e.sortable ? { sortable: !0 } : {},
 				...e.type === "currency" ? { type: "currency" } : {},
 				...e.type === "chip" ? { renderCell: (e) => {
-					let t = at(e);
+					let t = ot(e);
 					return t ? /* @__PURE__ */ S(o, {
 						label: t.label,
 						size: "small",
-						color: rt(t.tone)
+						color: it(t.tone)
 					}) : null;
 				} } : {},
 				...e.type === "delta" ? { renderCell: (e) => {
-					let { text: t, sign: n } = yt(e), r = n === "positive" ? N("danger") : n === "negative" ? N("success") : void 0;
+					let { text: t, sign: n } = bt(e), r = n === "positive" ? N("danger") : n === "negative" ? N("success") : void 0;
 					return /* @__PURE__ */ S("span", {
-						className: vt,
+						className: yt,
 						style: r ? { color: r } : void 0,
 						children: t
 					});
@@ -330,58 +330,58 @@ var bt = ({ props: e }) => /* @__PURE__ */ S("div", {
 			desc: e.defaultSortedColumn.desc ?? !1
 		} } : {}
 	})
-}), xt = w.object({
+}), St = w.object({
 	label: w.string(),
 	url: w.string()
-}), St = {
-	props: w.object({ items: w.array(xt) }),
+}), Ct = {
+	props: w.object({ items: w.array(St) }),
 	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."
-}, Ct = "_1afcqze0", wt = "_1afcqze1", Tt = "_1afcqze2", Et = "_1afcqze3", Dt = "_1afcqze4", Ot = "_1afcqze5", kt = "_1afcqze6", At = "_1afcqze7", jt = "_1afcqze8";
+}, wt = "_1afcqze0", Tt = "_1afcqze1", Et = "_1afcqze2", Dt = "_1afcqze3", Ot = "_1afcqze4", kt = "_1afcqze5", At = "_1afcqze6", jt = "_1afcqze7", Mt = "_1afcqze8";
 //#endregion
 //#region src/context/catalog/context-file-list.tsx
-function Mt(e) {
+function Nt(e) {
 	let 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";
 }
-var Nt = {
+var Pt = {
 	pdf: {
-		svg: Ce,
+		svg: we,
 		color: "#DC2626"
 	},
 	spreadsheet: {
-		svg: we,
+		svg: Te,
 		color: "#16A34A"
 	},
 	doc: {
-		svg: be,
+		svg: xe,
 		color: "#2563EB"
 	},
 	text: {
-		svg: Te,
+		svg: Ee,
 		color: "#6B7280"
 	},
 	form: {
-		svg: xe,
+		svg: Se,
 		color: "#2563EB"
 	},
 	audio: {
-		svg: ye,
+		svg: be,
 		color: "#6B7280"
 	},
 	image: {
-		svg: ve,
+		svg: ye,
 		color: "#374151"
 	},
 	generic: {
-		svg: Se,
+		svg: Ce,
 		color: "#6B7280"
 	}
-}, Pt = { "--a2-mod-icon-font-size": "80px" };
-function Ft({ kind: e }) {
-	let { svg: t, color: n } = Nt[e];
+}, Ft = { "--a2-mod-icon-font-size": "80px" };
+function It({ kind: e }) {
+	let { svg: t, color: n } = Pt[e];
 	return /* @__PURE__ */ S("div", {
-		className: Et,
+		className: Dt,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ S(d, {
 			svg: t,
@@ -390,49 +390,49 @@ function Ft({ kind: e }) {
 		})
 	});
 }
-function It(e, t) {
+function Lt(e, t) {
 	let n = document.createElement("a");
 	n.href = e, n.download = t, n.target = "_blank", n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), n.remove();
 }
-function Lt({ label: e }) {
+function Rt({ label: e }) {
 	return /* @__PURE__ */ S(h, {
 		variant: "body",
 		size: "regular",
 		text: e,
-		className: jt
+		className: Mt
 	});
 }
-function Rt({ item: e, kind: t }) {
-	let { svg: n, color: r } = Nt[t];
+function zt({ item: e, kind: t }) {
+	let { svg: n, color: r } = Pt[t];
 	return /* @__PURE__ */ C("div", {
-		className: Dt,
+		className: Ot,
 		children: [/* @__PURE__ */ S("div", {
-			className: Ot,
+			className: kt,
 			children: t === "image" ? /* @__PURE__ */ S("img", {
 				src: e.url,
 				alt: e.label,
-				className: kt
+				className: At
 			}) : /* @__PURE__ */ S("div", {
-				className: At,
+				className: jt,
 				children: /* @__PURE__ */ S(d, {
 					svg: n,
 					color: r,
-					style: Pt
+					style: Ft
 				})
 			})
-		}), /* @__PURE__ */ S(Lt, { label: e.label })]
+		}), /* @__PURE__ */ S(Rt, { label: e.label })]
 	});
 }
-function zt({ item: e, onPreview: t }) {
-	let n = Mt(e.label);
+function Bt({ item: e, onPreview: t }) {
+	let n = Nt(e.label);
 	return /* @__PURE__ */ S(m, {
-		className: wt,
+		className: Tt,
 		padding: "snug",
 		onPress: t,
 		label: `Preview ${e.label}`,
 		content: /* @__PURE__ */ C("div", {
-			className: Tt,
-			children: [/* @__PURE__ */ S(Ft, { kind: n }), /* @__PURE__ */ S(h, {
+			className: Et,
+			children: [/* @__PURE__ */ S(It, { kind: n }), /* @__PURE__ */ S(h, {
 				variant: "body",
 				size: "compact",
 				text: e.label
@@ -440,14 +440,14 @@ function zt({ item: e, onPreview: t }) {
 		})
 	});
 }
-function Bt({ item: e }) {
-	let [t, n] = b(!1), r = Mt(e.label);
-	return /* @__PURE__ */ C(he, { children: [/* @__PURE__ */ S(zt, {
+function Vt({ item: e }) {
+	let [t, n] = b(!1), r = Nt(e.label);
+	return /* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ S(Bt, {
 		item: e,
 		onPreview: () => n(!0)
 	}), /* @__PURE__ */ S(le, {
 		title: "View Attachment",
-		content: /* @__PURE__ */ S(Rt, {
+		content: /* @__PURE__ */ S(zt, {
 			item: e,
 			kind: r
 		}),
@@ -455,14 +455,14 @@ function Bt({ item: e }) {
 		onOpenChange: n,
 		...r === "image" ? {} : { primaryAction: {
 			label: "Download",
-			onPress: () => It(e.url, e.label)
+			onPress: () => Lt(e.url, e.label)
 		} }
 	})] });
 }
-var Vt = ({ props: e }) => /* @__PURE__ */ S("div", {
-	className: Ct,
-	children: e.items.map((e, t) => /* @__PURE__ */ S(Bt, { item: e }, `${e.label}-${t}`))
-}), Ht = w.object({
+var Ht = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: wt,
+	children: e.items.map((e, t) => /* @__PURE__ */ S(Vt, { item: e }, `${e.label}-${t}`))
+}), Ut = w.object({
 	title: w.string(),
 	identifier: w.string().optional(),
 	identifierHref: w.string().optional(),
@@ -470,23 +470,23 @@ var Vt = ({ props: e }) => /* @__PURE__ */ S("div", {
 	callout: w.string().optional(),
 	calloutTone: w.enum(M).optional(),
 	calloutLabel: w.string().optional()
-}), Ut = {
-	props: w.object({ items: w.array(Ht) }),
+}), Wt = {
+	props: w.object({ items: w.array(Ut) }),
 	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."
-}, Wt = "blgld0", Gt = "blgld1", Kt = "blgld2", qt = "blgld3", Jt = "blgld4", Yt = "blgld5", Xt = "blgld6", Zt = "blgld7";
+}, Gt = "blgld0", Kt = "blgld1", qt = "blgld2", Jt = "blgld3", Yt = "blgld4", Xt = "blgld5", Zt = "blgld6", Qt = "blgld7";
 //#endregion
 //#region src/context/catalog/context-list.tsx
-function Qt({ item: e }) {
+function $t({ item: e }) {
 	let t = e.calloutTone ? N(e.calloutTone) : void 0, n = e.identifier, r = e.callout != null || e.calloutLabel != null;
 	return /* @__PURE__ */ C("div", {
-		className: qt,
+		className: Jt,
 		children: [/* @__PURE__ */ C("div", {
-			className: Jt,
+			className: Yt,
 			children: [/* @__PURE__ */ C("div", {
-				className: Yt,
+				className: Xt,
 				children: [
-					n && e.identifierHref ? /* @__PURE__ */ S(ue, {
+					n && e.identifierHref ? /* @__PURE__ */ S(de, {
 						href: e.identifierHref,
 						target: "_blank",
 						text: n
@@ -497,7 +497,7 @@ function Qt({ item: e }) {
 					}) : null,
 					n ? /* @__PURE__ */ S("span", {
 						"aria-hidden": "true",
-						className: Xt
+						className: Zt
 					}) : null,
 					/* @__PURE__ */ S(h, {
 						variant: "body",
@@ -509,10 +509,10 @@ function Qt({ item: e }) {
 				variant: "body",
 				size: "fine",
 				text: e.meta,
-				className: Gt
+				className: Kt
 			}) : null]
 		}), r ? /* @__PURE__ */ C("div", {
-			className: Zt,
+			className: Qt,
 			children: [e.callout ? /* @__PURE__ */ S(h, {
 				variant: "headline",
 				el: "h6",
@@ -522,29 +522,29 @@ function Qt({ item: e }) {
 			}) : null, e.calloutLabel ? /* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: e.calloutLabel,
-				className: Gt
+				className: Kt
 			}) : null]
 		}) : null]
 	});
 }
-var $t = ({ props: e }) => /* @__PURE__ */ S("div", {
-	className: Wt,
+var en = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: Gt,
 	children: e.items.map((e, t) => /* @__PURE__ */ S("div", {
-		className: Kt,
-		children: /* @__PURE__ */ S(Qt, { item: e })
+		className: qt,
+		children: /* @__PURE__ */ S($t, { item: e })
 	}, e.identifier ?? e.title ?? t))
-}), en = w.object({
+}), tn = w.object({
 	label: w.string(),
 	value: w.string(),
 	tone: w.enum(M).optional()
-}), tn = {
+}), nn = {
 	props: w.object({
-		items: w.array(en),
+		items: w.array(tn),
 		columns: w.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."
-}, nn = j({
+}, rn = j({
 	defaultClassName: "_16tl57e0",
 	variantClassNames: { columns: {
 		3: "_16tl57e1",
@@ -552,16 +552,16 @@ var $t = ({ props: e }) => /* @__PURE__ */ S("div", {
 	} },
 	defaultVariants: { columns: "3" },
 	compoundVariants: []
-}), rn = "_16tl57e3", an = "_16tl57e4", on = ({ props: e }) => /* @__PURE__ */ S("div", {
-	className: nn({ columns: e.columns === "4" ? "4" : "3" }),
+}), an = "_16tl57e3", on = "_16tl57e4", sn = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: rn({ columns: e.columns === "4" ? "4" : "3" }),
 	children: e.items.map((e) => {
 		let t = e.tone ? N(e.tone) : void 0;
 		return /* @__PURE__ */ C("div", {
-			className: an,
+			className: on,
 			children: [/* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: e.label.toUpperCase(),
-				className: rn
+				className: an
 			}), /* @__PURE__ */ S(h, {
 				variant: "headline",
 				el: "h6",
@@ -571,8 +571,8 @@ var $t = ({ props: e }) => /* @__PURE__ */ S("div", {
 			})]
 		}, e.label);
 	})
-}), sn = "_2pn4ri0", cn = ({ summary: e }) => /* @__PURE__ */ S("div", {
-	className: sn,
+}), cn = "_2pn4ri0", ln = ({ summary: e }) => /* @__PURE__ */ S("div", {
+	className: cn,
 	"data-carto": "context-ai-summary",
 	children: /* @__PURE__ */ S(m, {
 		highlighted: !0,
@@ -585,27 +585,27 @@ var $t = ({ props: e }) => /* @__PURE__ */ S("div", {
 			text: e
 		})
 	})
-}), ln = "_4l9lye0", un = "_4l9lye1", dn = "_4l9lye2", fn = "_4l9lye3", P = "_4l9lye4", pn = w.object({
+}), un = "_4l9lye0", dn = "_4l9lye1", fn = "_4l9lye2", pn = "_4l9lye3", P = "_4l9lye4", mn = w.object({
 	category: w.string().optional(),
 	body: w.string(),
 	author: w.string().optional(),
 	date: w.string().optional(),
 	truncate: w.boolean().optional()
-}), mn = {
+}), hn = {
 	props: w.object({
 		summary: w.string().optional(),
-		items: w.array(pn)
+		items: w.array(mn)
 	}),
 	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."
 };
 //#endregion
 //#region src/context/catalog/context-note-list.tsx
-function hn({ item: e }) {
+function gn({ item: e }) {
 	return /* @__PURE__ */ C("div", {
-		className: dn,
+		className: fn,
 		children: [e.category || e.author || e.date ? /* @__PURE__ */ C("div", {
-			className: fn,
+			className: pn,
 			children: [e.category ? /* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: e.category,
@@ -628,20 +628,20 @@ function hn({ item: e }) {
 		})]
 	});
 }
-var gn = ({ props: e }) => /* @__PURE__ */ C("div", {
-	className: ln,
+var _n = ({ props: e }) => /* @__PURE__ */ C("div", {
+	className: un,
 	children: [e.summary ? /* @__PURE__ */ S("div", {
-		className: un,
-		children: /* @__PURE__ */ S(cn, { summary: e.summary })
-	}) : null, e.items.map((e, t) => /* @__PURE__ */ S(hn, { item: e }, `${e.category ?? ""}-${t}`))]
-}), _n = {
+		className: dn,
+		children: /* @__PURE__ */ S(ln, { summary: e.summary })
+	}) : null, e.items.map((e, t) => /* @__PURE__ */ S(gn, { item: e }, `${e.category ?? ""}-${t}`))]
+}), vn = {
 	props: w.object({ summary: w.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."
-}, vn = "_1ysu3qn0", yn = "_1ysu3qn1", bn = ({ props: t }) => /* @__PURE__ */ C("section", {
-	className: vn,
+}, yn = "_1ysu3qn0", bn = "_1ysu3qn1", xn = ({ props: t }) => /* @__PURE__ */ C("section", {
+	className: yn,
 	children: [/* @__PURE__ */ C("div", {
-		className: yn,
+		className: bn,
 		children: [/* @__PURE__ */ S(h, {
 			variant: "headline",
 			el: "h2",
@@ -656,55 +656,55 @@ var gn = ({ props: e }) => /* @__PURE__ */ C("div", {
 		size: "regular",
 		text: t.summary
 	})]
-}), xn = {
+}), Sn = {
 	props: w.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."
-}, F = "_19nljxi0", Sn = ({ children: e }) => /* @__PURE__ */ S("div", {
+}, F = "_19nljxi0", Cn = ({ children: e }) => /* @__PURE__ */ S("div", {
 	className: F,
 	children: g.toArray(e).filter(Boolean)
-}), Cn = w.object({
+}), wn = w.object({
 	label: w.string(),
 	value: w.string()
-}), wn = w.object({
+}), Tn = w.object({
 	eyebrow: w.string().optional(),
 	identifier: w.string().optional(),
 	identifierHref: w.string().optional(),
-	fields: w.array(Cn)
-}), Tn = w.object({
+	fields: w.array(wn)
+}), En = w.object({
 	label: w.string(),
-	items: w.array(wn)
-}), En = {
-	props: w.object({ groups: w.array(Tn) }),
+	items: w.array(Tn)
+}), Dn = {
+	props: w.object({ groups: w.array(En) }),
 	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."
-}, Dn = "_5kl5rv0", On = "_5kl5rv1", kn = "_5kl5rv2", I = "_5kl5rv3", An = "_5kl5rv4", jn = "_5kl5rv5", Mn = "_5kl5rv6";
+}, On = "_5kl5rv0", kn = "_5kl5rv1", An = "_5kl5rv2", I = "_5kl5rv3", jn = "_5kl5rv4", Mn = "_5kl5rv5", Nn = "_5kl5rv6";
 //#endregion
 //#region src/context/catalog/context-tabular-list.tsx
-function Nn(e) {
+function Pn(e) {
 	let t = e + 1;
 	if (t <= 1) return "max-content";
-	let n = `minmax(${Ee.size[400]}, 1fr)`;
+	let n = `minmax(${De.size[400]}, 1fr)`;
 	return Array(t).fill("max-content").join(` ${n} `);
 }
-function Pn(e) {
+function Fn(e) {
 	return e * 2 + 1;
 }
-function Fn({ item: e, gridRow: t }) {
+function In({ item: e, gridRow: t }) {
 	let n = (e) => ({
 		style: {
-			gridColumn: Pn(e),
+			gridColumn: Fn(e),
 			gridRow: t
 		},
-		className: Mn
+		className: Nn
 	});
-	return /* @__PURE__ */ C(he, { children: [/* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ C("div", {
 		...n(0),
 		children: [e.eyebrow ? /* @__PURE__ */ S(h, {
 			variant: "eyebrow",
 			text: e.eyebrow,
 			className: I
-		}) : null, e.identifier && e.identifierHref ? /* @__PURE__ */ S(ue, {
+		}) : null, e.identifier && e.identifierHref ? /* @__PURE__ */ S(de, {
 			href: e.identifierHref,
 			target: "_blank",
 			text: e.identifier
@@ -726,14 +726,14 @@ function Fn({ item: e, gridRow: t }) {
 		})]
 	}, e.label))] });
 }
-var In = ({ props: e }) => /* @__PURE__ */ S("div", {
-	className: Dn,
+var Ln = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: On,
 	children: e.groups.map((e) => {
 		let t = e.items[0]?.fields.length ?? 0;
 		return /* @__PURE__ */ C("div", {
-			className: On,
+			className: kn,
 			children: [/* @__PURE__ */ S("div", {
-				className: kn,
+				className: An,
 				children: /* @__PURE__ */ S(h, {
 					variant: "headline",
 					el: "h5",
@@ -741,14 +741,14 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 					text: e.label
 				})
 			}), /* @__PURE__ */ S("div", {
-				className: An,
-				style: { gridTemplateColumns: Nn(t) },
+				className: jn,
+				style: { gridTemplateColumns: Pn(t) },
 				children: e.items.map((e, t) => {
 					let n = t * 2 + 1;
-					return /* @__PURE__ */ C(pe, { children: [t > 0 ? /* @__PURE__ */ S("div", {
-						className: jn,
+					return /* @__PURE__ */ C(me, { children: [t > 0 ? /* @__PURE__ */ S("div", {
+						className: Mn,
 						style: { gridRow: t * 2 }
-					}) : null, /* @__PURE__ */ S(Fn, {
+					}) : null, /* @__PURE__ */ S(In, {
 						item: e,
 						gridRow: n
 					})] }, e.identifier ?? e.eyebrow ?? t);
@@ -757,16 +757,16 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 		}, e.label);
 	})
 }), L = {
-	ContextPanel: xn,
-	ContextOverview: _n,
-	ContextCard: ut
+	ContextPanel: Sn,
+	ContextOverview: vn,
+	ContextCard: dt
 }, R = {
-	ContextNoteList: mn,
-	ContextMetricGrid: tn,
-	ContextDataTable: gt,
-	ContextList: Ut,
-	ContextTabularList: En,
-	ContextFileList: St
+	ContextNoteList: hn,
+	ContextMetricGrid: nn,
+	ContextDataTable: _t,
+	ContextList: Wt,
+	ContextTabularList: Dn,
+	ContextFileList: Ct
 }, z = {
 	"atlas.submitUserAction": {
 		params: w.object({
@@ -786,11 +786,11 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 		}),
 		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."
 	}
-}, Ln = {
+}, Rn = {
 	"atlas.submitUserAction": async (e) => {},
 	"atlas.navigate": async (e) => {},
 	"atlas.toolCall": async (e) => {}
-}, Rn = {
+}, zn = {
 	props: w.object({
 		title: w.string(),
 		status: w.enum([
@@ -805,7 +805,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, zn = {
+}, Bn = {
 	props: w.object({
 		data: w.array(w.object({
 			category: w.string(),
@@ -822,7 +822,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, Bn = {
+}, Vn = {
 	props: w.object({
 		label: w.string(),
 		appearance: w.enum([
@@ -844,7 +844,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, Vn = {
+}, Hn = {
 	props: w.object({
 		title: w.string().optional(),
 		description: w.string().optional(),
@@ -859,7 +859,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, Hn = {
+}, Un = {
 	props: w.object({
 		label: w.string(),
 		checked: w.boolean().optional(),
@@ -868,7 +868,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, Un = {
+}, Wn = {
 	props: w.object({
 		label: w.string(),
 		size: w.enum(["small", "medium"]).optional(),
@@ -883,7 +883,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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)."
-}, Wn = {
+}, Gn = {
 	props: w.object({
 		vertical: w.boolean().optional(),
 		spacing: w.enum([
@@ -906,7 +906,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, Gn = {
+}, Kn = {
 	props: w.object({
 		data: w.array(w.object({
 			category: w.string(),
@@ -923,7 +923,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	slots: [],
 	description: "Donut chart with optional legend and Anvil2 theme. data: [{category, value}]. theme: monochrome (≤4 vars), categorical (5-9 distinct), semantic (status values)."
-}, Kn = {
+}, qn = {
 	props: w.object({
 		direction: w.enum(["row", "column"]).optional(),
 		gap: w.enum([
@@ -973,7 +973,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, B = {
+}, Jn = {
 	props: w.object({
 		templateColumns: w.string().optional(),
 		gap: w.enum([
@@ -992,7 +992,75 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, qn = {
+}, Yn = w.object({
+	from: w.string().nullable().optional(),
+	to: w.string().nullable().optional()
+}).refine((e) => !("type" in e)), Xn = w.discriminatedUnion("type", [
+	w.object({
+		type: w.literal("text"),
+		value: w.string()
+	}),
+	w.object({
+		type: w.literal("diff"),
+		from: w.string().nullable().optional(),
+		to: w.string().nullable().optional()
+	}),
+	w.object({
+		type: w.literal("addition"),
+		value: w.string()
+	})
+]), Zn = w.union([
+	w.string(),
+	Xn,
+	Yn
+]), Qn = w.object({
+	key: w.string(),
+	header: w.string(),
+	minWidth: w.enum([
+		"compact",
+		"standard",
+		"wide"
+	]).optional()
+}), $n = w.record(w.string(), Zn).and(w.object({ id: w.string() })), er = w.object({
+	label: w.string(),
+	columns: w.array(Qn),
+	data: w.array($n),
+	reason: w.string().optional()
+}), tr = w.object({
+	id: w.string(),
+	label: w.string(),
+	from: w.string().nullable().optional(),
+	to: w.string().nullable().optional(),
+	reason: w.string().optional()
+}), nr = w.object({
+	type: w.literal("single"),
+	changes: w.array(tr)
+}), rr = w.object({
+	type: w.literal("table"),
+	label: w.string(),
+	changeTables: w.array(er)
+}), ir = w.discriminatedUnion("type", [nr, rr]), ar = {
+	props: w.object({
+		state: w.enum([
+			"default",
+			"accepted",
+			"rejected",
+			"skipped"
+		]).optional(),
+		referenceLabel: w.string(),
+		referenceHref: w.string().optional(),
+		changeSections: w.array(ir),
+		appliedChangeIds: w.array(w.string()).optional(),
+		defaultExpanded: w.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). Column minWidth presets: compact (codes/SKUs/quantities) | standard (names/dates) | wide (descriptions/diffs) — omit when flexible. Table cell rendering is defined per cell via string (plain text), { type: text | diff | addition, ... }, or legacy { from, to } diff shorthand. appliedChangeIds filters accepted-state content. referenceHref opens the linked record in a new tab. Emits apply, edit, and dismiss."
+}, or = {
 	props: w.object({
 		name: w.enum([
 			"check-circle",
@@ -1009,7 +1077,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, Jn = {
+}, sr = {
 	props: w.object({
 		label: w.string(),
 		placeholder: w.string().optional(),
@@ -1027,7 +1095,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, Yn = {
+}, B = {
 	props: w.object({
 		data: w.array(w.record(w.string(), w.union([w.string(), w.number()]))),
 		series: w.array(w.string()).optional(),
@@ -1043,7 +1111,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, Xn = {
+}, cr = {
 	props: w.object({
 		label: w.string(),
 		href: w.string(),
@@ -1055,7 +1123,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, Zn = {
+}, lr = {
 	props: w.object({
 		label: w.string(),
 		options: w.array(w.object({
@@ -1068,7 +1136,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, Qn = {
+}, ur = {
 	props: w.object({
 		label: w.string(),
 		value: w.number().min(0).max(100).optional(),
@@ -1077,7 +1145,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, $n = {
+}, dr = {
 	props: w.object({
 		label: w.string(),
 		options: w.array(w.object({
@@ -1090,7 +1158,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, er = {
+}, fr = {
 	props: w.object({
 		label: w.string(),
 		checked: w.boolean().optional(),
@@ -1099,7 +1167,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
-}, tr = {
+}, pr = {
 	props: w.object({
 		content: w.string(),
 		variant: w.enum([
@@ -1117,7 +1185,7 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	}),
 	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."
-}, nr = {
+}, mr = {
 	props: w.object({
 		label: w.string(),
 		placeholder: w.string().optional(),
@@ -1131,26 +1199,27 @@ var In = ({ props: e }) => /* @__PURE__ */ S("div", {
 	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."
 }, V = {
-	Text: tr,
-	Card: Vn,
-	Flex: Kn,
-	Grid: B,
-	Alert: Rn,
-	Divider: Wn,
-	Icon: qn,
-	Chip: Un,
-	Link: Xn,
-	ProgressBar: Qn,
-	BarChart: zn,
-	DonutChart: Gn,
-	LineChart: Yn,
-	Button: Bn,
-	Checkbox: Hn,
-	Input: Jn,
-	Textarea: nr,
-	Listbox: Zn,
-	RadioGroup: $n,
-	Switch: er
+	Text: pr,
+	Card: Hn,
+	Flex: qn,
+	Grid: Jn,
+	Alert: zn,
+	Divider: Gn,
+	Icon: or,
+	Chip: Wn,
+	Link: cr,
+	ProgressBar: ur,
+	BarChart: Bn,
+	DonutChart: Kn,
+	LineChart: B,
+	Button: Vn,
+	Checkbox: Un,
+	Input: sr,
+	Textarea: mr,
+	Listbox: lr,
+	RadioGroup: dr,
+	Switch: fr,
+	GuidanceCard: ar
 };
 //#endregion
 //#region src/scoped-catalog.ts
@@ -1174,10 +1243,10 @@ function H(e = {}) {
 	}
 	return i;
 }
-function rr(e) {
+function hr(e) {
 	return e;
 }
-function ir(e) {
+function gr(e) {
 	let t = H({
 		core: e.core ?? "all",
 		...e.overrides ? { overrides: e.overrides } : {},
@@ -1205,7 +1274,7 @@ function ir(e) {
 		}
 	};
 }
-var ar = H({
+var _r = H({
 	core: [
 		"Text",
 		"Chip",
@@ -1217,89 +1286,89 @@ var ar = H({
 		...L,
 		...R
 	}
-}), or = T(D, {
-	components: ar,
+}), vr = T(D, {
+	components: _r,
 	actions: z
 }), U = [
 	{
 		name: "ContextPanel",
 		catalog: L.ContextPanel,
-		renderer: Sn,
+		renderer: Cn,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextOverview",
 		catalog: L.ContextOverview,
-		renderer: bn,
+		renderer: xn,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextCard",
 		catalog: L.ContextCard,
-		renderer: dt,
+		renderer: ft,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextNoteList",
 		catalog: R.ContextNoteList,
-		renderer: gn,
+		renderer: _n,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextMetricGrid",
 		catalog: R.ContextMetricGrid,
-		renderer: on,
+		renderer: sn,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextDataTable",
 		catalog: R.ContextDataTable,
-		renderer: bt,
+		renderer: xt,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextList",
 		catalog: R.ContextList,
-		renderer: $t,
+		renderer: en,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextTabularList",
 		catalog: R.ContextTabularList,
-		renderer: In,
+		renderer: Ln,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextFileList",
 		catalog: R.ContextFileList,
-		renderer: Vt,
+		renderer: Ht,
 		renderers: ["context"]
 	}
 ];
 Object.fromEntries(U.filter(({ name: e }) => e in L).map(({ name: e, renderer: t }) => [e, t])), Object.fromEntries(U.filter(({ name: e }) => e in R).map(({ name: e, renderer: t }) => [e, t]));
 //#endregion
 //#region src/context/constants.ts
-var sr = [
+var yr = [
 	"ContextPanel",
 	"ContextOverview",
 	"ContextCard"
-], cr = ["ContextOverview", "ContextCard"];
-function lr(e) {
-	return sr.includes(e);
+], br = ["ContextOverview", "ContextCard"];
+function xr(e) {
+	return yr.includes(e);
 }
-function ur(e) {
-	return cr.includes(e);
+function Sr(e) {
+	return br.includes(e);
 }
 //#endregion
 //#region src/context/validate-context-spec.ts
 function W(e, t) {
 	return e.elements[t];
 }
-function dr(e, t, n = /* @__PURE__ */ new Set()) {
+function Cr(e, t, n = /* @__PURE__ */ new Set()) {
 	let r = W(e, t);
 	if (!r || n.has(t)) return n;
 	n.add(t);
-	for (let t of r.children ?? []) dr(e, t, n);
+	for (let t of r.children ?? []) Cr(e, t, n);
 	return n;
 }
 function G(e) {
@@ -1322,7 +1391,7 @@ function G(e) {
 			});
 			continue;
 		}
-		if (!ur(r.type)) {
+		if (!Sr(r.type)) {
 			t.push({
 				path: `/elements/${n}`,
 				message: `Direct child of ContextPanel must be ContextOverview or ContextCard — got "${r.type}".`
@@ -1333,10 +1402,10 @@ function G(e) {
 			path: `/elements/${n}`,
 			message: "ContextOverview may appear at most once in ContextPanel."
 		}));
-		for (let r of dr(e, n)) {
+		for (let r of Cr(e, n)) {
 			if (r === n) continue;
 			let i = W(e, r);
-			i && lr(i.type) && t.push({
+			i && xr(i.type) && t.push({
 				path: `/elements/${r}`,
 				message: `Shell component "${i.type}" cannot be nested inside a card.`
 			});
@@ -1356,49 +1425,49 @@ function q(e, t, n, r) {
 		severity: r
 	});
 }
-function fr(e, t) {
+function wr(e, t) {
 	return t.length === 0 ? e : `${e}/${t.map((e) => typeof e == "number" ? `[${e}]` : `.${String(e)}`).join("").replace(/^\./, "")}`;
 }
-function pr(e) {
-	return ar[e];
+function Tr(e) {
+	return _r[e];
 }
-function mr(e) {
+function Er(e) {
 	return (e?.slots?.length ?? 0) === 0;
 }
-function hr(e, t) {
+function Dr(e, t) {
 	for (let [n, r] of Object.entries(e.elements)) r && r.type === "ContextCard" && r.props.defaultExpanded === !1 && q(t, `/elements/${n}/props/defaultExpanded`, "defaultExpanded: false shows only the card header until the user expands the card.", "warn");
 }
-function gr(e) {
+function Or(e) {
 	let t = [];
 	for (let n of G(e)) q(t, n.path, n.message, "error");
-	let n = De(e);
+	let n = Oe(e);
 	if (!n.valid) for (let e of n.issues) q(t, e.elementKey ? `/elements/${e.elementKey}` : "/", e.message, e.severity === "warning" ? "warn" : "error");
-	let r = or.validate(e);
+	let r = vr.validate(e);
 	if (!r.success && r.error) for (let e of r.error.issues) {
 		let n = e.path.length > 0 ? `/${e.path.join("/")}` : "/";
 		n.endsWith("/visible") || n.endsWith("/children") && e.message.includes("expected array, received undefined") || q(t, n, e.message, "error");
 	}
 	for (let [n, r] of Object.entries(e.elements)) {
 		if (!r) continue;
-		let e = pr(r.type);
+		let e = Tr(r.type);
 		if (!e) {
 			q(t, `/elements/${n}`, `Unknown component type "${r.type}" for context catalog.`, "error");
 			continue;
 		}
 		if (e.props) {
 			let i = e.props.safeParse(r.props ?? {});
-			if (!i.success) for (let e of i.error.issues) q(t, fr(`/elements/${n}/props`, e.path), e.message, "error");
+			if (!i.success) for (let e of i.error.issues) q(t, wr(`/elements/${n}/props`, e.path), e.message, "error");
 		}
-		let i = r.children, a = mr(e);
+		let i = r.children, a = Er(e);
 		i === void 0 && a && q(t, `/elements/${n}/children`, `Leaf element "${r.type}" should include "children": [].`, "warn"), a && (i?.length ?? 0) > 0 && q(t, `/elements/${n}/children`, `Leaf component "${r.type}" must not have children.`, "error");
 	}
-	return hr(e, t), t;
+	return Dr(e, t), t;
 }
-function _r(e) {
+function kr(e) {
 	let t = [], n = structuredClone(e);
 	for (let [e, r] of Object.entries(n.elements)) {
 		if (!r) continue;
-		let n = mr(pr(r.type));
+		let n = Er(Tr(r.type));
 		r.children === void 0 && n && (r.children = [], t.push(`Added children: [] to leaf element "${e}".`)), n && r.children && r.children.length > 0 && (r.children = [], t.push(`Removed illegal children from leaf element "${e}".`));
 	}
 	return {
@@ -1406,15 +1475,15 @@ function _r(e) {
 		fixes: t
 	};
 }
-function vr(e) {
+function Ar(e) {
 	return e.some((e) => e.severity !== "warn");
 }
-function yr(e) {
-	return K(gr(e));
+function jr(e) {
+	return K(Or(e));
 }
 //#endregion
 //#region src/core/catalog/alert.tsx
-var br = ({ props: e, emit: n, children: r }) => /* @__PURE__ */ S(t, {
+var Mr = ({ props: e, emit: n, children: r }) => /* @__PURE__ */ S(t, {
 	title: e.title,
 	status: e.status ?? "info",
 	...e.aiMark ? { aiMark: !0 } : {},
@@ -1425,15 +1494,15 @@ var br = ({ props: e, emit: n, children: r }) => /* @__PURE__ */ S(t, {
 //#region src/core/catalog/chart-utils.ts
 function Y(e, t = "monochrome") {
 	let n = {
-		monochrome: Pe,
-		categorical: Ne,
-		semantic: Fe
-	}[t] ?? Pe;
-	e.setThemes([Me.new(e), n.new(e)]);
+		monochrome: Fe,
+		categorical: Pe,
+		semantic: Ie
+	}[t] ?? Fe;
+	e.setThemes([Ne.new(e), n.new(e)]);
 }
 //#endregion
 //#region src/core/catalog/bar-chart.tsx
-var xr = ({ props: e }) => {
+var Nr = ({ props: e }) => {
 	let t = y(null);
 	return _(() => {
 		let n = t.current;
@@ -1488,7 +1557,7 @@ function X(e) {
 }
 //#endregion
 //#region src/core/catalog/button.tsx
-var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
+var Pr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 	appearance: e.appearance ?? "secondary",
 	...X({
 		size: e.size,
@@ -1500,7 +1569,7 @@ var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 		"aria-label": e.badge ? `${e.badge} unread` : "unread",
 		children: e.badge
 	})]
-}), Cr = ({ props: e, children: t }) => {
+}), Fr = ({ props: e, children: t }) => {
 	let n = e.title !== void 0 || e.description !== void 0;
 	return /* @__PURE__ */ C(i, {
 		flexDirection: "column",
@@ -1524,10 +1593,10 @@ var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 			})]
 		}) : null, t]
 	});
-}, wr = T(D, {
+}, Ir = T(D, {
 	components: V,
 	actions: z
-}), Tr = ({ props: e, bindings: t, emit: n }) => {
+}), Lr = ({ props: e, bindings: t, emit: n }) => {
 	let r = t?.checked, { state: i, set: o } = O(), s = r ? E(i, r) : void 0, c = r ? s ?? e.checked ?? !1 : e.checked ?? !1;
 	return /* @__PURE__ */ S(a, {
 		label: e.label,
@@ -1537,12 +1606,12 @@ var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 			r && o(r, !(t?.checked ?? !1)), n("change");
 		}
 	});
-}, Er = {
-	"check-circle": Ie,
-	"in-progress": Re,
-	"radio-button-unchecked": Le
-}, Dr = ({ props: e, emit: t }) => {
-	let n = e.icon ? Er[e.icon] : void 0, r = e.removable && e.size !== "small" ? () => t("close") : void 0;
+}, Rr = {
+	"check-circle": Le,
+	"in-progress": ze,
+	"radio-button-unchecked": Re
+}, zr = ({ props: e, emit: t }) => {
+	let n = e.icon ? Rr[e.icon] : void 0, r = e.removable && e.size !== "small" ? () => t("close") : void 0;
 	return /* @__PURE__ */ S(o, {
 		label: e.label,
 		...X({
@@ -1552,21 +1621,21 @@ var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 			onClose: r
 		})
 	});
-}, Or = ({ props: e }) => /* @__PURE__ */ S(s, { ...X({
+}, Br = ({ props: e }) => /* @__PURE__ */ S(s, { ...X({
 	vertical: e.vertical,
 	spacing: e.spacing,
 	alignContent: e.alignContent
-}) }), kr = ({ props: e }) => {
+}) }), Vr = ({ props: e }) => {
 	let t = y(null);
 	return _(() => {
 		let n = t.current;
 		if (!n) return;
 		let r, i = () => {
 			r && r.dispose(), r = k.Root.new(n), Y(r, e.theme);
-			let t = r.container.children.push(ze.PieChart.new(r, {
+			let t = r.container.children.push(Be.PieChart.new(r, {
 				layout: r.horizontalLayout,
 				innerRadius: k.percent(50)
-			})), i = t.series.push(ze.PieSeries.new(r, {
+			})), i = t.series.push(Be.PieSeries.new(r, {
 				valueField: "value",
 				categoryField: "category",
 				legendValueText: ""
@@ -1587,7 +1656,7 @@ var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 		className: J,
 		style: { height: e.height ?? 300 }
 	});
-}, Ar = ({ props: e, children: t }) => /* @__PURE__ */ S(l, {
+}, Hr = ({ props: e, children: t }) => /* @__PURE__ */ S(l, {
 	...X({
 		direction: e.direction,
 		gap: e.gap,
@@ -1601,21 +1670,21 @@ var Sr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 		inline: e.inline
 	}),
 	children: t
-}), jr = (...e) => e.filter(Boolean).join(" "), Mr = "_1v76lkh0", Nr = "_1v76lkh1";
+}), Ur = (...e) => e.filter(Boolean).join(" "), Wr = "_1v76lkh0", Gr = "_1v76lkh1";
 //#endregion
 //#region src/core/catalog/grid.tsx
-function Pr(e) {
+function Kr(e) {
 	let t = e.match(/repeat\(\s*(\d+)/);
 	return t?.[1] ? Number(t[1]) : e.trim().split(/\s+/).length;
 }
-var Fr = ({ props: e, children: t }) => {
+var qr = ({ props: e, children: t }) => {
 	if (e.bordered) {
-		let n = e.templateColumns ?? "1fr", r = g.count(t), i = Math.max(1, Pr(n)), a = Math.max(0, r - (r % i || i));
+		let n = e.templateColumns ?? "1fr", r = g.count(t), i = Math.max(1, Kr(n)), a = Math.max(0, r - (r % i || i));
 		return /* @__PURE__ */ S("div", {
-			className: Mr,
+			className: Wr,
 			style: { gridTemplateColumns: n },
 			children: g.map(t, (e, t) => /* @__PURE__ */ S("div", {
-				className: jr(Nr, t < a && "_1v76lkh2"),
+				className: Ur(Gr, t < a && "_1v76lkh2"),
 				children: e
 			}))
 		});
@@ -1625,12 +1694,68 @@ var Fr = ({ props: e, children: t }) => {
 		gap: e.gap ?? "2",
 		children: t
 	});
-}, Ir = {
-	"check-circle": Ie,
-	"in-progress": Re,
-	"radio-button-unchecked": Le
-}, Lr = ({ props: e }) => {
-	let t = Ir[e.name];
+}, Jr = {
+	compact: 120,
+	standard: 180,
+	wide: 280
+};
+function Yr(e) {
+	if (e != null) return Jr[e];
+}
+//#endregion
+//#region src/core/catalog/guidance-card.tsx
+function Xr(e) {
+	let t = {
+		key: e.key,
+		header: e.header
+	};
+	return e.minWidth !== void 0 && (t.minWidth = Yr(e.minWidth)), t;
+}
+var Zr = ({ props: e, emit: t, bindings: n }) => {
+	let { set: r } = O(), i = n?.appliedChangeIds, a = (e) => {
+		i && r(i, e);
+	}, o = e.changeSections.map((e) => e.type === "single" ? {
+		type: "single",
+		changes: e.changes.map((e) => ({
+			id: e.id,
+			label: e.label,
+			from: e.from ?? null,
+			to: e.to ?? null,
+			...e.reason === void 0 ? {} : { reason: e.reason }
+		}))
+	} : {
+		type: "table",
+		label: e.label,
+		changeTables: e.changeTables.map((e) => ({
+			label: e.label,
+			columns: e.columns.map(Xr),
+			data: e.data,
+			...e.reason === void 0 ? {} : { reason: e.reason }
+		}))
+	});
+	return /* @__PURE__ */ S(ue, {
+		referenceLabel: e.referenceLabel,
+		changeSections: o,
+		...X({
+			state: e.state,
+			referenceHref: e.referenceHref,
+			appliedChangeIds: e.appliedChangeIds,
+			defaultExpanded: e.defaultExpanded
+		}),
+		onApply: (e) => {
+			a(e), t("apply");
+		},
+		onEdit: (e) => {
+			a(e), t("edit");
+		},
+		onDismiss: () => t("dismiss")
+	});
+}, Qr = {
+	"check-circle": Le,
+	"in-progress": ze,
+	"radio-button-unchecked": Re
+}, $r = ({ props: e }) => {
+	let t = Qr[e.name];
 	return t ? /* @__PURE__ */ S(d, {
 		svg: t,
 		...X({
@@ -1638,7 +1763,7 @@ var Fr = ({ props: e, children: t }) => {
 			color: e.color
 		})
 	}) : null;
-}, Rr = ({ props: e, bindings: t, emit: n }) => {
+}, ei = ({ props: e, bindings: t, emit: n }) => {
 	let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
 	return /* @__PURE__ */ S(se, {
 		label: e.label,
@@ -1652,7 +1777,7 @@ var Fr = ({ props: e, children: t }) => {
 			r && a(r, e.target.value), n("change");
 		}
 	});
-}, zr = ({ props: e }) => {
+}, ti = ({ props: e }) => {
 	let t = y(null);
 	return _(() => {
 		let n = t.current;
@@ -1698,7 +1823,7 @@ var Fr = ({ props: e, children: t }) => {
 		className: J,
 		style: { height: e.height ?? 300 }
 	});
-}, Br = ({ props: e, emit: t }) => {
+}, ni = ({ props: e, emit: t }) => {
 	let { label: r, href: i, appearance: a, target: o, ghost: s, badge: c } = e, l = (e) => {
 		e.preventDefault(), t("press");
 	}, u = c === void 0 ? r : /* @__PURE__ */ C("span", {
@@ -1737,7 +1862,7 @@ var Fr = ({ props: e, children: t }) => {
 		onClick: l,
 		children: u
 	});
-}, Vr = j({
+}, ri = j({
 	defaultClassName: "_1le8ba60",
 	variantClassNames: { disabled: {
 		true: "_1le8ba61",
@@ -1745,10 +1870,10 @@ var Fr = ({ props: e, children: t }) => {
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), Hr = [
+}), ii = [
 	{
 		name: "Text",
-		catalog: tr,
+		catalog: pr,
 		renderer: ({ props: e }) => e.variant === "headline" ? e.size === void 0 ? /* @__PURE__ */ S(p, {
 			variant: "headline",
 			el: "h3",
@@ -1782,55 +1907,55 @@ var Fr = ({ props: e, children: t }) => {
 	},
 	{
 		name: "Card",
-		catalog: Vn,
-		renderer: Cr,
+		catalog: Hn,
+		renderer: Fr,
 		renderers: ["all"]
 	},
 	{
 		name: "Flex",
-		catalog: Kn,
-		renderer: Ar,
+		catalog: qn,
+		renderer: Hr,
 		renderers: ["all"]
 	},
 	{
 		name: "Grid",
-		catalog: B,
-		renderer: Fr,
+		catalog: Jn,
+		renderer: qr,
 		renderers: ["all"]
 	},
 	{
 		name: "Alert",
-		catalog: Rn,
-		renderer: br,
+		catalog: zn,
+		renderer: Mr,
 		renderers: ["all"]
 	},
 	{
 		name: "Divider",
-		catalog: Wn,
-		renderer: Or,
+		catalog: Gn,
+		renderer: Br,
 		renderers: ["all"]
 	},
 	{
 		name: "Icon",
-		catalog: qn,
-		renderer: Lr,
+		catalog: or,
+		renderer: $r,
 		renderers: ["all"]
 	},
 	{
 		name: "Chip",
-		catalog: Un,
-		renderer: Dr,
+		catalog: Wn,
+		renderer: zr,
 		renderers: ["all"]
 	},
 	{
 		name: "Link",
-		catalog: Xn,
-		renderer: Br,
+		catalog: cr,
+		renderer: ni,
 		renderers: ["all"]
 	},
 	{
 		name: "ProgressBar",
-		catalog: Qn,
+		catalog: ur,
 		renderer: ({ props: e }) => {
 			let t = X({ description: e.description });
 			return e.indeterminate || e.value === void 0 ? /* @__PURE__ */ S(ne, {
@@ -1847,43 +1972,43 @@ var Fr = ({ props: e, children: t }) => {
 	},
 	{
 		name: "BarChart",
-		catalog: zn,
-		renderer: xr,
+		catalog: Bn,
+		renderer: Nr,
 		renderers: ["all"]
 	},
 	{
 		name: "DonutChart",
-		catalog: Gn,
-		renderer: kr,
+		catalog: Kn,
+		renderer: Vr,
 		renderers: ["all"]
 	},
 	{
 		name: "LineChart",
-		catalog: Yn,
-		renderer: zr,
+		catalog: B,
+		renderer: ti,
 		renderers: ["all"]
 	},
 	{
 		name: "Button",
-		catalog: Bn,
-		renderer: Sr,
+		catalog: Vn,
+		renderer: Pr,
 		renderers: ["all"]
 	},
 	{
 		name: "Checkbox",
-		catalog: Hn,
-		renderer: Tr,
+		catalog: Un,
+		renderer: Lr,
 		renderers: ["all"]
 	},
 	{
 		name: "Input",
-		catalog: Jn,
-		renderer: Rr,
+		catalog: sr,
+		renderer: ei,
 		renderers: ["all"]
 	},
 	{
 		name: "Textarea",
-		catalog: nr,
+		catalog: mr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
 			let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
 			return /* @__PURE__ */ S(ce, {
@@ -1905,14 +2030,14 @@ var Fr = ({ props: e, children: t }) => {
 	},
 	{
 		name: "Listbox",
-		catalog: Zn,
+		catalog: lr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
 			let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "", l = e.options.map((e) => ({
 				id: e.value,
 				label: e.label
 			})), u = l.find((e) => e.id === s);
 			return /* @__PURE__ */ C("div", {
-				className: Vr({ disabled: e.disabled ?? !1 }),
+				className: ri({ disabled: e.disabled ?? !1 }),
 				children: [/* @__PURE__ */ S(c, { children: e.label }), /* @__PURE__ */ S(ee, {
 					items: l,
 					...u ? { selected: u } : {},
@@ -1931,7 +2056,7 @@ var Fr = ({ props: e, children: t }) => {
 	},
 	{
 		name: "RadioGroup",
-		catalog: $n,
+		catalog: dr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
 			let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
 			return /* @__PURE__ */ S(re.Group, {
@@ -1951,7 +2076,7 @@ var Fr = ({ props: e, children: t }) => {
 	},
 	{
 		name: "Switch",
-		catalog: er,
+		catalog: fr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
 			let r = t?.checked, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.checked ?? !1 : e.checked ?? !1;
 			return /* @__PURE__ */ S(oe, {
@@ -1965,12 +2090,18 @@ var Fr = ({ props: e, children: t }) => {
 			});
 		},
 		renderers: ["all"]
+	},
+	{
+		name: "GuidanceCard",
+		catalog: ar,
+		renderer: Zr,
+		renderers: ["all"]
 	}
 ];
-Object.fromEntries(Hr.map(({ name: e, renderer: t }) => [e, t]));
+Object.fromEntries(ii.map(({ name: e, renderer: t }) => [e, t]));
 //#endregion
 //#region src/marketing/catalog/components/revenue-card.catalog.ts
-var Ur = {
+var ai = {
 	props: w.object({
 		title: w.string(),
 		value: w.string(),
@@ -1983,7 +2114,7 @@ var Ur = {
 	}),
 	slots: [],
 	description: "KPI metric card. trend: up=green↑ down=red↓ flat=grey→. delta e.g. \"+12% vs last month\". Leaf node — no children."
-}, Wr = j({
+}, oi = j({
 	defaultClassName: "cy2dbi0",
 	variantClassNames: { trend: {
 		up: "cy2dbi1",
@@ -1992,11 +2123,11 @@ var Ur = {
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), Gr = [{
+}), si = [{
 	name: "RevenueCard",
-	catalog: Ur,
+	catalog: ai,
 	renderer: ({ props: e }) => {
-		let t = e.trend ?? "flat", n = e.trend === "up" ? "↑" : e.trend === "down" ? "↓" : "→", r = Wr({ trend: t });
+		let t = e.trend ?? "flat", n = e.trend === "up" ? "↑" : e.trend === "down" ? "↓" : "→", r = oi({ trend: t });
 		return /* @__PURE__ */ S(i, { children: /* @__PURE__ */ C(l, {
 			direction: "column",
 			gap: "2",
@@ -2030,39 +2161,39 @@ var Ur = {
 }];
 //#endregion
 //#region src/registry-utils.ts
-function Kr(e, t) {
+function ci(e, t) {
 	return t === "all" ? [...e] : e.filter(({ renderers: e }) => e.includes("all") || e.includes(t));
 }
-function qr(e) {
+function li(e) {
 	return Object.fromEntries(e.map(({ name: e, catalog: t }) => [e, t]));
 }
-function Jr(e) {
+function ui(e) {
 	return Object.fromEntries(e.map(({ name: e, renderer: t }) => [e, t]));
 }
 //#endregion
 //#region src/registry.ts
-var Yr = [
-	...Hr,
-	...Gr,
+var di = [
+	...ii,
+	...si,
 	...U
 ];
 function Z(e = "chat") {
-	let t = Kr(Yr, e), n = qr(t), r = Jr(t);
-	return je(T(D, {
+	let t = ci(di, e), n = li(t), r = ui(t);
+	return Me(T(D, {
 		components: n,
 		actions: z
 	}), {
 		components: r,
-		actions: Ln
+		actions: Rn
 	});
 }
-var Q = Z("chat"), Xr = Q.registry, Zr = Q.handlers, Qr = Q.executeAction;
-function $r() {
+var Q = Z("chat"), fi = Q.registry, pi = Q.handlers, mi = Q.executeAction;
+function hi() {
 	return Z("context");
 }
 //#endregion
 //#region src/renderers/internal/enrichments/button-actions.ts
-function ei(e) {
+function gi(e) {
 	let t = { ...e.elements };
 	for (let [e, n] of Object.entries(t)) {
 		if (n.type !== "Button" || n.on?.press) continue;
@@ -2085,16 +2216,16 @@ function ei(e) {
 }
 //#endregion
 //#region src/renderers/internal/enrichments/useEnrichedSpec.ts
-function ti(e, t) {
+function _i(e, t) {
 	return v(() => t.reduce((e, t) => t(e), e), [e, t]);
 }
 //#endregion
 //#region src/renderers/spec-renderer.tsx
-var ni = [ei], $ = ({ spec: e, registry: t, handlers: n, actions: r, loading: i }) => {
-	let a = ti(e, ni), o = y(null), s = y(null);
-	if (o.current !== e && (o.current = e, s.current = Ae(a.state ?? {})), s.current === null) throw Error("State store is not initialized");
+var vi = [gi], $ = ({ spec: e, registry: t, handlers: n, actions: r, loading: i }) => {
+	let a = _i(e, vi), o = y(null), s = y(null);
+	if (o.current !== e && (o.current = e, s.current = je(a.state ?? {})), s.current === null) throw Error("State store is not initialized");
 	let c = s.current;
-	return /* @__PURE__ */ S(Oe, {
+	return /* @__PURE__ */ S(ke, {
 		registry: t,
 		store: c,
 		handlers: v(() => {
@@ -2112,13 +2243,13 @@ var ni = [ei], $ = ({ spec: e, registry: t, handlers: n, actions: r, loading: i
 			c
 		]),
 		functions: v(() => ({ computeTotal: (e) => `$${((Number.parseFloat(String(e.quantity ?? 0)) || 0) * (Number.parseFloat(String(e.unitPrice ?? "0").replace(/[^0-9.]/g, "")) || 0)).toFixed(2)}` }), []),
-		children: /* @__PURE__ */ S(ke, {
+		children: /* @__PURE__ */ S(Ae, {
 			spec: a,
 			registry: t,
 			loading: i ?? !1
 		})
 	});
-}, ri = class extends fe {
+}, yi = class extends pe {
 	state = {
 		hasError: !1,
 		message: ""
@@ -2148,12 +2279,12 @@ var ni = [ei], $ = ({ spec: e, registry: t, handlers: n, actions: r, loading: i
 };
 //#endregion
 //#region src/renderers/wrap-context-registry.tsx
-function ii(e, t) {
+function bi(e, t) {
 	if (process.env.NODE_ENV === "production") return e;
 	let n = { ...e };
 	for (let [r, i] of Object.entries(e)) {
 		let e = i;
-		n[r] = ((n) => /* @__PURE__ */ S(ri, {
+		n[r] = ((n) => /* @__PURE__ */ S(yi, {
 			elementType: r,
 			...t ? { onError: t } : {},
 			children: /* @__PURE__ */ S(e, { ...n })
@@ -2163,7 +2294,7 @@ function ii(e, t) {
 }
 //#endregion
 //#region src/renderers/context-spec-renderer.tsx
-var ai = ({ spec: e, registry: t, handlers: n, actions: r, onRenderError: i, loading: a }) => {
+var xi = ({ spec: e, registry: t, handlers: n, actions: r, onRenderError: i, loading: a }) => {
 	let o = a ? [] : G(e);
 	o.length > 0 && process.env.NODE_ENV !== "production" && console.warn(`[ContextSpecRenderer] Spec validation issues:\n${K(o.map((e) => ({
 		...e,
@@ -2172,15 +2303,15 @@ var ai = ({ spec: e, registry: t, handlers: n, actions: r, onRenderError: i, loa
 	let s = t ?? Z("context").registry, c = n ?? Z("context").handlers;
 	return /* @__PURE__ */ S($, {
 		spec: e,
-		registry: v(() => ii(s, i), [s, i]),
+		registry: v(() => bi(s, i), [s, i]),
 		handlers: c,
 		...r ? { actions: r } : {},
 		...a === void 0 ? {} : { loading: a }
 	});
-}, oi = "nilaa0";
+}, Si = "nilaa0";
 //#endregion
 //#region src/renderers/sectioned-context-renderer.tsx
-function si(e, t) {
+function Ci(e, t) {
 	let n = {}, r = !1, i = (t) => {
 		let a = e.elements[t];
 		if (!a) {
@@ -2197,8 +2328,8 @@ function si(e, t) {
 		hasMissingRefs: r
 	};
 }
-function ci(e, t) {
-	let { elements: n, hasMissingRefs: r } = si(e, t), i = {
+function wi(e, t) {
+	let { elements: n, hasMissingRefs: r } = Ci(e, t), i = {
 		root: t,
 		elements: n
 	}, a = e.state;
@@ -2207,14 +2338,14 @@ function ci(e, t) {
 		hasMissingRefs: r
 	};
 }
-function li(e, t) {
+function Ti(e, t) {
 	let n = y(/* @__PURE__ */ new Map());
 	return v(() => {
 		if (!e?.root) return [];
 		let r = e.elements[e.root];
 		if (!r) return [];
 		let i = (r.children ?? []).filter((t) => e.elements[t]), a = n.current, o = /* @__PURE__ */ new Map(), s = i.map((n, r) => {
-			let { spec: s, hasMissingRefs: c } = ci(e, n), l = JSON.stringify(s), u = a.get(n), d = u && u.key === l ? u.spec : s;
+			let { spec: s, hasMissingRefs: c } = wi(e, n), l = JSON.stringify(s), u = a.get(n), d = u && u.key === l ? u.spec : s;
 			o.set(n, {
 				key: l,
 				spec: d
@@ -2229,7 +2360,7 @@ function li(e, t) {
 		return n.current = o, s;
 	}, [e, t]);
 }
-function ui(e) {
+function Ei(e) {
 	let t = y(/* @__PURE__ */ new Map());
 	return v(() => {
 		let n = t.current, r = /* @__PURE__ */ new Map(), i = e.map((e) => {
@@ -2245,9 +2376,9 @@ function ui(e) {
 		return t.current = r, i;
 	}, [e]);
 }
-function di({ title: e }) {
+function Di({ title: e }) {
 	return /* @__PURE__ */ C("div", {
-		className: Je,
+		className: Ye,
 		"data-testid": "context-section-skeleton",
 		children: [/* @__PURE__ */ S(ae, {
 			variant: "headline",
@@ -2255,7 +2386,7 @@ function di({ title: e }) {
 		}), /* @__PURE__ */ S(ie, { height: "64px" })]
 	});
 }
-function fi({ slot: e, registry: t, handlers: n, actions: r }) {
+function Oi({ slot: e, registry: t, handlers: n, actions: r }) {
 	return e.spec ? /* @__PURE__ */ C("div", {
 		"data-testid": `context-section-${e.id}`,
 		"data-status": e.status,
@@ -2266,24 +2397,24 @@ function fi({ slot: e, registry: t, handlers: n, actions: r }) {
 			loading: e.status === "loading",
 			...r ? { actions: r } : {}
 		}), e.status === "loading" ? /* @__PURE__ */ S("div", {
-			className: oi,
+			className: Si,
 			children: /* @__PURE__ */ S(ae, {
 				variant: "body",
 				rows: 2,
 				"aria-label": "Loading more of this section"
 			})
 		}) : null]
-	}) : /* @__PURE__ */ S(di, { ...e.title ? { title: e.title } : {} });
+	}) : /* @__PURE__ */ S(Di, { ...e.title ? { title: e.title } : {} });
 }
-var pi = ({ spec: e, sections: t, loading: n = !1, registry: r, handlers: i, actions: a, onRenderError: o }) => {
-	let s = v(() => Z("context"), []), c = r ?? s.registry, l = i ?? s.handlers, u = v(() => ii(c, o), [c, o]), d = li(e, n);
+var ki = ({ spec: e, sections: t, loading: n = !1, registry: r, handlers: i, actions: a, onRenderError: o }) => {
+	let s = v(() => Z("context"), []), c = r ?? s.registry, l = i ?? s.handlers, u = v(() => bi(c, o), [c, o]), d = Ti(e, n);
 	return /* @__PURE__ */ S("div", {
 		className: F,
 		"data-testid": "sectioned-context-panel",
-		children: ui(t ?? d).map((e) => /* @__PURE__ */ S(ri, {
+		children: Ei(t ?? d).map((e) => /* @__PURE__ */ S(yi, {
 			elementType: e.id,
 			...o ? { onError: o } : {},
-			children: /* @__PURE__ */ S(fi, {
+			children: /* @__PURE__ */ S(Oi, {
 				slot: e,
 				registry: u,
 				handlers: l,
@@ -2293,6 +2424,6 @@ var pi = ({ spec: e, sections: t, loading: n = !1, registry: r, handlers: i, act
 	});
 };
 //#endregion
-export { ai as ContextSpecRenderer, pi as SectionedContextRenderer, $ as SpecRenderer, wr as catalog, H as composeCatalogComponents, or as contextCatalog, rr as createScopedCatalog, Qr as executeAction, ci as extractSectionSpec, yr as formatContextRenderReport, K as formatContextSpecIssues, $r as getContextRegistry, Z as getRegistry, Zr as handlers, vr as hasContextSpecErrors, ir as mergeCatalogs, _r as postProcessContextSpec, Xr as registry, G as validateContextSpec, gr as validateContextSpecDeep };
+export { xi as ContextSpecRenderer, ki as SectionedContextRenderer, $ as SpecRenderer, Ir as catalog, H as composeCatalogComponents, vr as contextCatalog, hr as createScopedCatalog, mi as executeAction, wi as extractSectionSpec, jr as formatContextRenderReport, K as formatContextSpecIssues, hi as getContextRegistry, Z as getRegistry, pi as handlers, Ar as hasContextSpecErrors, gr as mergeCatalogs, kr as postProcessContextSpec, fi as registry, G as validateContextSpec, Or as validateContextSpecDeep };
 
 //# sourceMappingURL=index.js.map