@go-go-golems/rag-evaluation-site 0.1.0

package/useWidgetPage-B8iwybER.js

@@ -0,0 +1,4419 @@
+import { isWidgetNode as e } from "./ir.js";
+import { createElement as t, useCallback as n, useEffect as r, useState as i } from "react";
+//#region \0rolldown/runtime.js
+var a = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), o = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region src/widgets/actions.ts
+function s(e, t = {}, n) {
+	if (n) {
+		n(e, t);
+		return;
+	}
+	if (e.kind === "copy") {
+		let n = e.value ?? (e.field && t.row ? String(t.row[e.field] ?? "") : "");
+		n && navigator.clipboard?.writeText(n).catch(() => {});
+		return;
+	}
+	if (e.kind === "event") {
+		window.dispatchEvent(new CustomEvent(e.event, { detail: {
+			...e.detail ?? {},
+			context: t
+		} }));
+		return;
+	}
+	if (e.kind === "navigate") {
+		let n = l(e.to, t);
+		window.history.pushState(e.params ?? {}, "", n), window.dispatchEvent(new PopStateEvent("popstate"));
+		return;
+	}
+	e.kind === "server" && fetch(`/api/widget/actions/${encodeURIComponent(e.name)}`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			payload: e.payload ?? {},
+			context: t
+		})
+	});
+}
+function c(e, t, n) {
+	if (e) return () => s(e, t, n);
+}
+function l(e, t) {
+	return e.replace(/\$\{([^}]+)\}|\$([A-Za-z0-9_.-]+)/g, (e, n, r) => {
+		let i = u(n ?? r ?? "", t);
+		return encodeURIComponent(String(i ?? ""));
+	});
+}
+function u(e, t) {
+	let n = e.split(".").filter(Boolean), r = t;
+	for (let e of n) {
+		if (!r || typeof r != "object") return;
+		r = r[e];
+	}
+	return r;
+}
+var d = {
+	root: "_root_n5d4d_1",
+	sizeBody: "_sizeBody_n5d4d_6",
+	sizeCompact: "_sizeCompact_n5d4d_10",
+	sizeMetadata: "_sizeMetadata_n5d4d_14",
+	sizeLabel: "_sizeLabel_n5d4d_18",
+	sizeMetric: "_sizeMetric_n5d4d_24",
+	tonePrimary: "_tonePrimary_n5d4d_28",
+	toneMuted: "_toneMuted_n5d4d_29",
+	toneInverse: "_toneInverse_n5d4d_30",
+	toneAccent: "_toneAccent_n5d4d_31",
+	toneSuccess: "_toneSuccess_n5d4d_32",
+	toneWarning: "_toneWarning_n5d4d_33",
+	toneDanger: "_toneDanger_n5d4d_34",
+	toneInherit: "_toneInherit_n5d4d_35",
+	weightRegular: "_weightRegular_n5d4d_37",
+	weightBold: "_weightBold_n5d4d_38",
+	alignStart: "_alignStart_n5d4d_40",
+	alignCenter: "_alignCenter_n5d4d_41",
+	alignEnd: "_alignEnd_n5d4d_42",
+	truncate: "_truncate_n5d4d_44"
+}, f = {
+	body: d.sizeBody,
+	compact: d.sizeCompact,
+	metadata: d.sizeMetadata,
+	label: d.sizeLabel,
+	metric: d.sizeMetric
+}, ee = {
+	primary: d.tonePrimary,
+	muted: d.toneMuted,
+	inverse: d.toneInverse,
+	accent: d.toneAccent,
+	success: d.toneSuccess,
+	warning: d.toneWarning,
+	danger: d.toneDanger,
+	inherit: d.toneInherit
+}, p = {
+	regular: d.weightRegular,
+	bold: d.weightBold
+}, m = {
+	start: d.alignStart,
+	center: d.alignCenter,
+	end: d.alignEnd
+};
+function h({ as: e = "p", size: n = "body", tone: r = "primary", weight: i = "regular", align: a = "start", truncate: o = !1, className: s, children: c, ...l }) {
+	return t(e, {
+		className: [
+			d.root,
+			f[n],
+			ee[r],
+			p[i],
+			m[a],
+			o ? d.truncate : "",
+			s ?? ""
+		].filter(Boolean).join(" "),
+		...l
+	}, c);
+}
+var g = {
+	root: "_root_rss1l_1",
+	inline: "_inline_rss1l_8",
+	block: "_block_rss1l_9",
+	muted: "_muted_rss1l_10",
+	accent: "_accent_rss1l_11",
+	copyable: "_copyable_rss1l_13"
+}, te = /* @__PURE__ */ a(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), ne = /* @__PURE__ */ a(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === v ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case te: return "Fragment";
+				case re: return "Profiler";
+				case ne: return "StrictMode";
+				case oe: return "Suspense";
+				case se: return "SuspenseList";
+				case ue: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case g: return "Portal";
+				case ie: return e.displayName || "Context";
+				case _: return (e._context.displayName || "Context") + ".Consumer";
+				case ae:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case ce: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case le:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === te) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === le) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = de.A;
+			return e === null ? null : e.getOwner();
+		}
+		function s() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (y.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				pe || (pe = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function u() {
+			var e = t(this.type);
+			return x[e] || (x[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: h,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, n, i, o, s, u) {
+			var f = n.children;
+			if (f !== void 0) if (o) if (fe(f)) {
+				for (o = 0; o < f.length; o++) ee(f[o]);
+				Object.freeze && Object.freeze(f);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else ee(f);
+			if (y.call(n, "key")) {
+				f = t(e);
+				var p = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", he[f + o] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, f, p, f), he[f + o] = !0);
+			}
+			if (f = null, i !== void 0 && (r(i), f = "" + i), c(n) && (r(n.key), f = "" + n.key), "key" in n) for (var m in i = {}, n) m !== "key" && (i[m] = n[m]);
+			else i = n;
+			return f && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, a(), s, u);
+		}
+		function ee(e) {
+			p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === le && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function p(e) {
+			return typeof e == "object" && !!e && e.$$typeof === h;
+		}
+		var m = o("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), te = Symbol.for("react.fragment"), ne = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), ie = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), oe = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), le = Symbol.for("react.lazy"), ue = Symbol.for("react.activity"), v = Symbol.for("react.client.reference"), de = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, fe = Array.isArray, b = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		m = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var pe, x = {}, S = m.react_stack_bottom_frame.bind(m, s)(), me = b(i(s)), he = {};
+		e.Fragment = te, e.jsx = function(e, t, n) {
+			var r = 1e4 > de.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : S, r ? b(i(e)) : me);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > de.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : S, r ? b(i(e)) : me);
+		};
+	})();
+})), re = /* @__PURE__ */ a(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = te() : t.exports = ne();
+})), _ = re(), ie = {
+	primary: "",
+	muted: g.muted,
+	accent: g.accent
+};
+function ae({ as: e = "code", tone: t = "primary", display: n = "inline", copyable: r = !1, className: i, children: a, onClick: o, ...s }) {
+	let c = [
+		g.root,
+		n === "inline" ? g.inline : g.block,
+		ie[t],
+		r ? g.copyable : "",
+		i ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, _.jsx)(e, {
+		className: c,
+		onClick: (e) => {
+			r && typeof a == "string" && navigator.clipboard?.writeText(a).catch(() => {}), o?.(e);
+		},
+		...s,
+		children: a
+	});
+}
+var oe = {
+	root: "_root_2cwmi_1",
+	pending: "_pending_2cwmi_5",
+	ready: "_ready_2cwmi_6",
+	running: "_running_2cwmi_7",
+	succeeded: "_succeeded_2cwmi_8",
+	done: "_done_2cwmi_9",
+	partial: "_partial_2cwmi_10",
+	warning: "_warning_2cwmi_11",
+	failed: "_failed_2cwmi_12",
+	error: "_error_2cwmi_13",
+	canceled: "_canceled_2cwmi_14"
+}, se = {
+	pending: "◌",
+	ready: "◌",
+	running: "●",
+	succeeded: "✔",
+	done: "●",
+	partial: "◐",
+	warning: "⚠",
+	failed: "✘",
+	error: "✘",
+	canceled: "⊘"
+};
+function ce({ status: e, icon: t = !1, className: n, children: r, ...i }) {
+	let a = e.toLowerCase(), o = oe[a] ?? "", s = r ?? e;
+	return /* @__PURE__ */ (0, _.jsxs)("span", {
+		className: [
+			oe.root,
+			o,
+			n ?? ""
+		].filter(Boolean).join(" "),
+		...i,
+		children: [t ? `${se[a] ?? "?"} ` : "", s]
+	});
+}
+var le = {
+	root: "_root_1fiw6_1",
+	vertical: "_vertical_1fiw6_7"
+};
+//#endregion
+//#region src/components/foundation/Divider/Divider.tsx
+function ue({ orientation: e = "horizontal", className: t, ...n }) {
+	return /* @__PURE__ */ (0, _.jsx)("hr", {
+		"aria-orientation": e,
+		className: [
+			le.root,
+			e === "vertical" ? le.vertical : "",
+			t ?? ""
+		].filter(Boolean).join(" "),
+		...n
+	});
+}
+var v = {
+	root: "_root_kfqnk_1",
+	uppercase: "_uppercase_kfqnk_7",
+	truncate: "_truncate_kfqnk_8",
+	toneMuted: "_toneMuted_kfqnk_9",
+	toneAccent: "_toneAccent_kfqnk_10",
+	toneSuccess: "_toneSuccess_kfqnk_11",
+	toneWarning: "_toneWarning_kfqnk_12",
+	toneDanger: "_toneDanger_kfqnk_13",
+	toneInherit: "_toneInherit_kfqnk_14"
+}, de = {
+	muted: v.toneMuted,
+	accent: v.toneAccent,
+	success: v.toneSuccess,
+	warning: v.toneWarning,
+	danger: v.toneDanger,
+	inherit: v.toneInherit
+};
+function y({ tone: e = "muted", transform: t = "none", truncate: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ (0, _.jsx)("span", {
+		className: [
+			v.root,
+			de[e],
+			t === "uppercase" ? v.uppercase : "",
+			n ? v.truncate : "",
+			r ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-foundation": "Caption",
+		...a,
+		children: i
+	});
+}
+//#endregion
+//#region src/widgets/cellRenderers.tsx
+function fe(e, t, n) {
+	switch (e.kind) {
+		case "field": return S(x(t, e.field), e.fallback);
+		case "number": return me(x(t, e.field), e);
+		case "status": {
+			let n = S(x(t, e.field), e.fallback ?? "pending");
+			return /* @__PURE__ */ (0, _.jsx)(ce, {
+				status: n,
+				icon: e.icon,
+				children: n
+			});
+		}
+		case "caption": return /* @__PURE__ */ (0, _.jsx)(y, {
+			tone: e.tone,
+			children: S(x(t, e.field), e.fallback)
+		});
+		case "template": return he(e.template, t);
+		case "link": {
+			let n = S(x(t, e.hrefField), "#"), r = S(x(t, e.labelField), e.fallbackLabel ?? n);
+			return /* @__PURE__ */ (0, _.jsx)("a", {
+				href: n,
+				target: e.target,
+				rel: e.target === "_blank" ? "noreferrer" : void 0,
+				children: r
+			});
+		}
+		case "constant": return b(e.value, n);
+		default: return /* @__PURE__ */ (0, _.jsx)(y, {
+			tone: "danger",
+			children: "Unsupported cell"
+		});
+	}
+}
+function b(t, n) {
+	return t == null || t === !1 ? null : e(t) ? n(t) : String(t);
+}
+function pe(e, t) {
+	return typeof t == "string" ? S(x(e, t), "") : "field" in t ? S(x(e, t.field), "") : he(t.template, e);
+}
+function x(e, t) {
+	let n = t.split(".").filter(Boolean), r = e;
+	for (let e of n) {
+		if (!r || typeof r != "object") return;
+		r = r[e];
+	}
+	return r;
+}
+function S(e, t = "") {
+	return e == null ? t : String(e);
+}
+function me(e, t) {
+	let n = typeof e == "number" ? e : Number(e);
+	return Number.isFinite(n) ? t.format === "fixed" ? n.toFixed(t.digits ?? 2) : Math.round(n).toLocaleString() : t.fallback ?? "";
+}
+function he(e, t) {
+	return e.replace(/\$\{([^}]+)\}|\$([A-Za-z0-9_.-]+)/g, (e, n, r) => S(x(t, n ?? r ?? ""), ""));
+}
+var ge = {
+	root: "_root_1gwp3_1",
+	primary: "_primary_1gwp3_20",
+	selected: "_selected_1gwp3_21",
+	compact: "_compact_1gwp3_36",
+	normal: "_normal_1gwp3_41"
+};
+//#endregion
+//#region src/components/atoms/Button/Button.tsx
+function C({ variant: e = "default", size: t = "normal", selected: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ (0, _.jsx)("button", {
+		type: "button",
+		className: [
+			ge.root,
+			e === "primary" ? ge.primary : "",
+			n ? ge.selected : "",
+			t === "compact" ? ge.compact : ge.normal,
+			r ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-atom": "Button",
+		...a,
+		children: i
+	});
+}
+var _e = { root: "_root_e3xd9_1" };
+//#endregion
+//#region src/components/atoms/ErrorCallout/ErrorCallout.tsx
+function ve({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: [_e.root, e ?? ""].filter(Boolean).join(" "),
+		role: "alert",
+		"data-rag-atom": "ErrorCallout",
+		...n,
+		children: t
+	});
+}
+var ye = { root: "_root_im5yi_1" };
+//#endregion
+//#region src/components/atoms/SelectInput/SelectInput.tsx
+function be({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, _.jsx)("select", {
+		className: [ye.root, e ?? ""].filter(Boolean).join(" "),
+		"data-rag-atom": "SelectInput",
+		...n,
+		children: t
+	});
+}
+var xe = { root: "_root_1bc5y_1" };
+//#endregion
+//#region src/components/atoms/TextInput/TextInput.tsx
+function Se({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, _.jsx)("input", {
+		className: [xe.root, e ?? ""].filter(Boolean).join(" "),
+		"data-rag-atom": "TextInput",
+		...t
+	});
+}
+//#endregion
+//#region src/context/kinds.ts
+var w = "#000000", Ce = "#0000CC", we = "#CC0000", Te = [
+	"system",
+	"instruction",
+	"context",
+	"conversation",
+	"summary",
+	"retrieval",
+	"tool",
+	"result",
+	"generated",
+	"annotation",
+	"course",
+	"evicted",
+	"active",
+	"empty",
+	"other"
+], Ee = {
+	empty: {
+		fill: "#ffffff",
+		stroke: w,
+		dashed: !0,
+		label: "#666666",
+		name: "free space"
+	},
+	context: {
+		fill: "#ffffff",
+		stroke: w,
+		label: w,
+		name: "context / history"
+	},
+	conversation: {
+		fill: "#ffffff",
+		stroke: w,
+		label: w,
+		name: "conversation"
+	},
+	instruction: {
+		fill: "var(--rag-context-pattern-checker)",
+		stroke: w,
+		label: w,
+		name: "instruction",
+		pattern: "checker"
+	},
+	system: {
+		fill: "var(--rag-context-pattern-checker)",
+		stroke: w,
+		label: w,
+		name: "system / instructions",
+		pattern: "checker"
+	},
+	summary: {
+		fill: "var(--rag-context-pattern-diagonal)",
+		stroke: w,
+		label: w,
+		name: "summary / memory",
+		pattern: "diagonal"
+	},
+	retrieval: {
+		fill: "var(--rag-context-pattern-stipple)",
+		stroke: w,
+		label: w,
+		name: "retrieval",
+		pattern: "stipple"
+	},
+	tool: {
+		fill: "var(--rag-context-pattern-stipple)",
+		stroke: w,
+		label: w,
+		name: "tool call",
+		pattern: "stipple"
+	},
+	result: {
+		fill: "var(--rag-context-pattern-stipple)",
+		stroke: w,
+		label: w,
+		name: "tool result",
+		pattern: "stipple"
+	},
+	generated: {
+		fill: "var(--rag-context-pattern-diagonal-dense)",
+		stroke: w,
+		label: w,
+		name: "generated / scratchpad",
+		pattern: "diagonalDense"
+	},
+	annotation: {
+		fill: "var(--rag-context-pattern-diagonal)",
+		stroke: w,
+		label: w,
+		name: "annotation",
+		pattern: "diagonal"
+	},
+	course: {
+		fill: "#ffffff",
+		stroke: w,
+		label: w,
+		name: "course material"
+	},
+	evicted: {
+		fill: "var(--rag-context-pattern-cross)",
+		stroke: w,
+		label: w,
+		name: "evicted / compressed",
+		pattern: "cross"
+	},
+	active: {
+		fill: Ce,
+		stroke: w,
+		label: "#ffffff",
+		name: "active (current)"
+	},
+	other: {
+		fill: "#ffffff",
+		stroke: w,
+		label: w,
+		name: "other"
+	}
+}, De = {
+	empty: {
+		fill: "#ffffff",
+		dashed: !0,
+		label: "#666666"
+	},
+	context: {
+		fill: "#ffffff",
+		label: "#000000"
+	},
+	conversation: {
+		fill: "#ffffff",
+		label: "#000000"
+	},
+	instruction: {
+		fill: "#dddddd",
+		label: "#000000",
+		pattern: void 0
+	},
+	system: {
+		fill: "#dddddd",
+		label: "#000000",
+		pattern: void 0
+	},
+	summary: {
+		fill: "#eeeeee",
+		label: "#000000",
+		pattern: void 0
+	},
+	retrieval: {
+		fill: "#d2d2d2",
+		label: "#000000",
+		pattern: void 0
+	},
+	tool: {
+		fill: "#d2d2d2",
+		label: "#000000",
+		pattern: void 0
+	},
+	result: {
+		fill: "#c4c4c4",
+		label: "#000000",
+		pattern: void 0
+	},
+	generated: {
+		fill: "#a0a0a0",
+		label: "#000000",
+		pattern: void 0
+	},
+	annotation: {
+		fill: "#eeeeee",
+		label: "#000000",
+		pattern: void 0
+	},
+	course: {
+		fill: "#ffffff",
+		label: "#000000"
+	},
+	evicted: {
+		fill: "#6a6a6a",
+		label: "#ffffff",
+		pattern: void 0
+	},
+	active: {
+		fill: Ce,
+		label: "#ffffff"
+	},
+	other: {
+		fill: "#ffffff",
+		label: "#000000"
+	}
+}, Oe = {
+	empty: {
+		fill: "#ffffff",
+		stroke: "#999999",
+		dashed: !0,
+		label: "#666666"
+	},
+	context: {
+		fill: "#ffffff",
+		strokeWidth: 1.25,
+		label: "#000000",
+		pattern: void 0
+	},
+	conversation: {
+		fill: "#ffffff",
+		strokeWidth: 1.25,
+		label: "#000000",
+		pattern: void 0
+	},
+	instruction: {
+		fill: "#ffffff",
+		strokeWidth: 2.5,
+		label: "#000000",
+		pattern: void 0
+	},
+	system: {
+		fill: "#ffffff",
+		strokeWidth: 2.5,
+		label: "#000000",
+		pattern: void 0
+	},
+	summary: {
+		fill: "#ffffff",
+		dashed: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	retrieval: {
+		fill: "#ffffff",
+		dotted: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	tool: {
+		fill: "#ffffff",
+		dotted: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	result: {
+		fill: "#ffffff",
+		dotted: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	generated: {
+		fill: "#ffffff",
+		strokeWidth: 2.5,
+		dashed: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	annotation: {
+		fill: "#ffffff",
+		dashed: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	course: {
+		fill: "#ffffff",
+		strokeWidth: 1.25,
+		label: "#000000"
+	},
+	evicted: {
+		fill: "#ffffff",
+		inner: !0,
+		dashed: !0,
+		label: "#000000",
+		pattern: void 0
+	},
+	active: {
+		fill: Ce,
+		label: "#ffffff"
+	},
+	other: {
+		fill: "#ffffff",
+		label: "#000000"
+	}
+};
+function ke(e, t = "pattern") {
+	let n = Ae(e) ? e : "other", r = Ee[n];
+	return t === "tone" ? {
+		...r,
+		...De[n],
+		stroke: De[n]?.stroke ?? "#000000"
+	} : t === "outline" ? {
+		...r,
+		...Oe[n],
+		stroke: Oe[n]?.stroke ?? "#000000"
+	} : r;
+}
+function T(e) {
+	return ke(e).name;
+}
+function Ae(e) {
+	return Te.includes(e);
+}
+//#endregion
+//#region src/context/fixtures.ts
+var je = 2e5, Me = [
+	{
+		id: "t03",
+		title: "Turn 3 — warming up",
+		subtitle: "Agent has read the repo map and the failing test.",
+		limit: je,
+		parts: [
+			{
+				id: "t03-system",
+				label: "system + tools",
+				kind: "system",
+				tokens: 7200,
+				note: "instructions + tool schemas"
+			},
+			{
+				id: "t03-project",
+				label: "project context",
+				kind: "context",
+				tokens: 4100,
+				note: "CLAUDE.md, repo map"
+			},
+			{
+				id: "t03-conversation",
+				label: "conversation",
+				kind: "context",
+				tokens: 5200,
+				note: "3 turns so far"
+			},
+			{
+				id: "t03-file-reads",
+				label: "file reads",
+				kind: "result",
+				tokens: 9800,
+				note: "test + 2 source files"
+			},
+			{
+				id: "t03-task",
+				label: "current task",
+				kind: "active",
+				tokens: 1400,
+				note: "fix failing test"
+			},
+			{
+				id: "t03-empty",
+				label: "free space",
+				kind: "empty",
+				tokens: 162300
+			}
+		]
+	},
+	{
+		id: "t14",
+		title: "Turn 14 — deep in the bug",
+		subtitle: "Many tool results accumulated; scratchpad reasoning growing.",
+		limit: je,
+		selectedPartId: "t14-file-reads",
+		parts: [
+			{
+				id: "t14-system",
+				label: "system + tools",
+				kind: "system",
+				tokens: 7200,
+				note: "instructions + tool schemas"
+			},
+			{
+				id: "t14-project",
+				label: "project context",
+				kind: "context",
+				tokens: 4100,
+				note: "CLAUDE.md, repo map"
+			},
+			{
+				id: "t14-summary",
+				label: "summary",
+				kind: "summary",
+				tokens: 3400,
+				note: "turns 1–6 compressed"
+			},
+			{
+				id: "t14-conversation",
+				label: "conversation",
+				kind: "context",
+				tokens: 21800,
+				note: "turns 7–14"
+			},
+			{
+				id: "t14-file-reads",
+				label: "file reads",
+				kind: "result",
+				tokens: 38600,
+				note: "6 files + grep output"
+			},
+			{
+				id: "t14-test-output",
+				label: "test output",
+				kind: "result",
+				tokens: 12400,
+				note: "stack traces"
+			},
+			{
+				id: "t14-scratchpad",
+				label: "scratchpad",
+				kind: "generated",
+				tokens: 9200,
+				note: "hypotheses, plan"
+			},
+			{
+				id: "t14-task",
+				label: "current task",
+				kind: "active",
+				tokens: 1900,
+				note: "patch the parser"
+			},
+			{
+				id: "t14-empty",
+				label: "free space",
+				kind: "empty",
+				tokens: 91700
+			}
+		]
+	},
+	{
+		id: "t31",
+		title: "Turn 31 — at the limit",
+		subtitle: "Window full. Old turns evicted; results re-summarized to reclaim space.",
+		limit: je,
+		parts: [
+			{
+				id: "t31-system",
+				label: "system + tools",
+				kind: "system",
+				tokens: 7200,
+				note: "instructions + tool schemas"
+			},
+			{
+				id: "t31-project",
+				label: "project context",
+				kind: "context",
+				tokens: 4100,
+				note: "CLAUDE.md, repo map"
+			},
+			{
+				id: "t31-evicted",
+				label: "evicted",
+				kind: "evicted",
+				tokens: 28400,
+				note: "turns 1–18 dropped"
+			},
+			{
+				id: "t31-summary",
+				label: "summary",
+				kind: "summary",
+				tokens: 8600,
+				note: "rolling summary"
+			},
+			{
+				id: "t31-conversation",
+				label: "conversation",
+				kind: "context",
+				tokens: 41200,
+				note: "turns 19–31"
+			},
+			{
+				id: "t31-file-reads",
+				label: "file reads",
+				kind: "result",
+				tokens: 64800,
+				note: "12 files in working set"
+			},
+			{
+				id: "t31-scratchpad",
+				label: "scratchpad",
+				kind: "generated",
+				tokens: 22600,
+				note: "long reasoning trace"
+			},
+			{
+				id: "t31-task",
+				label: "current task",
+				kind: "active",
+				tokens: 2100,
+				note: "verify the fix"
+			},
+			{
+				id: "t31-empty",
+				label: "free space",
+				kind: "empty",
+				tokens: 21e3
+			}
+		]
+	},
+	{
+		id: "over",
+		title: "Turn 31 — before reclaim (over budget)",
+		subtitle: "What the naïve append-everything window would have looked like.",
+		limit: je,
+		parts: [
+			{
+				id: "over-system",
+				label: "system + tools",
+				kind: "system",
+				tokens: 7200
+			},
+			{
+				id: "over-project",
+				label: "project context",
+				kind: "context",
+				tokens: 4100
+			},
+			{
+				id: "over-conversation",
+				label: "conversation (all)",
+				kind: "context",
+				tokens: 88200
+			},
+			{
+				id: "over-file-reads",
+				label: "file reads (all)",
+				kind: "result",
+				tokens: 96400
+			},
+			{
+				id: "over-scratchpad",
+				label: "scratchpad",
+				kind: "generated",
+				tokens: 31600
+			},
+			{
+				id: "over-task",
+				label: "current task",
+				kind: "active",
+				tokens: 2100
+			}
+		]
+	}
+], Ne = {
+	id: "parser-session",
+	title: "Coding-agent transcript — parser fix",
+	subtitle: "Annotated transcript fixture from the context-viewer prototype.",
+	selectedAnnotationId: "task-framing",
+	messages: [
+		{
+			id: "m1",
+			role: "user",
+			tokens: 320,
+			text: "The test `parser.test.ts › handles nested arrays` is failing on main. Can you fix it?"
+		},
+		{
+			id: "m2",
+			role: "assistant",
+			tokens: 180,
+			text: "I'll start by reading the failing test and the parser it exercises.",
+			annotationIds: ["task-framing"]
+		},
+		{
+			id: "m3",
+			role: "tool",
+			name: "read_file",
+			tokens: 2400,
+			text: "parser.test.ts  (148 lines)\nsrc/parser.ts  (412 lines)",
+			annotationIds: ["tool-result-cost"]
+		},
+		{
+			id: "m4",
+			role: "assistant",
+			tokens: 540,
+			text: "The test expects `parseArray` to recurse into nested brackets, but the current implementation only handles one level. Let me run the test to confirm the failure mode."
+		},
+		{
+			id: "m5",
+			role: "tool",
+			name: "run_test",
+			tokens: 1900,
+			text: "FAIL  parser.test.ts\n  ● handles nested arrays\n    Expected: [[1,2],[3]]\n    Received: [\"[1\",\"2]\",\"[3]\"]\n    at parseArray (src/parser.ts:218)",
+			annotationIds: ["stack-trace-noise"]
+		},
+		{
+			id: "m6",
+			role: "assistant",
+			tokens: 880,
+			text: "Confirmed — `parseArray` splits on commas without tracking bracket depth. I'll rewrite it to maintain a depth counter and recurse.",
+			annotationIds: ["scratchpad-reasoning"]
+		},
+		{
+			id: "m7",
+			role: "tool",
+			name: "edit_file",
+			tokens: 1200,
+			text: "src/parser.ts  — rewrote parseArray (lines 198–240)"
+		},
+		{
+			id: "m8",
+			role: "tool",
+			name: "run_test",
+			tokens: 760,
+			text: "PASS  parser.test.ts  (12 tests)"
+		},
+		{
+			id: "m9",
+			role: "assistant",
+			tokens: 240,
+			text: "All 12 tests pass. The fix tracks bracket depth and recurses on nested arrays. Want me to add a regression test for deeply-nested input?",
+			annotationIds: ["window-rebuilt"]
+		},
+		{
+			id: "m10",
+			role: "user",
+			tokens: 60,
+			text: "Yes please."
+		}
+	],
+	annotations: [
+		{
+			id: "task-framing",
+			targetMessageId: "m2",
+			kind: "context",
+			label: "Task framing",
+			text: "The current task is small but high-value — it stays pinned at the bottom of every window for the rest of the session."
+		},
+		{
+			id: "tool-result-cost",
+			targetMessageId: "m3",
+			kind: "result",
+			label: "Tool result cost",
+			text: "Two file reads are cheap now, but reads compound — by turn 14 the working set is 38k."
+		},
+		{
+			id: "stack-trace-noise",
+			targetMessageId: "m5",
+			kind: "result",
+			label: "Stack traces are noisy",
+			text: "Test output carries stack traces. Keep the assertion and first frame; the rest is a summarization candidate."
+		},
+		{
+			id: "scratchpad-reasoning",
+			targetMessageId: "m6",
+			kind: "generated",
+			label: "Scratchpad reasoning",
+			text: "Reasoning tokens are generated, not retrieved. Useful in-turn, but rarely worth carrying forward verbatim."
+		},
+		{
+			id: "window-rebuilt",
+			targetMessageId: "m9",
+			kind: "active",
+			label: "Window rebuilt here",
+			text: "Before this reply, the window was rebuilt: the failing run_test output was summarized to one line now that it's resolved."
+		}
+	]
+}, Pe = {
+	id: "context-window-engineering",
+	kicker: "LIVE WORKSHOP · SESSION 04",
+	title: "Context Window Engineering",
+	tagline: "What fits, what falls out, and why. A hands-on session on designing the prompt that the model actually sees.",
+	when: "Thursday, June 18, 2026 · 6:30 – 8:30 PM",
+	where: "South Park Commons · San Francisco",
+	format: "In person · 24 seats · laptops required",
+	price: "Free for members",
+	instructor: {
+		name: "M. Calder",
+		role: "Applied ML, Developer Tools",
+		bio: "Builds agent runtimes; has spent more nights staring at token budgets than is healthy."
+	},
+	blurb: "Every model call is a window of fixed size. The difference between an agent that finishes the job and one that loops forever is usually not the model — it's what you packed into that window.",
+	outcomes: [
+		"Read any context window as a budget of competing claims on space",
+		"Diagram a window four ways — strip, stack, budget, and treemap",
+		"Decide what to summarize, what to evict, and what to pin",
+		"Instrument a coding agent and watch its window churn turn by turn"
+	],
+	agenda: [
+		{
+			id: "agenda-01",
+			number: "01",
+			title: "The window as a budget",
+			description: "Fixed size, competing tenants. Why everything is a trade.",
+			duration: "20 min"
+		},
+		{
+			id: "agenda-02",
+			number: "02",
+			title: "Anatomy of a call",
+			description: "System, context, results, scratchpad, the current task.",
+			duration: "25 min"
+		},
+		{
+			id: "agenda-03",
+			number: "03",
+			title: "Growth & truncation",
+			description: "What falls out when the window fills, and how to choose.",
+			duration: "20 min"
+		},
+		{
+			id: "agenda-04",
+			number: "04",
+			title: "The agent loop",
+			description: "Rebuild, don't append. Perceive → think → act → observe.",
+			duration: "25 min"
+		},
+		{
+			id: "agenda-05",
+			number: "05",
+			title: "Reclaiming space",
+			description: "Summarize, evict, retrieve, pin. Live on a real session.",
+			duration: "25 min"
+		},
+		{
+			id: "agenda-06",
+			number: "06",
+			title: "Workshop",
+			description: "Instrument your own agent and annotate its window.",
+			duration: "30 min"
+		}
+	]
+}, Fe = [
+	{
+		id: "slide-01",
+		number: "01",
+		kicker: "MODULE 01",
+		title: "The window is a fixed budget",
+		view: "budget",
+		snapshotId: "t14",
+		notes: [
+			"Every model call gets a window of fixed size.",
+			"Instructions, history, results, reasoning and the task all compete for the same space.",
+			"If it doesn't fit, the model can't see it. Headroom is the whole game."
+		]
+	},
+	{
+		id: "slide-02",
+		number: "02",
+		kicker: "MODULE 02",
+		title: "Anatomy of a single call",
+		view: "stack",
+		snapshotId: "t14",
+		notes: [
+			"A call is a layered document: durable layers on top, volatile ones below.",
+			"System and project context are stable. Results and scratchpad churn every turn.",
+			"The current task sits at the bottom and is never evicted."
+		]
+	},
+	{
+		id: "slide-03",
+		number: "03",
+		kicker: "MODULE 03",
+		title: "Composition at a glance",
+		view: "strip",
+		snapshotId: "t14",
+		notes: [
+			"Laid flat, the window reads left to right as a strip of segments.",
+			"Separators mark where one tenant ends and the next begins.",
+			"This is the fastest way to sanity-check what you packed."
+		]
+	},
+	{
+		id: "slide-04",
+		number: "04",
+		kicker: "MODULE 04",
+		title: "Where the tokens actually go",
+		view: "treemap",
+		snapshotId: "t31",
+		notes: [
+			"Area equals tokens. The biggest box is usually not the one you think.",
+			"Tool results and file reads dominate long sessions — not the conversation.",
+			"Treemaps make the expensive tenants impossible to miss."
+		]
+	},
+	{
+		id: "slide-05",
+		number: "05",
+		kicker: "MODULE 05",
+		title: "Growth & truncation",
+		view: "budget",
+		snapshotId: "t31",
+		notes: [
+			"As the session runs, new information is added every turn.",
+			"When the limit is reached, the oldest, lowest-value content is dropped.",
+			"Evicted turns are gone unless they were summarized first."
+		]
+	},
+	{
+		id: "slide-06",
+		number: "06",
+		kicker: "MODULE 06",
+		title: "Reclaim, don't append",
+		view: "budget",
+		snapshotId: "over",
+		notes: [
+			"Append-everything blows the budget — here the same session runs 26% over.",
+			"Summarize resolved results, evict stale turns, retrieve on demand.",
+			"Rebuild the window every turn around what matters now."
+		]
+	}
+], Ie = [
+	{
+		id: "comment-file-reads",
+		anchorX: .3,
+		anchorY: .52,
+		author: "you",
+		text: "This file-reads block is 38k tokens — biggest single tenant. Candidate to summarize once the bug is found.",
+		time: "2m",
+		status: "open"
+	},
+	{
+		id: "comment-scratchpad",
+		anchorX: .74,
+		anchorY: .5,
+		author: "Priya",
+		text: "Why is the scratchpad carried forward? Drop it after the step completes.",
+		time: "just now",
+		status: "open"
+	},
+	{
+		id: "comment-summary",
+		anchorX: .18,
+		anchorY: .3,
+		author: "Manuel",
+		text: "Resolved tool output can collapse into the rolling summary after the assertion is understood.",
+		time: "resolved",
+		status: "resolved"
+	}
+], Le = {
+	intro: "Everything from tonight, to take home. Slides, the diagram source, and a one-page field guide.",
+	docs: [
+		{
+			id: "fieldguide",
+			title: "The Context Window — Field Guide",
+			file: "context-window-field-guide.md",
+			format: "Markdown",
+			size: "11 KB",
+			description: "One-page reference: the six ideas, the four diagrams, and the reclaim checklist.",
+			body: "# The Context Window — Field Guide\n\nEvery model call is a **fixed-size document**. The model can only reason over the instructions, history, retrieved context, tool results, summaries, and task framing that fit in that document.\n\n## The one idea\n\nTreat the context window as a workbench, not a filing cabinet. Everything on the workbench must earn its place right now.\n\n- **Pin the current task** — requirements and acceptance criteria stay visible.\n- **Keep exact evidence only while it is active** — resolved tool output becomes summary plus source pointer.\n- **Rebuild every turn** — choose the next window deliberately instead of appending forever.\n\n## Budget table\n\n| Tenant | Keep verbatim when | Reclaim strategy |\n| --- | --- | --- |\n| System instructions | Always relevant | Keep pinned |\n| Tool output | It contains an unresolved error | Summarize after resolution |\n| File reads | The next patch depends on exact lines | Keep excerpts with paths |\n| Conversation | It changes requirements | Summarize decisions |\n\n## The four views\n\n1. Strip — read the whole window left to right.\n2. Stack — compare durable and volatile layers.\n3. Budget — check headroom and overflow.\n4. Treemap — find the biggest token tenants.\n\n> If it is not in the prompt, the model cannot use it. Saved files matter only after retrieval.\n\n### Minimal instrumentation\n\nTrack `tokens_by_kind` for system, context, conversation, results, generated text, active task, evicted text, and empty space."
+		},
+		{
+			id: "slides-pdf",
+			title: "Slide Deck",
+			file: "context-window-engineering.pdf",
+			format: "PDF",
+			size: "1.4 MB",
+			description: "Printable deck for the six workshop modules.",
+			body: "PDF preview is not available in this static Storybook fixture."
+		},
+		{
+			id: "diagram-json",
+			title: "Diagram source (JSON)",
+			file: "context-window-diagram.json",
+			format: "JSON",
+			size: "6 KB",
+			description: "Token segment data used by the visualizer examples.",
+			body: "{ \"limit\": 200000, \"parts\": [] }"
+		},
+		{
+			id: "checklist",
+			title: "Reclaim Checklist",
+			file: "reclaim-checklist.md",
+			format: "Markdown",
+			size: "3 KB",
+			description: "The order to cut things when the window fills.",
+			body: "# Reclaim Checklist\n\n- [ ] Is the current task pinned?\n- [ ] Have resolved tool results been summarized?\n- [ ] Is the rolling summary still accurate?\n- [ ] Are stale file reads replaced by path + line references?\n- [ ] Did the next action survive compaction?"
+		}
+	]
+};
+function Re(e, t = {}) {
+	return e.parts.reduce((e, n) => !t.includeEmpty && n.kind === "empty" ? e : e + n.tokens, 0);
+}
+function ze(e) {
+	return e.limit <= 0 ? 0 : Re(e) / e.limit;
+}
+var E = {
+	root: "_root_7tnun_1",
+	sm: "_sm_7tnun_11",
+	md: "_md_7tnun_16",
+	lg: "_lg_7tnun_21",
+	selected: "_selected_7tnun_26",
+	dashed: "_dashed_7tnun_31",
+	dotted: "_dotted_7tnun_35",
+	inner: "_inner_7tnun_39",
+	checker: "_checker_7tnun_43",
+	diagonal: "_diagonal_7tnun_54",
+	diagonalDense: "_diagonalDense_7tnun_59",
+	stipple: "_stipple_7tnun_64",
+	cross: "_cross_7tnun_70",
+	overflow: "_overflow_7tnun_77"
+};
+//#endregion
+//#region src/components/atoms/ContextKindSwatch/ContextKindSwatch.tsx
+function Be({ kind: e, mode: t = "pattern", size: n = "md", selected: r = !1, className: i, style: a, ...o }) {
+	let s = ke(e, t), c = T(e);
+	return /* @__PURE__ */ (0, _.jsx)("span", {
+		className: [
+			E.root,
+			E[n],
+			s.pattern ? E[s.pattern] : "",
+			s.dashed ? E.dashed : "",
+			s.dotted ? E.dotted : "",
+			s.inner ? E.inner : "",
+			r ? E.selected : "",
+			i ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-atom": "ContextKindSwatch",
+		"data-kind": e,
+		"data-mode": t,
+		"aria-label": c,
+		title: c,
+		style: {
+			"--rag-context-swatch-fill": s.fill,
+			"--rag-context-swatch-stroke": s.stroke,
+			"--rag-context-swatch-stroke-width": `${s.strokeWidth ?? 1}px`,
+			...a
+		},
+		...o
+	});
+}
+var Ve = {
+	root: "_root_j1d2u_1",
+	user: "_user_j1d2u_2",
+	assistant: "_assistant_j1d2u_3",
+	tool: "_tool_j1d2u_4",
+	system: "_system_j1d2u_5",
+	developer: "_developer_j1d2u_5",
+	other: "_other_j1d2u_6"
+};
+//#endregion
+//#region src/components/atoms/TranscriptRoleBadge/TranscriptRoleBadge.tsx
+function He({ role: e, name: t, className: n, ...r }) {
+	return /* @__PURE__ */ (0, _.jsx)("span", {
+		className: [
+			Ve.root,
+			Ve[e] ?? Ve.other,
+			n ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-atom": "TranscriptRoleBadge",
+		"data-role": e,
+		...r,
+		children: t ?? e
+	});
+}
+var Ue = {
+	root: "_root_1dvu0_1",
+	selected: "_selected_1dvu0_2"
+};
+//#endregion
+//#region src/components/atoms/AnnotationBadge/AnnotationBadge.tsx
+function We({ kind: e, label: t, selected: n = !1, className: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsxs)("span", {
+		className: [
+			Ue.root,
+			n ? Ue.selected : "",
+			r ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-atom": "AnnotationBadge",
+		"data-kind": e,
+		...i,
+		children: [/* @__PURE__ */ (0, _.jsx)(Be, {
+			kind: e,
+			size: "sm",
+			selected: n
+		}), /* @__PURE__ */ (0, _.jsx)("span", { children: t })]
+	});
+}
+var Ge = {
+	root: "_root_ga2ee_1",
+	fill: "_fill_ga2ee_7",
+	header: "_header_ga2ee_11",
+	body: "_body_ga2ee_26",
+	condensed: "_condensed_ga2ee_30"
+};
+//#endregion
+//#region src/components/layout/Panel/Panel.tsx
+function Ke({ title: e, actions: t, density: n = "normal", fill: r = !1, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ (0, _.jsxs)("section", {
+		className: [
+			Ge.root,
+			r ? Ge.fill : "",
+			i ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "Panel",
+		...o,
+		children: [(e || t) && /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: Ge.header,
+			children: [/* @__PURE__ */ (0, _.jsx)("span", { children: e }), t]
+		}), /* @__PURE__ */ (0, _.jsx)("div", {
+			className: n === "condensed" ? Ge.condensed : Ge.body,
+			children: a
+		})]
+	});
+}
+var D = {
+	root: "_root_15awp_1",
+	gapXs: "_gapXs_15awp_6",
+	gapSm: "_gapSm_15awp_7",
+	gapMd: "_gapMd_15awp_8",
+	gapLg: "_gapLg_15awp_9",
+	gapXl: "_gapXl_15awp_10",
+	alignStretch: "_alignStretch_15awp_12",
+	alignStart: "_alignStart_15awp_13",
+	alignCenter: "_alignCenter_15awp_14",
+	alignEnd: "_alignEnd_15awp_15"
+}, qe = {
+	xs: D.gapXs,
+	sm: D.gapSm,
+	md: D.gapMd,
+	lg: D.gapLg,
+	xl: D.gapXl
+}, Je = {
+	stretch: D.alignStretch,
+	start: D.alignStart,
+	center: D.alignCenter,
+	end: D.alignEnd
+};
+function Ye({ gap: e = "md", align: t = "stretch", className: n, children: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: [
+			D.root,
+			qe[e],
+			Je[t],
+			n ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "Stack",
+		...i,
+		children: r
+	});
+}
+var O = {
+	root: "_root_8hatg_1",
+	wrap: "_wrap_8hatg_6",
+	noWrap: "_noWrap_8hatg_7",
+	gapXs: "_gapXs_8hatg_8",
+	gapSm: "_gapSm_8hatg_9",
+	gapMd: "_gapMd_8hatg_10",
+	gapLg: "_gapLg_8hatg_11",
+	justifyStart: "_justifyStart_8hatg_12",
+	justifyBetween: "_justifyBetween_8hatg_13",
+	justifyEnd: "_justifyEnd_8hatg_14"
+}, Xe = {
+	xs: O.gapXs,
+	sm: O.gapSm,
+	md: O.gapMd,
+	lg: O.gapLg
+}, Ze = {
+	start: O.justifyStart,
+	between: O.justifyBetween,
+	end: O.justifyEnd
+};
+function Qe({ gap: e = "sm", justify: t = "start", wrap: n = !0, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: [
+			O.root,
+			Xe[e],
+			Ze[t],
+			n ? O.wrap : O.noWrap,
+			r ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "Inline",
+		...a,
+		children: i
+	});
+}
+var $e = {
+	root: "_root_rmtbr_1",
+	searchWorkbench: "_searchWorkbench_rmtbr_7",
+	corpusExplorer: "_corpusExplorer_rmtbr_12",
+	twoColumn: "_twoColumn_rmtbr_17"
+}, et = {
+	searchWorkbench: $e.searchWorkbench,
+	corpusExplorer: $e.corpusExplorer,
+	twoColumn: $e.twoColumn
+};
+function tt({ recipe: e = "twoColumn", className: t, children: n, ...r }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: [
+			$e.root,
+			et[e],
+			t ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "DashboardGrid",
+		"data-rag-layout-recipe": e,
+		...r,
+		children: n
+	});
+}
+var nt = {
+	root: "_root_1rq8r_1",
+	header: "_header_1rq8r_2",
+	body: "_body_1rq8r_3",
+	sidebar: "_sidebar_1rq8r_4",
+	main: "_main_1rq8r_5"
+};
+//#endregion
+//#region src/components/layout/AppShell/AppShell.tsx
+function rt({ header: e, sidebar: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [nt.root, n ?? ""].filter(Boolean).join(" "),
+		"data-rag-layout": "AppShell",
+		...i,
+		children: [e && /* @__PURE__ */ (0, _.jsx)("header", {
+			className: nt.header,
+			children: e
+		}), /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: nt.body,
+			children: [t && /* @__PURE__ */ (0, _.jsx)("aside", {
+				className: nt.sidebar,
+				children: t
+			}), /* @__PURE__ */ (0, _.jsx)("main", {
+				className: nt.main,
+				children: r
+			})]
+		})]
+	});
+}
+var it = {
+	root: "_root_37934_1",
+	y: "_y_37934_2",
+	x: "_x_37934_3",
+	both: "_both_37934_4"
+};
+//#endregion
+//#region src/components/layout/ScrollRegion/ScrollRegion.tsx
+function at({ axis: e = "y", className: t, children: n, ...r }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: [
+			it.root,
+			it[e],
+			t ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "ScrollRegion",
+		...r,
+		children: n
+	});
+}
+var ot = {
+	root: "_root_bo8as_1",
+	item: "_item_bo8as_2",
+	active: "_active_bo8as_4"
+};
+//#endregion
+//#region src/components/layout/TabList/TabList.tsx
+function st({ items: e, activeId: t, onChange: n, ariaLabel: r = "Tabs" }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: ot.root,
+		role: "tablist",
+		"aria-label": r,
+		"data-rag-layout": "TabList",
+		children: e.map((e) => /* @__PURE__ */ (0, _.jsx)("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": e.id === t,
+			className: [ot.item, e.id === t ? ot.active : ""].filter(Boolean).join(" "),
+			onClick: () => n(e.id),
+			children: e.label
+		}, e.id))
+	});
+}
+var ct = {
+	root: "_root_t0l9w_1",
+	label: "_label_t0l9w_2",
+	control: "_control_t0l9w_3",
+	hint: "_hint_t0l9w_4"
+};
+//#endregion
+//#region src/components/layout/FormRow/FormRow.tsx
+function lt({ label: e, control: t, hint: n, className: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [ct.root, r ?? ""].filter(Boolean).join(" "),
+		"data-rag-layout": "FormRow",
+		...i,
+		children: [
+			/* @__PURE__ */ (0, _.jsx)("div", {
+				className: ct.label,
+				children: e
+			}),
+			/* @__PURE__ */ (0, _.jsx)("div", {
+				className: ct.control,
+				children: t
+			}),
+			n && /* @__PURE__ */ (0, _.jsx)("div", {
+				className: ct.hint,
+				children: n
+			})
+		]
+	});
+}
+var ut = {
+	root: "_root_145df_1",
+	normal: "_normal_145df_2",
+	spacious: "_spacious_145df_3",
+	"divider-top": "_divider-top_145df_4",
+	"divider-bottom": "_divider-bottom_145df_5",
+	"divider-both": "_divider-both_145df_6",
+	label: "_label_145df_7",
+	caption: "_caption_145df_8",
+	body: "_body_145df_9"
+};
+//#endregion
+//#region src/components/layout/SectionBlock/SectionBlock.tsx
+function dt({ as: e = "section", label: t, caption: n, density: r = "normal", divider: i = "none", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ (0, _.jsxs)(e, {
+		className: [
+			ut.root,
+			ut[r],
+			ut[`divider-${i}`],
+			a ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "SectionBlock",
+		...s,
+		children: [
+			t && /* @__PURE__ */ (0, _.jsx)("div", {
+				className: ut.label,
+				children: t
+			}),
+			n && /* @__PURE__ */ (0, _.jsx)(y, {
+				className: ut.caption,
+				children: n
+			}),
+			/* @__PURE__ */ (0, _.jsx)("div", {
+				className: ut.body,
+				children: o
+			})
+		]
+	});
+}
+var ft = {
+	root: "_root_1o5gv_1",
+	balanced: "_balanced_1o5gv_2",
+	leftNarrow: "_leftNarrow_1o5gv_3",
+	rightNarrow: "_rightNarrow_1o5gv_4",
+	course: "_course_1o5gv_5",
+	sidebar: "_sidebar_1o5gv_6",
+	divider: "_divider_1o5gv_7",
+	pane: "_pane_1o5gv_7",
+	gutterMd: "_gutterMd_1o5gv_9",
+	gutterLg: "_gutterLg_1o5gv_11"
+};
+//#endregion
+//#region src/components/layout/SplitPane/SplitPane.tsx
+function pt({ left: e, right: t, ratio: n = "balanced", divider: r = !1, gutter: i = "none", className: a, ...o }) {
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [
+			ft.root,
+			ft[n],
+			r ? ft.divider : "",
+			i === "none" ? "" : ft[`gutter${i[0].toUpperCase()}${i.slice(1)}`],
+			a ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-layout": "SplitPane",
+		...o,
+		children: [/* @__PURE__ */ (0, _.jsx)("div", {
+			className: ft.pane,
+			children: e
+		}), /* @__PURE__ */ (0, _.jsx)("div", {
+			className: ft.pane,
+			children: t
+		})]
+	});
+}
+var k = {
+	root: "_root_106h4_1",
+	header: "_header_106h4_12",
+	metaRow: "_metaRow_106h4_20",
+	title: "_title_106h4_27",
+	subtitle: "_subtitle_106h4_35",
+	body: "_body_106h4_42",
+	twoPane: "_twoPane_106h4_47",
+	singlePane: "_singlePane_106h4_52",
+	primaryWide: "_primaryWide_106h4_56",
+	"primary-left": "_primary-left_106h4_56",
+	"primary-right": "_primary-right_106h4_57",
+	secondaryWide: "_secondaryWide_106h4_61",
+	balanced: "_balanced_106h4_66",
+	primary: "_primary_106h4_56",
+	secondary: "_secondary_106h4_61",
+	divider: "_divider_106h4_90",
+	footer: "_footer_106h4_96"
+};
+//#endregion
+//#region src/components/layout/SlideShell/SlideShell.tsx
+function mt({ as: e = "article", eyebrow: t, counter: n, title: r, subtitle: i, primary: a, secondary: o, primarySide: s = "left", ratio: c = "primaryWide", divider: l = !0, footer: u, className: d, ...f }) {
+	return /* @__PURE__ */ (0, _.jsxs)(e, {
+		className: [k.root, d ?? ""].filter(Boolean).join(" "),
+		"data-rag-layout": "SlideShell",
+		"data-primary-side": s,
+		...f,
+		children: [
+			/* @__PURE__ */ (0, _.jsxs)("header", {
+				className: k.header,
+				children: [
+					/* @__PURE__ */ (0, _.jsxs)("div", {
+						className: k.metaRow,
+						children: [t ? /* @__PURE__ */ (0, _.jsx)(y, {
+							transform: "uppercase",
+							children: t
+						}) : /* @__PURE__ */ (0, _.jsx)("span", {}), n && /* @__PURE__ */ (0, _.jsx)(y, { children: n })]
+					}),
+					/* @__PURE__ */ (0, _.jsx)("h2", {
+						className: k.title,
+						children: r
+					}),
+					i && /* @__PURE__ */ (0, _.jsx)("p", {
+						className: k.subtitle,
+						children: i
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, _.jsxs)("div", {
+				className: [
+					k.body,
+					k[c],
+					o ? k.twoPane : k.singlePane,
+					l && o ? k.divider : "",
+					k[`primary-${s}`]
+				].filter(Boolean).join(" "),
+				children: [/* @__PURE__ */ (0, _.jsx)("div", {
+					className: k.primary,
+					children: a
+				}), o && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: k.secondary,
+					children: o
+				})]
+			}),
+			u && /* @__PURE__ */ (0, _.jsx)("footer", {
+				className: k.footer,
+				children: u
+			})
+		]
+	});
+}
+var A = {
+	root: "_root_1w0ju_1",
+	sidebar: "_sidebar_1w0ju_10",
+	sidebarHeader: "_sidebarHeader_1w0ju_19",
+	sidebarFooter: "_sidebarFooter_1w0ju_20",
+	sidebarBody: "_sidebarBody_1w0ju_33",
+	content: "_content_1w0ju_40",
+	contentPaddingMd: "_contentPaddingMd_1w0ju_47",
+	contentPaddingLg: "_contentPaddingLg_1w0ju_51"
+};
+//#endregion
+//#region src/components/layout/SidebarShell/SidebarShell.tsx
+function ht(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+function gt({ sidebar: e, sidebarWidth: t = 188, contentPadding: n = "none", header: r, footer: i, className: a, children: o, style: s, ...c }) {
+	let l = {
+		...s,
+		"--rag-sidebar-width": ht(t)
+	};
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [A.root, a ?? ""].filter(Boolean).join(" "),
+		style: l,
+		"data-rag-layout": "SidebarShell",
+		...c,
+		children: [/* @__PURE__ */ (0, _.jsxs)("aside", {
+			className: A.sidebar,
+			"aria-label": "Course navigation",
+			children: [
+				r && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: A.sidebarHeader,
+					children: r
+				}),
+				/* @__PURE__ */ (0, _.jsx)("div", {
+					className: A.sidebarBody,
+					children: e
+				}),
+				i && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: A.sidebarFooter,
+					children: i
+				})
+			]
+		}), /* @__PURE__ */ (0, _.jsx)("main", {
+			className: [A.content, n === "none" ? "" : A[`contentPadding${n[0].toUpperCase()}${n.slice(1)}`]].filter(Boolean).join(" "),
+			children: o
+		})]
+	});
+}
+var j = {
+	root: "_root_1gyp0_1",
+	row: "_row_1gyp0_2",
+	key: "_key_1gyp0_3",
+	value: "_value_1gyp0_4",
+	compact: "_compact_1gyp0_5",
+	copyButton: "_copyButton_1gyp0_6"
+};
+//#endregion
+//#region src/components/molecules/MetadataGrid/MetadataGrid.tsx
+function _t({ items: e, density: t = "normal", className: n, onCopy: r }) {
+	let i = (e) => {
+		if (r) {
+			r(e);
+			return;
+		}
+		navigator.clipboard?.writeText(e).catch(() => {});
+	};
+	return /* @__PURE__ */ (0, _.jsx)("dl", {
+		className: [
+			j.root,
+			t === "compact" ? j.compact : "",
+			n ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-component": "MetadataGrid",
+		children: e.map((e, t) => /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: j.row,
+			children: [/* @__PURE__ */ (0, _.jsx)("dt", {
+				className: j.key,
+				children: e.key
+			}), /* @__PURE__ */ (0, _.jsxs)("dd", {
+				className: j.value,
+				children: [e.value, e.copyValue && /* @__PURE__ */ (0, _.jsx)("button", {
+					type: "button",
+					className: j.copyButton,
+					onClick: () => i(e.copyValue),
+					children: "⧉"
+				})]
+			})]
+		}, t))
+	});
+}
+var M = {
+	root: "_root_1kw0z_1",
+	selectable: "_selectable_1kw0z_4",
+	selected: "_selected_1kw0z_6",
+	start: "_start_1kw0z_7",
+	end: "_end_1kw0z_8",
+	center: "_center_1kw0z_9",
+	empty: "_empty_1kw0z_10"
+};
+//#endregion
+//#region src/components/molecules/DataTable/DataTable.tsx
+function vt({ columns: e, rows: t, getRowKey: n, selectedKey: r, onRowSelect: i, emptyMessage: a, className: o }) {
+	return /* @__PURE__ */ (0, _.jsxs)("table", {
+		className: [M.root, o ?? ""].filter(Boolean).join(" "),
+		"data-rag-component": "DataTable",
+		children: [/* @__PURE__ */ (0, _.jsx)("thead", { children: /* @__PURE__ */ (0, _.jsx)("tr", { children: e.map((e) => /* @__PURE__ */ (0, _.jsx)("th", {
+			className: M[e.align ?? "start"],
+			children: e.header
+		}, e.id)) }) }), /* @__PURE__ */ (0, _.jsxs)("tbody", { children: [t.length === 0 && a && /* @__PURE__ */ (0, _.jsx)("tr", { children: /* @__PURE__ */ (0, _.jsx)("td", {
+			colSpan: e.length,
+			className: M.empty,
+			children: a
+		}) }), t.map((t) => {
+			let a = n(t);
+			return /* @__PURE__ */ (0, _.jsx)("tr", {
+				className: [i ? M.selectable : "", r === a ? M.selected : ""].filter(Boolean).join(" "),
+				onClick: i ? () => i(t) : void 0,
+				children: e.map((e) => /* @__PURE__ */ (0, _.jsx)("td", {
+					className: M[e.align ?? "start"],
+					style: e.maxWidth ? { maxWidth: e.maxWidth } : void 0,
+					children: e.cell(t)
+				}, e.id))
+			}, a);
+		})] })]
+	});
+}
+var yt = {
+	root: "_root_13gif_1",
+	brand: "_brand_13gif_13",
+	item: "_item_13gif_22",
+	active: "_active_13gif_42"
+};
+//#endregion
+//#region src/components/molecules/AppNav/AppNav.tsx
+function bt({ brand: e, items: t, activeItemId: n, onItemSelect: r }) {
+	return /* @__PURE__ */ (0, _.jsxs)("nav", {
+		className: yt.root,
+		"aria-label": "Primary",
+		"data-rag-component": "AppNav",
+		children: [/* @__PURE__ */ (0, _.jsx)("span", {
+			className: yt.brand,
+			children: e
+		}), t.map((e) => {
+			let t = e.id === n;
+			return /* @__PURE__ */ (0, _.jsx)("button", {
+				type: "button",
+				className: [yt.item, t ? yt.active : ""].filter(Boolean).join(" "),
+				"aria-current": t ? "page" : void 0,
+				onClick: () => r(e.id),
+				children: e.label
+			}, e.id);
+		})]
+	});
+}
+var xt = {
+	root: "_root_1i26l_1",
+	default: "_default_1i26l_7",
+	compact: "_compact_1i26l_11",
+	item: "_item_1i26l_15",
+	label: "_label_1i26l_22"
+};
+//#endregion
+//#region src/components/molecules/ContextLegend/ContextLegend.tsx
+function St({ kinds: e = Te.filter((e) => e !== "other"), mode: t = "pattern", compact: n = !1, selectedKind: r, className: i, ...a }) {
+	return /* @__PURE__ */ (0, _.jsx)("div", {
+		className: [
+			xt.root,
+			n ? xt.compact : xt.default,
+			i ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-molecule": "ContextLegend",
+		"data-mode": t,
+		...a,
+		children: e.map((e) => /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: xt.item,
+			"data-selected": r === e ? "true" : void 0,
+			children: [/* @__PURE__ */ (0, _.jsx)(Be, {
+				kind: e,
+				mode: t,
+				size: n ? "sm" : "md",
+				selected: r === e
+			}), /* @__PURE__ */ (0, _.jsx)("span", {
+				className: xt.label,
+				children: T(e)
+			})]
+		}, e))
+	});
+}
+var N = {
+	root: "_root_4isez_1",
+	header: "_header_4isez_8",
+	track: "_track_4isez_15",
+	segment: "_segment_4isez_25",
+	selected: "_selected_4isez_32",
+	limitMarker: "_limitMarker_4isez_38",
+	nearBudget: "_nearBudget_4isez_47",
+	overBudget: "_overBudget_4isez_51",
+	legend: "_legend_4isez_55",
+	legendItem: "_legendItem_4isez_61",
+	dot: "_dot_4isez_74",
+	tokens: "_tokens_4isez_81",
+	kind_system: "_kind_system_4isez_85",
+	kind_instruction: "_kind_instruction_4isez_86",
+	kind_context: "_kind_context_4isez_87",
+	kind_conversation: "_kind_conversation_4isez_88",
+	kind_course: "_kind_course_4isez_89",
+	kind_other: "_kind_other_4isez_90",
+	kind_summary: "_kind_summary_4isez_91",
+	kind_annotation: "_kind_annotation_4isez_92",
+	kind_retrieval: "_kind_retrieval_4isez_93",
+	kind_tool: "_kind_tool_4isez_94",
+	kind_result: "_kind_result_4isez_95",
+	kind_generated: "_kind_generated_4isez_96",
+	kind_evicted: "_kind_evicted_4isez_97",
+	kind_active: "_kind_active_4isez_98",
+	kind_empty: "_kind_empty_4isez_99"
+};
+//#endregion
+//#region src/components/molecules/ContextBudgetBar/ContextBudgetBar.tsx
+function Ct(e) {
+	return `${Math.round(e).toLocaleString()} tok`;
+}
+function wt(e) {
+	return e.filter((e) => e.kind !== "empty" && e.tokens > 0);
+}
+function Tt({ snapshot: e, mode: t = "pattern", showLegend: n = !0, selectedPartId: r, className: i, ...a }) {
+	let o = Re(e), s = ze(e), c = o > e.limit, l = !c && s >= .8, u = wt(e.parts), d = r ?? e.selectedPartId;
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [
+			N.root,
+			c ? N.overBudget : l ? N.nearBudget : "",
+			i ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-molecule": "ContextBudgetBar",
+		"data-mode": t,
+		...a,
+		children: [
+			/* @__PURE__ */ (0, _.jsxs)("div", {
+				className: N.header,
+				children: [/* @__PURE__ */ (0, _.jsx)(y, {
+					transform: "uppercase",
+					children: e.title
+				}), /* @__PURE__ */ (0, _.jsxs)(y, {
+					tone: c ? "danger" : l ? "warning" : "muted",
+					children: [
+						Ct(o),
+						" / ",
+						Ct(e.limit),
+						" · ",
+						Math.round(s * 100),
+						"%"
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, _.jsxs)("div", {
+				className: N.track,
+				role: "img",
+				"aria-label": `${e.title}: ${Ct(o)} of ${Ct(e.limit)} used`,
+				children: [u.map((t) => {
+					let n = e.limit > 0 ? Math.max(.5, t.tokens / e.limit * 100) : 0;
+					return /* @__PURE__ */ (0, _.jsx)("div", {
+						className: [
+							N.segment,
+							N[`kind_${t.kind}`] ?? N.kind_other,
+							d === t.id ? N.selected : ""
+						].filter(Boolean).join(" "),
+						style: { width: `${n}%` },
+						title: `${t.label}: ${Ct(t.tokens)} (${T(t.kind)})`
+					}, t.id);
+				}), c && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: N.limitMarker,
+					title: "model context limit"
+				})]
+			}),
+			n && /* @__PURE__ */ (0, _.jsx)("div", {
+				className: N.legend,
+				children: u.map((e) => /* @__PURE__ */ (0, _.jsxs)("span", {
+					className: N.legendItem,
+					"data-selected": d === e.id ? "true" : void 0,
+					children: [
+						/* @__PURE__ */ (0, _.jsx)("span", { className: [N.dot, N[`kind_${e.kind}`] ?? N.kind_other].join(" ") }),
+						/* @__PURE__ */ (0, _.jsx)("span", { children: e.label }),
+						/* @__PURE__ */ (0, _.jsx)("span", {
+							className: N.tokens,
+							children: Ct(e.tokens)
+						})
+					]
+				}, e.id))
+			})
+		]
+	});
+}
+var P = {
+	root: "_root_hloz0_1",
+	strip: "_strip_hloz0_2",
+	segment: "_segment_hloz0_3",
+	label: "_label_hloz0_5",
+	selected: "_selected_hloz0_6",
+	caption: "_caption_hloz0_7",
+	kind_system: "_kind_system_hloz0_8",
+	kind_instruction: "_kind_instruction_hloz0_8",
+	kind_context: "_kind_context_hloz0_9",
+	kind_conversation: "_kind_conversation_hloz0_9",
+	kind_course: "_kind_course_hloz0_9",
+	kind_other: "_kind_other_hloz0_9",
+	kind_summary: "_kind_summary_hloz0_10",
+	kind_annotation: "_kind_annotation_hloz0_10",
+	kind_retrieval: "_kind_retrieval_hloz0_11",
+	kind_tool: "_kind_tool_hloz0_11",
+	kind_result: "_kind_result_hloz0_11",
+	kind_generated: "_kind_generated_hloz0_12",
+	kind_evicted: "_kind_evicted_hloz0_13",
+	kind_active: "_kind_active_hloz0_15",
+	kind_empty: "_kind_empty_hloz0_17"
+};
+//#endregion
+//#region src/components/molecules/ContextStripDiagram/ContextStripDiagram.tsx
+function Et(e) {
+	return `${e.toLocaleString()} tok`;
+}
+function Dt({ snapshot: e, mode: t = "pattern", selectedPartId: n, showLabels: r = !0, className: i, ...a }) {
+	let o = n ?? e.selectedPartId, s = e.limit || e.parts.reduce((e, t) => e + t.tokens, 0);
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [P.root, i ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "ContextStripDiagram",
+		"data-mode": t,
+		...a,
+		children: [/* @__PURE__ */ (0, _.jsx)("div", {
+			className: P.strip,
+			role: "img",
+			"aria-label": `${e.title} context strip`,
+			children: e.parts.map((e) => {
+				let t = Math.max(2, e.tokens / s * 100), n = o === e.id;
+				return /* @__PURE__ */ (0, _.jsx)("div", {
+					className: [
+						P.segment,
+						P[`kind_${e.kind}`] ?? P.kind_other,
+						n ? P.selected : ""
+					].filter(Boolean).join(" "),
+					style: { width: `${t}%` },
+					title: `${e.label}: ${Et(e.tokens)} (${T(e.kind)})`,
+					children: r && t >= 7 && /* @__PURE__ */ (0, _.jsx)("span", {
+						className: P.label,
+						children: e.label
+					})
+				}, e.id);
+			})
+		}), /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: P.caption,
+			children: [
+				e.title,
+				" · ",
+				e.limit.toLocaleString(),
+				" token window"
+			]
+		})]
+	});
+}
+var F = {
+	root: "_root_eoqke_1",
+	layers: "_layers_eoqke_2",
+	layer: "_layer_eoqke_2",
+	label: "_label_eoqke_5",
+	tokens: "_tokens_eoqke_6",
+	kind_system: "_kind_system_eoqke_8",
+	kind_instruction: "_kind_instruction_eoqke_10",
+	kind_summary: "_kind_summary_eoqke_12",
+	kind_annotation: "_kind_annotation_eoqke_14",
+	kind_retrieval: "_kind_retrieval_eoqke_16",
+	kind_tool: "_kind_tool_eoqke_18",
+	kind_result: "_kind_result_eoqke_20",
+	kind_generated: "_kind_generated_eoqke_22",
+	selected: "_selected_eoqke_29",
+	kind_context: "_kind_context_eoqke_31",
+	kind_conversation: "_kind_conversation_eoqke_31",
+	kind_course: "_kind_course_eoqke_31",
+	kind_other: "_kind_other_eoqke_31",
+	kind_evicted: "_kind_evicted_eoqke_35",
+	kind_active: "_kind_active_eoqke_37",
+	kind_empty: "_kind_empty_eoqke_39",
+	caption: "_caption_eoqke_40"
+};
+//#endregion
+//#region src/components/molecules/ContextStackDiagram/ContextStackDiagram.tsx
+function Ot(e) {
+	return `${e.toLocaleString()} tok`;
+}
+function kt({ snapshot: e, selectedPartId: t, className: n, ...r }) {
+	let i = t ?? e.selectedPartId, a = e.parts.filter((e) => e.tokens > 0), o = Math.max(...a.map((e) => e.tokens), 1);
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [F.root, n ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "ContextStackDiagram",
+		...r,
+		children: [/* @__PURE__ */ (0, _.jsx)("div", {
+			className: F.layers,
+			role: "img",
+			"aria-label": `${e.title} context stack`,
+			children: a.map((e) => {
+				let t = i === e.id, n = Math.max(26, Math.min(74, 22 + e.tokens / o * 52));
+				return /* @__PURE__ */ (0, _.jsxs)("div", {
+					className: [
+						F.layer,
+						F[`kind_${e.kind}`] ?? F.kind_other,
+						t ? F.selected : ""
+					].filter(Boolean).join(" "),
+					style: { minHeight: n },
+					title: `${e.label}: ${Ot(e.tokens)} (${T(e.kind)})`,
+					children: [/* @__PURE__ */ (0, _.jsx)("span", {
+						className: F.label,
+						children: e.label
+					}), /* @__PURE__ */ (0, _.jsx)("span", {
+						className: F.tokens,
+						children: Ot(e.tokens)
+					})]
+				}, e.id);
+			})
+		}), /* @__PURE__ */ (0, _.jsx)("div", {
+			className: F.caption,
+			children: e.title
+		})]
+	});
+}
+var I = {
+	root: "_root_shrue_1",
+	map: "_map_shrue_2",
+	tile: "_tile_shrue_3",
+	label: "_label_shrue_4",
+	tokens: "_tokens_shrue_5",
+	kind_system: "_kind_system_shrue_7",
+	kind_instruction: "_kind_instruction_shrue_9",
+	kind_summary: "_kind_summary_shrue_11",
+	kind_annotation: "_kind_annotation_shrue_13",
+	kind_retrieval: "_kind_retrieval_shrue_15",
+	kind_tool: "_kind_tool_shrue_17",
+	kind_result: "_kind_result_shrue_19",
+	kind_generated: "_kind_generated_shrue_21",
+	selected: "_selected_shrue_29",
+	kind_context: "_kind_context_shrue_31",
+	kind_conversation: "_kind_conversation_shrue_31",
+	kind_course: "_kind_course_shrue_31",
+	kind_other: "_kind_other_shrue_31",
+	kind_evicted: "_kind_evicted_shrue_35",
+	kind_active: "_kind_active_shrue_37",
+	caption: "_caption_shrue_39"
+};
+//#endregion
+//#region src/components/molecules/ContextTreemap/ContextTreemap.tsx
+function At(e) {
+	return `${e.toLocaleString()} tok`;
+}
+function jt({ snapshot: e, selectedPartId: t, className: n, ...r }) {
+	let i = t ?? e.selectedPartId, a = e.parts.filter((e) => e.kind !== "empty" && e.tokens > 0), o = Re(e) || 1;
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [I.root, n ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "ContextTreemap",
+		...r,
+		children: [/* @__PURE__ */ (0, _.jsx)("div", {
+			className: I.map,
+			role: "img",
+			"aria-label": `${e.title} token treemap`,
+			children: a.map((e) => {
+				let t = Math.max(7, e.tokens / o * 100), n = i === e.id;
+				return /* @__PURE__ */ (0, _.jsxs)("div", {
+					className: [
+						I.tile,
+						I[`kind_${e.kind}`] ?? I.kind_other,
+						n ? I.selected : ""
+					].filter(Boolean).join(" "),
+					style: {
+						flexBasis: `${t}%`,
+						flexGrow: e.tokens
+					},
+					title: `${e.label}: ${At(e.tokens)} (${T(e.kind)})`,
+					children: [/* @__PURE__ */ (0, _.jsx)("span", {
+						className: I.label,
+						children: e.label
+					}), /* @__PURE__ */ (0, _.jsx)("span", {
+						className: I.tokens,
+						children: At(e.tokens)
+					})]
+				}, e.id);
+			})
+		}), /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: I.caption,
+			children: [
+				At(o),
+				" in use · ",
+				e.title
+			]
+		})]
+	});
+}
+var L = {
+	root: "_root_15h6i_1",
+	selected: "_selected_15h6i_10",
+	titleBar: "_titleBar_15h6i_15",
+	titleCluster: "_titleCluster_15h6i_26",
+	metaCluster: "_metaCluster_15h6i_27",
+	roleGlyph: "_roleGlyph_15h6i_38",
+	roleLabel: "_roleLabel_15h6i_43",
+	body: "_body_15h6i_51",
+	toolBody: "_toolBody_15h6i_58",
+	noteChip: "_noteChip_15h6i_64",
+	user: "_user_15h6i_80",
+	assistant: "_assistant_15h6i_90",
+	tool: "_tool_15h6i_58",
+	system: "_system_15h6i_92",
+	developer: "_developer_15h6i_93",
+	other: "_other_15h6i_94"
+}, Mt = {
+	system: "SYSTEM",
+	developer: "DEVELOPER",
+	user: "USER",
+	assistant: "ASSISTANT",
+	tool: "TOOL",
+	other: "MESSAGE"
+}, Nt = {
+	system: "◆",
+	developer: "◇",
+	user: "▸",
+	assistant: "✦",
+	tool: "⚙",
+	other: "•"
+};
+function Pt(e, t) {
+	return e.findIndex((e) => e.id === t) + 1;
+}
+function Ft({ message: e, annotations: t = [], selectedAnnotationId: n, onAnnotationSelect: r, showAnnotationChips: i = !0, className: a, ...o }) {
+	let s = t.filter((t) => t.targetMessageId === e.id || e.annotationIds?.includes(t.id)), c = s.some((e) => e.id === n), l = e.name ? `${Mt[e.role]} · ${e.name}` : Mt[e.role], u = [L.body, e.role === "tool" ? L.toolBody : ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, _.jsxs)("article", {
+		className: [
+			L.root,
+			L[e.role] ?? L.other,
+			c ? L.selected : "",
+			a ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-molecule": "TranscriptMessageCard",
+		"data-rag-message-id": e.id,
+		"data-rag-role": e.role,
+		"data-rag-has-notes": s.length > 0 ? "true" : void 0,
+		...o,
+		children: [/* @__PURE__ */ (0, _.jsxs)("header", {
+			className: L.titleBar,
+			children: [/* @__PURE__ */ (0, _.jsxs)("div", {
+				className: L.titleCluster,
+				children: [/* @__PURE__ */ (0, _.jsx)("span", {
+					className: L.roleGlyph,
+					"aria-hidden": "true",
+					children: Nt[e.role]
+				}), /* @__PURE__ */ (0, _.jsx)("span", {
+					className: L.roleLabel,
+					children: l
+				})]
+			}), /* @__PURE__ */ (0, _.jsxs)("div", {
+				className: L.metaCluster,
+				children: [i && s.map((e) => {
+					let i = Pt(t, e.id), a = n === e.id;
+					return /* @__PURE__ */ (0, _.jsxs)("button", {
+						type: "button",
+						className: L.noteChip,
+						"data-selected": a ? "true" : void 0,
+						onClick: () => r?.(e.id),
+						children: ["note ", i > 0 ? i : ""]
+					}, e.id);
+				}), /* @__PURE__ */ (0, _.jsxs)(y, { children: [e.tokens?.toLocaleString() ?? "—", " tok"] })]
+			})]
+		}), /* @__PURE__ */ (0, _.jsx)("div", {
+			className: u,
+			children: e.text
+		})]
+	});
+}
+var It = {
+	root: "_root_1q2ab_1",
+	titleRow: "_titleRow_1q2ab_11",
+	metaRow: "_metaRow_1q2ab_12",
+	rightSlot: "_rightSlot_1q2ab_20"
+};
+//#endregion
+//#region src/components/molecules/TranscriptSessionHeader/TranscriptSessionHeader.tsx
+function Lt({ title: e, subtitle: t, messageCount: n, annotationCount: r, tokenTotal: i, rightSlot: a, className: o, ...s }) {
+	let c = [n == null ? void 0 : `${n} message${n === 1 ? "" : "s"}`, r == null ? void 0 : `${r} annotation${r === 1 ? "" : "s"}`].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ (0, _.jsxs)("header", {
+		className: [It.root, o ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "TranscriptSessionHeader",
+		...s,
+		children: [/* @__PURE__ */ (0, _.jsxs)("div", {
+			className: It.titleRow,
+			children: [/* @__PURE__ */ (0, _.jsxs)(h, {
+				as: "div",
+				size: "metric",
+				weight: "bold",
+				children: ["Session: ", e]
+			}), i != null && /* @__PURE__ */ (0, _.jsxs)(y, { children: [i.toLocaleString(), " tok cumulative"] })]
+		}), (t || c || a) && /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: It.metaRow,
+			children: [/* @__PURE__ */ (0, _.jsx)(y, { children: [t, c].filter(Boolean).join(" · ") }), a && /* @__PURE__ */ (0, _.jsx)("div", {
+				className: It.rightSlot,
+				children: a
+			})]
+		})]
+	});
+}
+var R = {
+	root: "_root_1hxft_1",
+	selected: "_selected_1hxft_9",
+	titleBar: "_titleBar_1hxft_14",
+	noteLabel: "_noteLabel_1hxft_29",
+	body: "_body_1hxft_34",
+	title: "_title_1hxft_14",
+	text: "_text_1hxft_45"
+};
+//#endregion
+//#region src/components/molecules/AnnotationNoteCard/AnnotationNoteCard.tsx
+function Rt({ annotation: e, selected: t = !1, index: n, className: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsxs)("aside", {
+		className: [
+			R.root,
+			t ? R.selected : "",
+			r ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-molecule": "AnnotationNoteCard",
+		"data-rag-note-id": e.id,
+		"data-rag-target-message-id": e.targetMessageId,
+		...i,
+		children: [/* @__PURE__ */ (0, _.jsxs)("header", {
+			className: R.titleBar,
+			children: [/* @__PURE__ */ (0, _.jsxs)("span", {
+				className: R.noteLabel,
+				children: ["NOTE ", n ?? ""]
+			}), /* @__PURE__ */ (0, _.jsx)(Be, {
+				kind: e.kind,
+				size: "sm",
+				selected: t
+			})]
+		}), /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: R.body,
+			children: [
+				/* @__PURE__ */ (0, _.jsx)("div", {
+					className: R.title,
+					children: e.label
+				}),
+				/* @__PURE__ */ (0, _.jsx)("p", {
+					className: R.text,
+					children: e.text
+				}),
+				e.confidence != null && /* @__PURE__ */ (0, _.jsxs)(y, { children: [
+					"confidence ",
+					Math.round(e.confidence * 100),
+					"%"
+				] })
+			]
+		})]
+	});
+}
+var z = {
+	root: "_root_1c1xz_1",
+	selected: "_selected_1c1xz_2",
+	resolved: "_resolved_1c1xz_3",
+	header: "_header_1c1xz_4",
+	index: "_index_1c1xz_6",
+	author: "_author_1c1xz_7",
+	spacer: "_spacer_1c1xz_8",
+	time: "_time_1c1xz_9",
+	dismiss: "_dismiss_1c1xz_10",
+	text: "_text_1c1xz_11",
+	compact: "_compact_1c1xz_12"
+};
+//#endregion
+//#region src/components/molecules/AnchoredCommentCard/AnchoredCommentCard.tsx
+function zt({ comment: e, index: t, selected: n = !1, compact: r = !1, onDismiss: i, className: a, ...o }) {
+	return /* @__PURE__ */ (0, _.jsxs)("article", {
+		className: [
+			z.root,
+			n ? z.selected : "",
+			r ? z.compact : "",
+			e.status === "resolved" ? z.resolved : "",
+			a ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-molecule": "AnchoredCommentCard",
+		"data-status": e.status ?? "open",
+		...o,
+		children: [
+			/* @__PURE__ */ (0, _.jsxs)("header", {
+				className: z.header,
+				children: [
+					t != null && /* @__PURE__ */ (0, _.jsx)("span", {
+						className: z.index,
+						children: t
+					}),
+					/* @__PURE__ */ (0, _.jsx)("span", {
+						className: z.author,
+						children: e.author.toUpperCase()
+					}),
+					/* @__PURE__ */ (0, _.jsx)("span", { className: z.spacer }),
+					e.time && /* @__PURE__ */ (0, _.jsx)("span", {
+						className: z.time,
+						children: e.time
+					}),
+					i && /* @__PURE__ */ (0, _.jsx)("button", {
+						type: "button",
+						className: z.dismiss,
+						onClick: i,
+						"aria-label": "Dismiss comment",
+						children: "✕"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, _.jsx)("p", {
+				className: z.text,
+				children: e.text
+			}),
+			e.status === "resolved" && /* @__PURE__ */ (0, _.jsx)(y, {
+				tone: "success",
+				children: "resolved"
+			})
+		]
+	});
+}
+var B = {
+	root: "_root_d81sc_1",
+	item: "_item_d81sc_2",
+	button: "_button_d81sc_3",
+	number: "_number_d81sc_6",
+	body: "_body_d81sc_7",
+	title: "_title_d81sc_8",
+	description: "_description_d81sc_9"
+};
+//#endregion
+//#region src/components/molecules/CourseStepNav/CourseStepNav.tsx
+function Bt({ items: e, activeItemId: t, onItemSelect: n, className: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsx)("ol", {
+		className: [B.root, r ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "CourseStepNav",
+		...i,
+		children: e.map((e) => {
+			let r = e.id === t;
+			return /* @__PURE__ */ (0, _.jsx)("li", {
+				className: B.item,
+				"data-active": r ? "true" : void 0,
+				children: /* @__PURE__ */ (0, _.jsxs)("button", {
+					type: "button",
+					className: B.button,
+					onClick: () => n?.(e.id),
+					children: [
+						/* @__PURE__ */ (0, _.jsx)("span", {
+							className: B.number,
+							children: e.number
+						}),
+						/* @__PURE__ */ (0, _.jsxs)("span", {
+							className: B.body,
+							children: [/* @__PURE__ */ (0, _.jsx)("span", {
+								className: B.title,
+								children: e.title
+							}), /* @__PURE__ */ (0, _.jsx)("span", {
+								className: B.description,
+								children: e.description
+							})]
+						}),
+						e.duration && /* @__PURE__ */ (0, _.jsx)(y, { children: e.duration })
+					]
+				})
+			}, e.id);
+		})
+	});
+}
+var Vt = {
+	root: "_root_vz3kq_1",
+	cell: "_cell_vz3kq_2"
+};
+//#endregion
+//#region src/components/molecules/KeyValueStrip/KeyValueStrip.tsx
+function Ht({ items: e, className: t, ...n }) {
+	return /* @__PURE__ */ (0, _.jsx)("dl", {
+		className: [Vt.root, t ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "KeyValueStrip",
+		...n,
+		children: e.map((e, t) => /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: Vt.cell,
+			children: [/* @__PURE__ */ (0, _.jsx)("dt", { children: e.key }), /* @__PURE__ */ (0, _.jsx)("dd", { children: e.value })]
+		}, t))
+	});
+}
+var Ut = {
+	root: "_root_yhnta_1",
+	item: "_item_yhnta_2",
+	marker: "_marker_yhnta_3"
+};
+//#endregion
+//#region src/components/molecules/CheckList/CheckList.tsx
+function Wt({ items: e, marker: t = "✔", className: n, ...r }) {
+	return /* @__PURE__ */ (0, _.jsx)("ul", {
+		className: [Ut.root, n ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "CheckList",
+		...r,
+		children: e.map((e, n) => {
+			let r = typeof e == "object" && e && "text" in e ? e.text : e, i = typeof e == "object" && e && "id" in e && e.id ? e.id : n;
+			return /* @__PURE__ */ (0, _.jsxs)("li", {
+				className: Ut.item,
+				children: [/* @__PURE__ */ (0, _.jsx)("span", {
+					className: Ut.marker,
+					children: t
+				}), /* @__PURE__ */ (0, _.jsx)("span", { children: r })]
+			}, i);
+		})
+	});
+}
+var V = {
+	root: "_root_1ypbi_1",
+	item: "_item_1ypbi_2",
+	button: "_button_1ypbi_3",
+	index: "_index_1ypbi_7",
+	body: "_body_1ypbi_8",
+	title: "_title_1ypbi_9",
+	description: "_description_1ypbi_10",
+	meta: "_meta_1ypbi_11"
+};
+//#endregion
+//#region src/components/molecules/StepList/StepList.tsx
+function Gt({ items: e, activeItemId: t, onItemSelect: n, className: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsx)("ol", {
+		className: [V.root, r ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "StepList",
+		...i,
+		children: e.map((e) => {
+			let r = e.id === t, i = /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [
+				/* @__PURE__ */ (0, _.jsx)("span", {
+					className: V.index,
+					children: e.index
+				}),
+				/* @__PURE__ */ (0, _.jsxs)("span", {
+					className: V.body,
+					children: [/* @__PURE__ */ (0, _.jsx)("span", {
+						className: V.title,
+						children: e.title
+					}), e.description && /* @__PURE__ */ (0, _.jsx)("span", {
+						className: V.description,
+						children: e.description
+					})]
+				}),
+				e.meta && /* @__PURE__ */ (0, _.jsx)("span", {
+					className: V.meta,
+					children: e.meta
+				})
+			] });
+			return /* @__PURE__ */ (0, _.jsx)("li", {
+				className: V.item,
+				"data-active": r ? "true" : void 0,
+				children: n ? /* @__PURE__ */ (0, _.jsx)("button", {
+					type: "button",
+					className: V.button,
+					onClick: () => n(e.id),
+					children: i
+				}) : /* @__PURE__ */ (0, _.jsx)("div", {
+					className: V.button,
+					children: i
+				})
+			}, e.id);
+		})
+	});
+}
+var Kt = {
+	root: "_root_9v8jy_1",
+	avatar: "_avatar_9v8jy_2",
+	body: "_body_9v8jy_3",
+	name: "_name_9v8jy_4",
+	role: "_role_9v8jy_5",
+	bio: "_bio_9v8jy_6"
+};
+//#endregion
+//#region src/components/molecules/PersonSummary/PersonSummary.tsx
+function qt({ name: e, subtitle: t, bio: n, avatar: r, className: i, ...a }) {
+	let o = typeof e == "string" && e.length > 0 ? e[0] : "?";
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [Kt.root, i ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "PersonSummary",
+		...a,
+		children: [/* @__PURE__ */ (0, _.jsx)("div", {
+			className: Kt.avatar,
+			children: r ?? o
+		}), /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: Kt.body,
+			children: [
+				/* @__PURE__ */ (0, _.jsx)("div", {
+					className: Kt.name,
+					children: e
+				}),
+				t && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: Kt.role,
+					children: t
+				}),
+				n && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: Kt.bio,
+					children: n
+				})
+			]
+		})]
+	});
+}
+var Jt = {
+	root: "_root_zdnh5_1",
+	media: "_media_zdnh5_9",
+	bordered: "_bordered_zdnh5_13",
+	inset: "_inset_zdnh5_19",
+	supporting: "_supporting_zdnh5_25",
+	caption: "_caption_zdnh5_32",
+	legend: "_legend_zdnh5_36"
+};
+//#endregion
+//#region src/components/molecules/FigureBlock/FigureBlock.tsx
+function Yt({ as: e = "figure", children: t, caption: n, legend: r, frame: i = "none", className: a, ...o }) {
+	return /* @__PURE__ */ (0, _.jsxs)(e, {
+		className: [
+			Jt.root,
+			Jt[i],
+			a ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-molecule": "FigureBlock",
+		...o,
+		children: [/* @__PURE__ */ (0, _.jsx)("div", {
+			className: Jt.media,
+			children: t
+		}), (n || r) && /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: Jt.supporting,
+			children: [n && /* @__PURE__ */ (0, _.jsx)(y, {
+				className: Jt.caption,
+				children: n
+			}), r && /* @__PURE__ */ (0, _.jsx)("div", {
+				className: Jt.legend,
+				children: r
+			})]
+		})]
+	});
+}
+var H = {
+	root: "_root_u4dnv_1",
+	item: "_item_u4dnv_9",
+	index: "_index_u4dnv_17",
+	body: "_body_u4dnv_28",
+	title: "_title_u4dnv_35",
+	text: "_text_u4dnv_40",
+	meta: "_meta_u4dnv_45"
+};
+//#endregion
+//#region src/components/molecules/KeyPointList/KeyPointList.tsx
+function Xt(e, t) {
+	return typeof e == "object" && e && !Array.isArray(e) && "text" in e ? e : {
+		text: e,
+		index: String(t + 1).padStart(2, "0")
+	};
+}
+function Zt({ items: e, markerTone: t = "accent", className: n, ...r }) {
+	return /* @__PURE__ */ (0, _.jsx)("ol", {
+		className: [H.root, n ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "KeyPointList",
+		"data-marker-tone": t,
+		...r,
+		children: e.map((e, t) => {
+			let n = Xt(e, t), r = n.index ?? String(t + 1).padStart(2, "0");
+			return /* @__PURE__ */ (0, _.jsxs)("li", {
+				className: H.item,
+				children: [
+					/* @__PURE__ */ (0, _.jsx)("span", {
+						className: H.index,
+						children: r
+					}),
+					/* @__PURE__ */ (0, _.jsxs)("span", {
+						className: H.body,
+						children: [n.title && /* @__PURE__ */ (0, _.jsx)("span", {
+							className: H.title,
+							children: n.title
+						}), /* @__PURE__ */ (0, _.jsx)("span", {
+							className: H.text,
+							children: n.text
+						})]
+					}),
+					n.meta && /* @__PURE__ */ (0, _.jsx)("span", {
+						className: H.meta,
+						children: n.meta
+					})
+				]
+			}, n.id ?? t);
+		})
+	});
+}
+var U = {
+	root: "_root_1y0w9_1",
+	section: "_section_1y0w9_9",
+	sectionLabel: "_sectionLabel_1y0w9_16",
+	items: "_items_1y0w9_24",
+	item: "_item_1y0w9_24",
+	icon: "_icon_1y0w9_67",
+	label: "_label_1y0w9_77",
+	badge: "_badge_1y0w9_83"
+};
+//#endregion
+//#region src/components/molecules/SidebarNav/SidebarNav.tsx
+function Qt({ sections: e, activeItemId: t, onItemSelect: n, ariaLabel: r = "Course", className: i, ...a }) {
+	return /* @__PURE__ */ (0, _.jsx)("nav", {
+		className: [U.root, i ?? ""].filter(Boolean).join(" "),
+		"aria-label": r,
+		"data-rag-molecule": "SidebarNav",
+		...a,
+		children: e.map((e) => /* @__PURE__ */ (0, _.jsxs)("section", {
+			className: U.section,
+			children: [/* @__PURE__ */ (0, _.jsx)("div", {
+				className: U.sectionLabel,
+				children: e.label
+			}), /* @__PURE__ */ (0, _.jsx)("div", {
+				className: U.items,
+				children: e.items.map((e) => {
+					let r = e.id === t;
+					return /* @__PURE__ */ (0, _.jsxs)("button", {
+						type: "button",
+						className: U.item,
+						"data-active": r ? "true" : void 0,
+						disabled: e.disabled,
+						"aria-current": r ? "page" : void 0,
+						onClick: () => n?.(e.id),
+						children: [
+							/* @__PURE__ */ (0, _.jsx)("span", {
+								className: U.icon,
+								"aria-hidden": "true",
+								children: e.icon
+							}),
+							/* @__PURE__ */ (0, _.jsx)("span", {
+								className: U.label,
+								children: e.label
+							}),
+							e.badge && /* @__PURE__ */ (0, _.jsx)("span", {
+								className: U.badge,
+								children: e.badge
+							})
+						]
+					}, e.id);
+				})
+			})]
+		}, e.id))
+	});
+}
+var W = {
+	root: "_root_859oh_1",
+	h1: "_h1_859oh_6",
+	h2: "_h2_859oh_7",
+	h3: "_h3_859oh_8",
+	p: "_p_859oh_9",
+	ul: "_ul_859oh_10",
+	ol: "_ol_859oh_11",
+	blockquote: "_blockquote_859oh_12",
+	table: "_table_859oh_13",
+	codeBlock: "_codeBlock_859oh_14",
+	checkList: "_checkList_859oh_60",
+	check: "_check_859oh_60",
+	hr: "_hr_859oh_114",
+	inlineCode: "_inlineCode_859oh_120",
+	link: "_link_859oh_140"
+};
+//#endregion
+//#region src/components/molecules/MarkdownArticle/MarkdownArticle.tsx
+function G(e, t) {
+	let n = [], r = e, i = 0, a = /(\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\))/, o;
+	for (; o = r.match(a);) o.index && o.index > 0 && n.push(r.slice(0, o.index)), o[2] == null ? o[3] == null ? o[4] != null && o[5] != null && n.push(/* @__PURE__ */ (0, _.jsx)("a", {
+		href: o[5],
+		className: W.link,
+		children: o[4]
+	}, `${t}-link-${i}`)) : n.push(/* @__PURE__ */ (0, _.jsx)("code", {
+		className: W.inlineCode,
+		children: o[3]
+	}, `${t}-code-${i}`)) : n.push(/* @__PURE__ */ (0, _.jsx)("strong", { children: o[2] }, `${t}-strong-${i}`)), r = r.slice((o.index ?? 0) + o[0].length), i += 1;
+	return r && n.push(r), n;
+}
+function $t(e) {
+	return e.every((e) => /^:?-{3,}:?$/.test(e.trim()));
+}
+function en(e) {
+	return e.split("|").slice(1, -1).map((e) => e.trim());
+}
+function tn({ source: e, className: t, ...n }) {
+	let r = e.replace(/\r\n/g, "\n").split("\n"), i = [], a = 0, o = 0;
+	for (; a < r.length;) {
+		let e = r[a] ?? "", t = e.trim();
+		if (!t) {
+			a += 1;
+			continue;
+		}
+		if (t.startsWith("```")) {
+			let e = t.slice(3).trim(), n = [];
+			for (a += 1; a < r.length && !(r[a] ?? "").trim().startsWith("```");) n.push(r[a] ?? ""), a += 1;
+			a += 1, i.push(/* @__PURE__ */ (0, _.jsx)("pre", {
+				className: W.codeBlock,
+				"data-language": e || void 0,
+				children: /* @__PURE__ */ (0, _.jsx)("code", { children: n.join("\n") })
+			}, o++));
+			continue;
+		}
+		if (t === "---" || t === "***") {
+			i.push(/* @__PURE__ */ (0, _.jsx)("hr", { className: W.hr }, o++)), a += 1;
+			continue;
+		}
+		if (t.startsWith("### ")) {
+			i.push(/* @__PURE__ */ (0, _.jsx)("h3", {
+				className: W.h3,
+				children: G(t.slice(4), `h3-${o}`)
+			}, o++)), a += 1;
+			continue;
+		}
+		if (t.startsWith("## ")) {
+			i.push(/* @__PURE__ */ (0, _.jsx)("h2", {
+				className: W.h2,
+				children: G(t.slice(3), `h2-${o}`)
+			}, o++)), a += 1;
+			continue;
+		}
+		if (t.startsWith("# ")) {
+			i.push(/* @__PURE__ */ (0, _.jsx)("h1", {
+				className: W.h1,
+				children: G(t.slice(2), `h1-${o}`)
+			}, o++)), a += 1;
+			continue;
+		}
+		if (t.startsWith("> ")) {
+			let e = [];
+			for (; a < r.length && (r[a] ?? "").trim().startsWith("> ");) e.push((r[a] ?? "").trim().slice(2)), a += 1;
+			i.push(/* @__PURE__ */ (0, _.jsx)("blockquote", {
+				className: W.blockquote,
+				children: G(e.join(" "), `quote-${o}`)
+			}, o++));
+			continue;
+		}
+		if (t.startsWith("|")) {
+			let e = [];
+			for (; a < r.length && (r[a] ?? "").trim().startsWith("|");) e.push(en((r[a] ?? "").trim())), a += 1;
+			let [t, ...n] = e.filter((e) => !$t(e));
+			t && i.push(/* @__PURE__ */ (0, _.jsxs)("table", {
+				className: W.table,
+				children: [/* @__PURE__ */ (0, _.jsx)("thead", { children: /* @__PURE__ */ (0, _.jsx)("tr", { children: t.map((e, t) => /* @__PURE__ */ (0, _.jsx)("th", { children: G(e, `th-${o}-${t}`) }, t)) }) }), /* @__PURE__ */ (0, _.jsx)("tbody", { children: n.map((e, t) => /* @__PURE__ */ (0, _.jsx)("tr", { children: e.map((e, n) => /* @__PURE__ */ (0, _.jsx)("td", { children: G(e, `td-${o}-${t}-${n}`) }, n)) }, t)) })]
+			}, o++));
+			continue;
+		}
+		if (/^\s*-\s+\[[ xX]\]\s+/.test(e)) {
+			let e = [];
+			for (; a < r.length && /^\s*-\s+\[[ xX]\]\s+/.test(r[a] ?? "");) {
+				let t = r[a] ?? "";
+				e.push({
+					checked: /\[[xX]\]/.test(t),
+					text: t.replace(/^\s*-\s+\[[ xX]\]\s+/, "")
+				}), a += 1;
+			}
+			i.push(/* @__PURE__ */ (0, _.jsx)("ul", {
+				className: W.checkList,
+				children: e.map((e, t) => /* @__PURE__ */ (0, _.jsxs)("li", { children: [/* @__PURE__ */ (0, _.jsx)("span", {
+					className: W.check,
+					children: e.checked ? "☑" : "☐"
+				}), /* @__PURE__ */ (0, _.jsx)("span", { children: G(e.text, `check-${o}-${t}`) })] }, t))
+			}, o++));
+			continue;
+		}
+		if (/^\s*-\s+/.test(e)) {
+			let e = [];
+			for (; a < r.length && /^\s*-\s+/.test(r[a] ?? "");) e.push((r[a] ?? "").replace(/^\s*-\s+/, "")), a += 1;
+			i.push(/* @__PURE__ */ (0, _.jsx)("ul", {
+				className: W.ul,
+				children: e.map((e, t) => /* @__PURE__ */ (0, _.jsx)("li", { children: G(e, `ul-${o}-${t}`) }, t))
+			}, o++));
+			continue;
+		}
+		if (/^\s*\d+\.\s+/.test(e)) {
+			let e = [];
+			for (; a < r.length && /^\s*\d+\.\s+/.test(r[a] ?? "");) e.push((r[a] ?? "").replace(/^\s*\d+\.\s+/, "")), a += 1;
+			i.push(/* @__PURE__ */ (0, _.jsx)("ol", {
+				className: W.ol,
+				children: e.map((e, t) => /* @__PURE__ */ (0, _.jsx)("li", { children: G(e, `ol-${o}-${t}`) }, t))
+			}, o++));
+			continue;
+		}
+		let n = [];
+		for (; a < r.length;) {
+			let e = (r[a] ?? "").trim();
+			if (!e || /^(#{1,3}\s|>|```|---|\*\*\*|\||\s*-\s+|\s*\d+\.\s+)/.test(e)) break;
+			n.push(e), a += 1;
+		}
+		i.push(/* @__PURE__ */ (0, _.jsx)("p", {
+			className: W.p,
+			children: G(n.join(" "), `p-${o}`)
+		}, o++));
+	}
+	return /* @__PURE__ */ (0, _.jsx)("article", {
+		className: [W.root, t ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "MarkdownArticle",
+		...n,
+		children: i
+	});
+}
+var K = {
+	root: "_root_iqxsi_1",
+	header: "_header_iqxsi_9",
+	description: "_description_iqxsi_15",
+	list: "_list_iqxsi_20",
+	empty: "_empty_iqxsi_26",
+	item: "_item_iqxsi_30",
+	icon: "_icon_iqxsi_66",
+	itemBody: "_itemBody_iqxsi_71",
+	itemTitle: "_itemTitle_iqxsi_78",
+	itemMeta: "_itemMeta_iqxsi_84",
+	itemDescription: "_itemDescription_iqxsi_90",
+	footer: "_footer_iqxsi_96",
+	downloadButton: "_downloadButton_iqxsi_103"
+};
+//#endregion
+//#region src/components/molecules/DocumentListPanel/DocumentListPanel.tsx
+function nn(e) {
+	let t = String(e ?? "").toLowerCase();
+	return t.includes("pdf") ? "▤" : t.includes("json") ? "{ }" : t.includes("markdown") || t.includes("md") ? "¶" : "□";
+}
+function rn({ title: e, description: t, items: n, selectedItemId: r, onItemSelect: i, onDownloadAll: a, downloadAllLabel: o = "⤓ Download all (.zip)", emptyMessage: s = "No documents available.", showItemDescriptions: c = !1, className: l, ...u }) {
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [K.root, l ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "DocumentListPanel",
+		...u,
+		children: [
+			/* @__PURE__ */ (0, _.jsxs)("header", {
+				className: K.header,
+				children: [/* @__PURE__ */ (0, _.jsx)(h, {
+					as: "div",
+					size: "metric",
+					weight: "bold",
+					children: e
+				}), t && /* @__PURE__ */ (0, _.jsx)(y, {
+					className: K.description,
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ (0, _.jsxs)("div", {
+				className: K.list,
+				role: "listbox",
+				"aria-label": "Documents",
+				children: [n.length === 0 && /* @__PURE__ */ (0, _.jsx)("div", {
+					className: K.empty,
+					children: /* @__PURE__ */ (0, _.jsx)(y, { children: s })
+				}), n.map((e) => {
+					let t = e.id === r;
+					return /* @__PURE__ */ (0, _.jsxs)("button", {
+						type: "button",
+						className: K.item,
+						"data-active": t ? "true" : void 0,
+						role: "option",
+						"aria-selected": t,
+						disabled: e.disabled,
+						onClick: () => i?.(e.id),
+						children: [/* @__PURE__ */ (0, _.jsx)("span", {
+							className: K.icon,
+							"aria-hidden": "true",
+							children: e.icon ?? nn(e.format)
+						}), /* @__PURE__ */ (0, _.jsxs)("span", {
+							className: K.itemBody,
+							children: [
+								/* @__PURE__ */ (0, _.jsx)("span", {
+									className: K.itemTitle,
+									children: e.title
+								}),
+								/* @__PURE__ */ (0, _.jsx)("span", {
+									className: K.itemMeta,
+									children: [e.format, e.size].filter(Boolean).join(" · ")
+								}),
+								c && e.description && /* @__PURE__ */ (0, _.jsx)("span", {
+									className: K.itemDescription,
+									children: e.description
+								})
+							]
+						})]
+					}, e.id);
+				})]
+			}),
+			a && /* @__PURE__ */ (0, _.jsx)("footer", {
+				className: K.footer,
+				children: /* @__PURE__ */ (0, _.jsx)(C, {
+					variant: "primary",
+					onClick: a,
+					className: K.downloadButton,
+					children: o
+				})
+			})
+		]
+	});
+}
+var an = {
+	root: "_root_17s2o_1",
+	meta: "_meta_17s2o_15",
+	actions: "_actions_17s2o_16",
+	badge: "_badge_17s2o_31"
+};
+//#endregion
+//#region src/components/molecules/DocumentPreviewToolbar/DocumentPreviewToolbar.tsx
+function on({ file: e, format: t, size: n, onDownload: r, downloadLabel: i = "⤓ Download", rightSlot: a, className: o, ...s }) {
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [an.root, o ?? ""].filter(Boolean).join(" "),
+		"data-rag-molecule": "DocumentPreviewToolbar",
+		...s,
+		children: [/* @__PURE__ */ (0, _.jsxs)("div", {
+			className: an.meta,
+			children: [
+				/* @__PURE__ */ (0, _.jsx)(ae, { children: e }),
+				t && /* @__PURE__ */ (0, _.jsx)("span", {
+					className: an.badge,
+					children: /* @__PURE__ */ (0, _.jsx)(y, {
+						tone: "inherit",
+						children: t
+					})
+				}),
+				n && /* @__PURE__ */ (0, _.jsx)("span", {
+					className: an.badge,
+					children: /* @__PURE__ */ (0, _.jsx)(y, {
+						tone: "inherit",
+						children: n
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: an.actions,
+			children: [a, r && /* @__PURE__ */ (0, _.jsx)(C, {
+				size: "compact",
+				onClick: r,
+				children: i
+			})]
+		})]
+	});
+}
+var sn = { viewport: "_viewport_1j377_1" }, cn = [
+	"strip",
+	"stack",
+	"budget",
+	"treemap"
+];
+function ln({ snapshot: e, initialView: t = "strip", selectedPartId: n, className: r, ...a }) {
+	let [o, s] = i(t), c = n ?? e.selectedPartId;
+	return /* @__PURE__ */ (0, _.jsx)(Ke, {
+		title: e.title,
+		actions: /* @__PURE__ */ (0, _.jsx)(Qe, {
+			gap: "xs",
+			children: cn.map((e) => /* @__PURE__ */ (0, _.jsx)(C, {
+				size: "compact",
+				selected: o === e,
+				"aria-pressed": o === e,
+				onClick: () => s(e),
+				children: e
+			}, e))
+		}),
+		className: r,
+		"data-rag-organism": "ContextDiagramPanel",
+		...a,
+		children: /* @__PURE__ */ (0, _.jsxs)(Ye, {
+			gap: "sm",
+			children: [
+				e.subtitle && /* @__PURE__ */ (0, _.jsx)(y, { children: e.subtitle }),
+				/* @__PURE__ */ (0, _.jsxs)("div", {
+					className: sn.viewport,
+					children: [
+						o === "strip" && /* @__PURE__ */ (0, _.jsx)(Dt, {
+							snapshot: e,
+							selectedPartId: c
+						}),
+						o === "stack" && /* @__PURE__ */ (0, _.jsx)(kt, {
+							snapshot: e,
+							selectedPartId: c
+						}),
+						o === "budget" && /* @__PURE__ */ (0, _.jsx)(Tt, {
+							snapshot: e,
+							selectedPartId: c
+						}),
+						o === "treemap" && /* @__PURE__ */ (0, _.jsx)(jt, {
+							snapshot: e,
+							selectedPartId: c
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, _.jsx)(St, {
+					compact: !0,
+					kinds: [
+						"system",
+						"context",
+						"summary",
+						"result",
+						"generated",
+						"evicted",
+						"active",
+						"empty"
+					],
+					selectedKind: c ? e.parts.find((e) => e.id === c)?.kind : void 0
+				})
+			]
+		})
+	});
+}
+var un = {
+	root: "_root_1szio_1",
+	stream: "_stream_1szio_9"
+};
+//#endregion
+//#region src/components/organisms/TranscriptReaderPanel/TranscriptReaderPanel.tsx
+function dn(e) {
+	return e.reduce((e, t) => e + (t.tokens ?? 0), 0);
+}
+function fn({ title: e = "Transcript", subtitle: t, messages: n, annotations: r = [], selectedAnnotationId: i, onAnnotationSelect: a, showAnnotationChips: o = !0, className: s, ...c }) {
+	return /* @__PURE__ */ (0, _.jsxs)("section", {
+		className: [un.root, s ?? ""].filter(Boolean).join(" "),
+		"data-rag-organism": "TranscriptReaderPanel",
+		...c,
+		children: [/* @__PURE__ */ (0, _.jsx)(Lt, {
+			title: e,
+			subtitle: t,
+			messageCount: n.length,
+			annotationCount: r.length,
+			tokenTotal: dn(n)
+		}), /* @__PURE__ */ (0, _.jsx)("div", {
+			className: un.stream,
+			children: n.map((e) => /* @__PURE__ */ (0, _.jsx)(Ft, {
+				message: e,
+				annotations: r,
+				selectedAnnotationId: i,
+				onAnnotationSelect: a,
+				showAnnotationChips: o
+			}, e.id))
+		})]
+	});
+}
+var pn = {
+	root: "_root_1jf6m_1",
+	header: "_header_1jf6m_10",
+	description: "_description_1jf6m_17",
+	list: "_list_1jf6m_22",
+	button: "_button_1jf6m_32"
+};
+//#endregion
+//#region src/components/organisms/AnnotationRailPanel/AnnotationRailPanel.tsx
+function mn({ title: e = "Context-engineering notes", description: t = "What each message costs the window. Click a note or a message to focus it.", annotations: n, selectedAnnotationId: r, onAnnotationSelect: i, className: a, ...o }) {
+	return /* @__PURE__ */ (0, _.jsxs)("aside", {
+		className: [pn.root, a ?? ""].filter(Boolean).join(" "),
+		"data-rag-organism": "AnnotationRailPanel",
+		...o,
+		children: [/* @__PURE__ */ (0, _.jsxs)("header", {
+			className: pn.header,
+			children: [/* @__PURE__ */ (0, _.jsx)(h, {
+				as: "div",
+				size: "label",
+				children: e
+			}), /* @__PURE__ */ (0, _.jsx)(y, {
+				className: pn.description,
+				children: t
+			})]
+		}), /* @__PURE__ */ (0, _.jsx)("div", {
+			className: pn.list,
+			children: n.map((e, t) => /* @__PURE__ */ (0, _.jsx)("button", {
+				type: "button",
+				className: pn.button,
+				onClick: () => i?.(e.id),
+				children: /* @__PURE__ */ (0, _.jsx)(Rt, {
+					annotation: e,
+					selected: e.id === r,
+					index: t + 1
+				})
+			}, e.id))
+		})]
+	});
+}
+var hn = {
+	root: "_root_1q01w_1",
+	withNotes: "_withNotes_1q01w_8",
+	noNotes: "_noNotes_1q01w_13"
+};
+//#endregion
+//#region src/components/organisms/TranscriptWorkspacePanel/TranscriptWorkspacePanel.tsx
+function gn({ title: e, subtitle: t, messages: n, annotations: r = [], selectedAnnotationId: i, onAnnotationSelect: a, showNotes: o = r.length > 0, className: s, ...c }) {
+	let l = o && r.length > 0;
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [
+			hn.root,
+			l ? hn.withNotes : hn.noNotes,
+			s ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-organism": "TranscriptWorkspacePanel",
+		...c,
+		children: [/* @__PURE__ */ (0, _.jsx)(fn, {
+			title: e,
+			subtitle: t,
+			messages: n,
+			annotations: l ? r : [],
+			selectedAnnotationId: i,
+			onAnnotationSelect: a,
+			showAnnotationChips: l
+		}), l && /* @__PURE__ */ (0, _.jsx)(mn, {
+			annotations: r,
+			selectedAnnotationId: i,
+			onAnnotationSelect: a
+		})]
+	});
+}
+//#endregion
+//#region src/components/organisms/AnchoredCommentRail/AnchoredCommentRail.tsx
+function _n({ title: e = "Comments", comments: t, selectedCommentId: n, onCommentSelect: r, ...i }) {
+	return /* @__PURE__ */ (0, _.jsx)(Ke, {
+		title: e,
+		fill: !0,
+		"data-rag-organism": "AnchoredCommentRail",
+		...i,
+		children: /* @__PURE__ */ (0, _.jsxs)(Ye, {
+			gap: "sm",
+			children: [/* @__PURE__ */ (0, _.jsxs)(y, { children: [
+				t.length,
+				" anchored comment",
+				t.length === 1 ? "" : "s"
+			] }), t.map((e, t) => /* @__PURE__ */ (0, _.jsx)("button", {
+				type: "button",
+				style: {
+					appearance: "none",
+					border: 0,
+					background: "transparent",
+					padding: 0,
+					textAlign: "left",
+					cursor: "pointer"
+				},
+				onClick: () => r?.(e.id),
+				children: /* @__PURE__ */ (0, _.jsx)(zt, {
+					comment: e,
+					index: t + 1,
+					selected: e.id === n
+				})
+			}, e.id))]
+		})
+	});
+}
+var q = {
+	root: "_root_1io7b_1",
+	hero: "_hero_1io7b_8",
+	eyebrow: "_eyebrow_1io7b_12",
+	title: "_title_1io7b_20",
+	lead: "_lead_1io7b_28",
+	ctaRow: "_ctaRow_1io7b_35",
+	metaStrip: "_metaStrip_1io7b_42",
+	instructorBlock: "_instructorBlock_1io7b_47",
+	sectionLabel: "_sectionLabel_1io7b_51",
+	blurb: "_blurb_1io7b_59"
+};
+//#endregion
+//#region src/components/organisms/CourseLessonPanel/CourseLessonPanel.tsx
+function vn({ course: e, activeAgendaItemId: t, onAgendaItemSelect: n, className: r, ...i }) {
+	let a = e.agenda.map((e) => ({
+		id: e.id,
+		index: e.number,
+		title: e.title,
+		description: e.description,
+		meta: e.duration
+	}));
+	return /* @__PURE__ */ (0, _.jsxs)("article", {
+		className: [q.root, r ?? ""].filter(Boolean).join(" "),
+		"data-rag-organism": "CourseLessonPanel",
+		...i,
+		children: [
+			/* @__PURE__ */ (0, _.jsxs)(dt, {
+				density: "spacious",
+				divider: "bottom",
+				className: q.hero,
+				children: [
+					e.kicker && /* @__PURE__ */ (0, _.jsx)("div", {
+						className: q.eyebrow,
+						children: e.kicker
+					}),
+					/* @__PURE__ */ (0, _.jsx)("h1", {
+						className: q.title,
+						children: e.title
+					}),
+					/* @__PURE__ */ (0, _.jsx)("p", {
+						className: q.lead,
+						children: e.tagline
+					}),
+					/* @__PURE__ */ (0, _.jsxs)("div", {
+						className: q.ctaRow,
+						children: [
+							/* @__PURE__ */ (0, _.jsx)(C, {
+								variant: "primary",
+								children: "Reserve a seat"
+							}),
+							/* @__PURE__ */ (0, _.jsx)(C, { children: "Preview the deck" }),
+							e.price && /* @__PURE__ */ (0, _.jsx)(y, { children: e.price })
+						]
+					}),
+					/* @__PURE__ */ (0, _.jsx)(Ht, {
+						className: q.metaStrip,
+						items: [
+							{
+								key: "When",
+								value: e.when ?? "TBD"
+							},
+							{
+								key: "Where",
+								value: e.where ?? "TBD"
+							},
+							{
+								key: "Format",
+								value: e.format ?? "TBD"
+							}
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, _.jsx)(pt, {
+				ratio: "course",
+				divider: !0,
+				left: /* @__PURE__ */ (0, _.jsxs)(dt, {
+					label: "What you'll leave with",
+					density: "spacious",
+					children: [/* @__PURE__ */ (0, _.jsx)(Wt, { items: e.outcomes }), e.instructor && /* @__PURE__ */ (0, _.jsxs)("div", {
+						className: q.instructorBlock,
+						children: [/* @__PURE__ */ (0, _.jsx)("div", {
+							className: q.sectionLabel,
+							children: "Instructor"
+						}), /* @__PURE__ */ (0, _.jsx)(qt, {
+							name: e.instructor.name,
+							subtitle: e.instructor.role,
+							bio: e.instructor.bio
+						})]
+					})]
+				}),
+				right: /* @__PURE__ */ (0, _.jsx)(dt, {
+					label: "Agenda · 2 hours",
+					density: "spacious",
+					children: /* @__PURE__ */ (0, _.jsx)(Gt, {
+						items: a,
+						activeItemId: t,
+						onItemSelect: n
+					})
+				})
+			}),
+			e.blurb && /* @__PURE__ */ (0, _.jsx)(dt, {
+				density: "spacious",
+				divider: "top",
+				children: /* @__PURE__ */ (0, _.jsx)("p", {
+					className: q.blurb,
+					children: e.blurb
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/organisms/CourseSlidePanel/CourseSlidePanel.tsx
+function yn(e, t) {
+	return e.view === "strip" ? /* @__PURE__ */ (0, _.jsx)(Dt, { snapshot: t }) : e.view === "stack" ? /* @__PURE__ */ (0, _.jsx)(kt, { snapshot: t }) : e.view === "budget" ? /* @__PURE__ */ (0, _.jsx)(Tt, { snapshot: t }) : /* @__PURE__ */ (0, _.jsx)(jt, { snapshot: t });
+}
+function bn({ slide: e, snapshot: t, index: n, total: r, visualSide: i = "left", onPrevious: a, onNext: o, className: s, ...c }) {
+	let l = n != null && r != null ? `${String(n + 1).padStart(2, "0")} / ${String(r).padStart(2, "0")}` : void 0, u = /* @__PURE__ */ (0, _.jsx)(Yt, {
+		caption: `${t.title} — ${t.limit.toLocaleString()} token window`,
+		legend: /* @__PURE__ */ (0, _.jsx)(St, { compact: !0 }),
+		children: yn(e, t)
+	}), d = /* @__PURE__ */ (0, _.jsx)(Zt, { items: e.notes }), f = a || o ? /* @__PURE__ */ (0, _.jsxs)(Qe, {
+		justify: "between",
+		children: [/* @__PURE__ */ (0, _.jsx)(C, {
+			size: "compact",
+			onClick: a,
+			disabled: !a,
+			children: "◂ Prev"
+		}), /* @__PURE__ */ (0, _.jsx)(C, {
+			size: "compact",
+			onClick: o,
+			disabled: !o,
+			children: "Next ▸"
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ (0, _.jsx)(mt, {
+		eyebrow: e.kicker,
+		counter: l,
+		title: e.title,
+		primary: u,
+		secondary: d,
+		primarySide: i,
+		ratio: "primaryWide",
+		footer: f,
+		className: s,
+		"data-rag-organism": "CourseSlidePanel",
+		...c
+	});
+}
+var xn = {
+	header: "_header_i94hr_1",
+	title: "_title_i94hr_7",
+	content: "_content_i94hr_13"
+};
+//#endregion
+//#region src/components/organisms/CourseStudioShell/CourseStudioShell.tsx
+function Sn({ sections: e, activeItemId: t, onNavigate: n, title: r = "Context Window Engineering", subtitle: i = "Course studio", sidebarFooter: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ (0, _.jsx)(gt, {
+		className: o,
+		sidebarWidth: 188,
+		header: /* @__PURE__ */ (0, _.jsxs)("div", {
+			className: xn.header,
+			children: [/* @__PURE__ */ (0, _.jsx)("div", {
+				className: xn.title,
+				children: r
+			}), i && /* @__PURE__ */ (0, _.jsx)(y, { children: i })]
+		}),
+		footer: a,
+		sidebar: /* @__PURE__ */ (0, _.jsx)(Qt, {
+			sections: e,
+			activeItemId: t,
+			onItemSelect: n
+		}),
+		"data-rag-organism": "CourseStudioShell",
+		...c,
+		children: /* @__PURE__ */ (0, _.jsx)("div", {
+			className: xn.content,
+			children: s
+		})
+	});
+}
+var Cn = {
+	root: "_root_1a4mz_1",
+	sidebar: "_sidebar_1a4mz_10",
+	preview: "_preview_1a4mz_17",
+	articleWrap: "_articleWrap_1a4mz_24",
+	placeholder: "_placeholder_1a4mz_30"
+};
+//#endregion
+//#region src/components/organisms/HandoutDocumentShell/HandoutDocumentShell.tsx
+function wn(e, t) {
+	return e.find((e) => e.id === t) ?? e[0];
+}
+function Tn({ intro: e, documents: t, selectedDocumentId: n, onDocumentSelect: r, onDownload: i, onDownloadAll: a, title: o = "Handout", emptyMessage: s = "Select a document to preview it.", className: c, ...l }) {
+	let u = wn(t, n);
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: [Cn.root, c ?? ""].filter(Boolean).join(" "),
+		"data-rag-organism": "HandoutDocumentShell",
+		...l,
+		children: [/* @__PURE__ */ (0, _.jsx)("aside", {
+			className: Cn.sidebar,
+			children: /* @__PURE__ */ (0, _.jsx)(rn, {
+				title: o,
+				description: e,
+				items: t.map((e) => ({
+					id: e.id,
+					title: e.title,
+					format: e.format,
+					size: e.size,
+					description: e.description
+				})),
+				selectedItemId: u?.id,
+				onItemSelect: r,
+				onDownloadAll: a
+			})
+		}), /* @__PURE__ */ (0, _.jsx)("section", {
+			className: Cn.preview,
+			children: u ? /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [/* @__PURE__ */ (0, _.jsx)(on, {
+				file: u.file,
+				format: u.format,
+				size: u.size,
+				onDownload: i ? () => i(u.id) : void 0
+			}), /* @__PURE__ */ (0, _.jsx)("div", {
+				className: Cn.articleWrap,
+				children: u.format.toLowerCase().includes("markdown") ? /* @__PURE__ */ (0, _.jsx)(tn, { source: u.body }) : /* @__PURE__ */ (0, _.jsx)("div", {
+					className: Cn.placeholder,
+					children: /* @__PURE__ */ (0, _.jsx)(y, { children: u.description })
+				})
+			})] }) : /* @__PURE__ */ (0, _.jsx)("div", {
+				className: Cn.placeholder,
+				children: /* @__PURE__ */ (0, _.jsx)(y, { children: s })
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/WidgetRenderer.tsx
+function En({ node: e, onAction: t }) {
+	return /* @__PURE__ */ (0, _.jsx)(_.Fragment, { children: J(e, t) });
+}
+function J(e, t) {
+	return e.kind === "text" ? e.text : e.kind === "element" ? Dn(e, t) : On(e, t);
+}
+function Y(e, t) {
+	return (e ?? []).map((e, n) => /* @__PURE__ */ (0, _.jsx)(En, {
+		node: e,
+		onAction: t
+	}, n));
+}
+function X(e, t) {
+	return b(e, (e) => J(e, t));
+}
+function Z(e, t) {
+	return e ? J(e, t) : void 0;
+}
+function Dn(e, n) {
+	let r = { ...e.attrs ?? {} };
+	return r.style && typeof r.style == "object" && (r.style = r.style), t(e.tag, r, ...Y(e.children, n));
+}
+function On(e, t) {
+	switch (e.type) {
+		case "AppShell": return kn(e, t);
+		case "AppNav": return An(e, t);
+		case "Button": return jn(e, t);
+		case "Text": return Mn(e, t);
+		case "CodeText": return Nn(e, t);
+		case "Divider": return Pn(e);
+		case "ContextKindSwatch": return Fn(e);
+		case "AnnotationBadge": return In(e);
+		case "TranscriptRoleBadge": return Ln(e);
+		case "ContextLegend": return Rn(e);
+		case "ContextBudgetBar": return zn(e);
+		case "ContextStripDiagram": return Bn(e);
+		case "ContextStackDiagram": return Vn(e);
+		case "ContextTreemap": return Hn(e);
+		case "ContextDiagramPanel": return Un(e);
+		case "TranscriptSessionHeader": return Wn(e, t);
+		case "TranscriptMessageCard": return Gn(e, t);
+		case "AnnotationNoteCard": return Kn(e);
+		case "AnnotationRailPanel": return qn(e, t);
+		case "TranscriptReaderPanel": return Jn(e, t);
+		case "TranscriptWorkspacePanel": return Yn(e, t);
+		case "AnchoredCommentCard": return Xn(e, t);
+		case "AnchoredCommentRail": return Zn(e, t);
+		case "KeyValueStrip": return Qn(e, t);
+		case "CheckList": return $n(e, t);
+		case "StepList": return er(e, t);
+		case "PersonSummary": return tr(e, t);
+		case "FigureBlock": return nr(e, t);
+		case "KeyPointList": return rr(e, t);
+		case "SidebarNav": return ir(e, t);
+		case "CourseStepNav": return ar(e, t);
+		case "MarkdownArticle": return or(e);
+		case "DocumentListPanel": return sr(e, t);
+		case "DocumentPreviewToolbar": return cr(e, t);
+		case "CourseLessonPanel": return lr(e, t);
+		case "CourseSlidePanel": return ur(e, t);
+		case "CourseStudioShell": return dr(e, t);
+		case "HandoutDocumentShell": return fr(e, t);
+		case "Caption": return gr(e, t);
+		case "DashboardGrid": return _r(e, t);
+		case "DataTable": return vr(e, t);
+		case "FormRow": return yr(e, t);
+		case "Inline": return br(e, t);
+		case "MetadataGrid": return xr(e, t);
+		case "Panel": return Sr(e, t);
+		case "ScrollRegion": return Cr(e, t);
+		case "SectionBlock": return wr(e, t);
+		case "SplitPane": return Tr(e, t);
+		case "SidebarShell": return Er(e, t);
+		case "SlideShell": return Dr(e, t);
+		case "SelectInput": return Or(e, t);
+		case "Stack": return kr(e, t);
+		case "StatusText": return Ar(e, t);
+		case "TabList": return jr(e, t);
+		case "TextInput": return Mr(e);
+		default: return /* @__PURE__ */ (0, _.jsxs)(ve, { children: ["Unknown widget: ", e.type] });
+	}
+}
+function kn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(rt, {
+		className: n.className,
+		header: n.header ? J(n.header, t) : void 0,
+		sidebar: n.sidebar ? J(n.sidebar, t) : void 0,
+		children: Y(e.children, t)
+	});
+}
+function An(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(bt, {
+		brand: X(n.brand, t),
+		items: n.items.map((e) => ({
+			id: e.id,
+			label: X(e.label, t)
+		})),
+		activeItemId: n.activeItemId,
+		onItemSelect: (e) => {
+			let r = n.items.find((t) => t.id === e);
+			r?.action && $(r.action, {
+				value: e,
+				componentType: "AppNav"
+			}, t);
+		}
+	});
+}
+function jn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(C, {
+		className: n.className,
+		variant: n.variant,
+		size: n.size,
+		selected: n.selected,
+		disabled: n.disabled,
+		type: n.type ?? "button",
+		onClick: c(n.action, { componentType: "Button" }, t),
+		children: Y(e.children, t)
+	});
+}
+function Mn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(h, {
+		className: n.className,
+		as: n.as,
+		size: n.size,
+		tone: n.tone,
+		weight: n.weight,
+		align: n.align,
+		truncate: n.truncate,
+		children: Y(e.children, t)
+	});
+}
+function Nn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(ae, {
+		className: n.className,
+		as: n.as,
+		tone: n.tone,
+		display: n.display,
+		copyable: n.copyable,
+		children: Y(e.children, t)
+	});
+}
+function Pn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(ue, {
+		className: t.className,
+		orientation: t.orientation
+	});
+}
+function Fn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Be, {
+		className: t.className,
+		kind: t.kind,
+		mode: t.mode,
+		size: t.size,
+		selected: t.selected
+	});
+}
+function In(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(We, {
+		className: t.className,
+		kind: t.kind,
+		label: t.label,
+		selected: t.selected
+	});
+}
+function Ln(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(He, {
+		className: t.className,
+		role: t.role,
+		name: t.name
+	});
+}
+function Rn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(St, {
+		className: t.className,
+		kinds: t.kinds,
+		mode: t.mode,
+		compact: t.compact,
+		selectedKind: t.selectedKind
+	});
+}
+function zn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Tt, {
+		className: t.className,
+		snapshot: t.snapshot,
+		mode: t.mode,
+		showLegend: t.showLegend,
+		selectedPartId: t.selectedPartId
+	});
+}
+function Bn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Dt, {
+		className: t.className,
+		snapshot: t.snapshot,
+		mode: t.mode,
+		selectedPartId: t.selectedPartId,
+		showLabels: t.showLabels
+	});
+}
+function Vn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(kt, {
+		className: t.className,
+		snapshot: t.snapshot,
+		selectedPartId: t.selectedPartId
+	});
+}
+function Hn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(jt, {
+		className: t.className,
+		snapshot: t.snapshot,
+		selectedPartId: t.selectedPartId
+	});
+}
+function Un(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(ln, {
+		className: t.className,
+		snapshot: t.snapshot,
+		initialView: t.initialView,
+		selectedPartId: t.selectedPartId
+	});
+}
+function Wn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Lt, {
+		className: n.className,
+		title: X(n.title, t),
+		subtitle: X(n.subtitle, t),
+		messageCount: n.messageCount,
+		annotationCount: n.annotationCount,
+		tokenTotal: n.tokenTotal,
+		rightSlot: Z(n.rightSlot, t)
+	});
+}
+function Gn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Ft, {
+		className: n.className,
+		message: n.message,
+		annotations: n.annotations,
+		selectedAnnotationId: n.selectedAnnotationId,
+		showAnnotationChips: n.showAnnotationChips,
+		onAnnotationSelect: hr("TranscriptMessageCard", n.onAnnotationSelectAction, t)
+	});
+}
+function Kn(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Rt, {
+		className: t.className,
+		annotation: t.annotation,
+		selected: t.selected,
+		index: t.index
+	});
+}
+function qn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(mn, {
+		className: n.className,
+		title: n.title,
+		description: n.description,
+		annotations: n.annotations,
+		selectedAnnotationId: n.selectedAnnotationId,
+		onAnnotationSelect: hr("AnnotationRailPanel", n.onAnnotationSelectAction, t)
+	});
+}
+function Jn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(fn, {
+		className: n.className,
+		title: n.title,
+		subtitle: n.subtitle,
+		messages: n.messages,
+		annotations: n.annotations,
+		selectedAnnotationId: n.selectedAnnotationId,
+		showAnnotationChips: n.showAnnotationChips,
+		onAnnotationSelect: hr("TranscriptReaderPanel", n.onAnnotationSelectAction, t)
+	});
+}
+function Yn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(gn, {
+		className: n.className,
+		title: n.title,
+		subtitle: n.subtitle,
+		messages: n.messages,
+		annotations: n.annotations,
+		selectedAnnotationId: n.selectedAnnotationId,
+		showNotes: n.showNotes,
+		onAnnotationSelect: hr("TranscriptWorkspacePanel", n.onAnnotationSelectAction, t)
+	});
+}
+function Xn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(zt, {
+		className: n.className,
+		comment: n.comment,
+		index: n.index,
+		selected: n.selected,
+		compact: n.compact,
+		onDismiss: n.onDismissAction ? () => $(n.onDismissAction, {
+			commentId: n.comment.id,
+			value: n.comment.id,
+			componentType: "AnchoredCommentCard"
+		}, t) : void 0
+	});
+}
+function Zn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(_n, {
+		className: n.className,
+		title: n.title,
+		comments: n.comments,
+		selectedCommentId: n.selectedCommentId,
+		onCommentSelect: n.onCommentSelectAction ? (e) => $(n.onCommentSelectAction, {
+			commentId: e,
+			value: e,
+			componentType: "AnchoredCommentRail"
+		}, t) : void 0
+	});
+}
+function Qn(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Ht, {
+		className: n.className,
+		items: n.items.map((e) => ({
+			key: X(e.key, t),
+			value: X(e.value, t)
+		}))
+	});
+}
+function $n(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Wt, {
+		className: n.className,
+		marker: X(n.marker, t),
+		items: n.items.map((e) => pr(e) ? {
+			...e,
+			text: X(e.text, t)
+		} : X(e, t))
+	});
+}
+function er(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Gt, {
+		className: n.className,
+		items: n.items.map((e) => ({
+			...e,
+			index: X(e.index, t),
+			title: X(e.title, t),
+			description: X(e.description, t),
+			meta: X(e.meta, t)
+		})),
+		activeItemId: n.activeItemId,
+		onItemSelect: Q("StepList", n.onItemSelectAction, "itemId", t)
+	});
+}
+function tr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(qt, {
+		className: n.className,
+		name: X(n.name, t),
+		subtitle: X(n.subtitle, t),
+		bio: X(n.bio, t),
+		avatar: X(n.avatar, t)
+	});
+}
+function nr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Yt, {
+		className: n.className,
+		as: n.as,
+		caption: X(n.caption, t),
+		legend: Z(n.legend, t),
+		frame: n.frame,
+		children: Y(e.children, t)
+	});
+}
+function rr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Zt, {
+		className: n.className,
+		markerTone: n.markerTone,
+		items: n.items.map((e) => mr(e) ? {
+			...e,
+			index: X(e.index, t),
+			title: X(e.title, t),
+			text: X(e.text, t),
+			meta: X(e.meta, t)
+		} : X(e, t))
+	});
+}
+function ir(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Qt, {
+		className: n.className,
+		sections: n.sections.map((e) => ({
+			...e,
+			label: X(e.label, t),
+			items: e.items.map((e) => ({
+				...e,
+				label: X(e.label, t),
+				icon: X(e.icon, t),
+				badge: X(e.badge, t)
+			}))
+		})),
+		activeItemId: n.activeItemId,
+		ariaLabel: n.ariaLabel,
+		onItemSelect: Q("SidebarNav", n.onItemSelectAction, "itemId", t)
+	});
+}
+function ar(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Bt, {
+		className: n.className,
+		items: n.items,
+		activeItemId: n.activeItemId,
+		onItemSelect: Q("CourseStepNav", n.onItemSelectAction, "itemId", t)
+	});
+}
+function or(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(tn, {
+		className: t.className,
+		source: t.source
+	});
+}
+function sr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(rn, {
+		className: n.className,
+		title: X(n.title, t),
+		description: X(n.description, t),
+		items: n.items.map((e) => ({
+			...e,
+			title: X(e.title, t),
+			format: X(e.format, t),
+			size: X(e.size, t),
+			description: X(e.description, t),
+			icon: X(e.icon, t)
+		})),
+		selectedItemId: n.selectedItemId,
+		onItemSelect: Q("DocumentListPanel", n.onItemSelectAction, "itemId", t),
+		onDownloadAll: n.onDownloadAllAction ? () => $(n.onDownloadAllAction, { componentType: "DocumentListPanel" }, t) : void 0,
+		downloadAllLabel: X(n.downloadAllLabel, t),
+		emptyMessage: X(n.emptyMessage, t),
+		showItemDescriptions: n.showItemDescriptions
+	});
+}
+function cr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(on, {
+		className: n.className,
+		file: X(n.file, t),
+		format: X(n.format, t),
+		size: X(n.size, t),
+		onDownload: n.onDownloadAction ? () => $(n.onDownloadAction, { componentType: "DocumentPreviewToolbar" }, t) : void 0,
+		downloadLabel: X(n.downloadLabel, t),
+		rightSlot: Z(n.rightSlot, t)
+	});
+}
+function lr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(vn, {
+		className: n.className,
+		course: n.course,
+		activeAgendaItemId: n.activeAgendaItemId,
+		onAgendaItemSelect: Q("CourseLessonPanel", n.onAgendaItemSelectAction, "agendaItemId", t)
+	});
+}
+function ur(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(bn, {
+		className: n.className,
+		slide: n.slide,
+		snapshot: n.snapshot,
+		index: n.index,
+		total: n.total,
+		visualSide: n.visualSide,
+		onPrevious: n.onPreviousAction ? () => $(n.onPreviousAction, {
+			componentType: "CourseSlidePanel",
+			value: "previous"
+		}, t) : void 0,
+		onNext: n.onNextAction ? () => $(n.onNextAction, {
+			componentType: "CourseSlidePanel",
+			value: "next"
+		}, t) : void 0
+	});
+}
+function dr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Sn, {
+		className: n.className,
+		sections: n.sections.map((e) => ({
+			...e,
+			label: X(e.label, t),
+			items: e.items.map((e) => ({
+				...e,
+				label: X(e.label, t),
+				icon: X(e.icon, t),
+				badge: X(e.badge, t)
+			}))
+		})),
+		activeItemId: n.activeItemId,
+		onNavigate: Q("CourseStudioShell", n.onNavigateAction, "itemId", t),
+		title: X(n.title, t),
+		subtitle: X(n.subtitle, t),
+		sidebarFooter: Z(n.sidebarFooter, t),
+		children: Y(e.children, t)
+	});
+}
+function fr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Tn, {
+		className: n.className,
+		intro: X(n.intro, t),
+		documents: n.documents,
+		selectedDocumentId: n.selectedDocumentId,
+		onDocumentSelect: Q("HandoutDocumentShell", n.onDocumentSelectAction, "documentId", t),
+		onDownload: n.onDownloadAction ? (e) => $(n.onDownloadAction, {
+			documentId: e,
+			value: e,
+			componentType: "HandoutDocumentShell"
+		}, t) : void 0,
+		onDownloadAll: n.onDownloadAllAction ? () => $(n.onDownloadAllAction, { componentType: "HandoutDocumentShell" }, t) : void 0,
+		title: X(n.title, t),
+		emptyMessage: X(n.emptyMessage, t)
+	});
+}
+function pr(e) {
+	return typeof e == "object" && !!e && "text" in e;
+}
+function mr(e) {
+	return typeof e == "object" && !!e && "text" in e;
+}
+function Q(e, t, n, r) {
+	if (t) return (i) => $(t, {
+		[n]: i,
+		value: i,
+		componentType: e
+	}, r);
+}
+function hr(e, t, n) {
+	if (t) return (r) => $(t, {
+		annotationId: r,
+		value: r,
+		componentType: e
+	}, n);
+}
+function gr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(y, {
+		className: n.className,
+		tone: n.tone,
+		transform: n.transform,
+		truncate: n.truncate,
+		children: Y(e.children, t)
+	});
+}
+function _r(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(tt, {
+		className: n.className,
+		recipe: n.recipe,
+		children: Y(e.children, t)
+	});
+}
+function vr(e, t) {
+	let n = e.props ?? {}, r = n.onRowSelect;
+	return /* @__PURE__ */ (0, _.jsx)(vt, {
+		className: n.className,
+		rows: n.rows,
+		columns: n.columns.map((e) => ({
+			id: e.id,
+			header: X(e.header, t),
+			align: e.align,
+			maxWidth: e.maxWidth,
+			cell: (n) => fe(e.cell, n, (e) => J(e, t))
+		})),
+		getRowKey: (e) => pe(e, n.getRowKey),
+		selectedKey: n.selectedKey == null ? n.selectedKey : String(n.selectedKey),
+		emptyMessage: X(n.emptyMessage, t),
+		onRowSelect: r ? (e) => $(r, {
+			row: e,
+			rowKey: pe(e, n.getRowKey),
+			componentType: "DataTable"
+		}, t) : void 0
+	});
+}
+function yr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(lt, {
+		className: n.className,
+		label: X(n.label, t),
+		control: J(n.control, t),
+		hint: X(n.hint, t)
+	});
+}
+function br(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Qe, {
+		className: n.className,
+		gap: n.gap,
+		justify: n.justify,
+		wrap: n.wrap,
+		children: Y(e.children, t)
+	});
+}
+function xr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(_t, {
+		className: n.className,
+		density: n.density,
+		items: n.items.map((e) => ({
+			key: X(e.key, t),
+			value: X(e.value, t),
+			copyValue: e.copyValue
+		}))
+	});
+}
+function Sr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Ke, {
+		className: n.className,
+		title: X(n.title, t),
+		actions: X(n.actions, t),
+		density: n.density,
+		fill: n.fill,
+		children: Y(e.children, t)
+	});
+}
+function Cr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(at, {
+		className: n.className,
+		axis: n.axis,
+		style: n.style,
+		children: Y(e.children, t)
+	});
+}
+function wr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(dt, {
+		className: n.className,
+		as: n.as,
+		label: X(n.label, t),
+		caption: X(n.caption, t),
+		density: n.density,
+		divider: n.divider,
+		children: Y(e.children, t)
+	});
+}
+function Tr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(pt, {
+		className: n.className,
+		left: J(n.left, t),
+		right: J(n.right, t),
+		ratio: n.ratio,
+		divider: n.divider,
+		gutter: n.gutter
+	});
+}
+function Er(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(gt, {
+		className: n.className,
+		sidebar: Z(n.sidebar, t),
+		sidebarWidth: n.sidebarWidth,
+		contentPadding: n.contentPadding,
+		header: Z(n.header, t),
+		footer: Z(n.footer, t),
+		children: Y(e.children, t)
+	});
+}
+function Dr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(mt, {
+		className: n.className,
+		as: n.as,
+		eyebrow: X(n.eyebrow, t),
+		counter: X(n.counter, t),
+		title: X(n.title, t),
+		subtitle: X(n.subtitle, t),
+		primary: J(n.primary, t),
+		secondary: Z(n.secondary, t),
+		primarySide: n.primarySide,
+		ratio: n.ratio,
+		divider: n.divider,
+		footer: Z(n.footer, t)
+	});
+}
+function Or(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsxs)(be, {
+		className: n.className,
+		name: n.name,
+		value: n.value,
+		disabled: n.disabled,
+		children: [(n.options ?? []).map((e) => /* @__PURE__ */ (0, _.jsx)("option", {
+			value: e.value,
+			disabled: e.disabled,
+			children: X(e.label, t)
+		}, String(e.value))), Y(e.children, t)]
+	});
+}
+function kr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Ye, {
+		className: n.className,
+		gap: n.gap,
+		align: n.align,
+		children: Y(e.children, t)
+	});
+}
+function Ar(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(ce, {
+		className: n.className,
+		status: n.status,
+		icon: n.icon,
+		children: Y(e.children, t)
+	});
+}
+function jr(e, t) {
+	let n = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(st, {
+		items: n.items.map((e) => ({
+			id: e.id,
+			label: X(e.label, t)
+		})),
+		activeId: n.activeId,
+		ariaLabel: n.ariaLabel,
+		onChange: (e) => {
+			n.onChange && $(n.onChange, {
+				value: e,
+				componentType: "TabList"
+			}, t);
+		}
+	});
+}
+function Mr(e) {
+	let t = e.props ?? {};
+	return /* @__PURE__ */ (0, _.jsx)(Se, {
+		className: t.className,
+		name: t.name,
+		value: t.value,
+		placeholder: t.placeholder,
+		type: t.type,
+		disabled: t.disabled,
+		min: t.min,
+		max: t.max,
+		readOnly: !0
+	});
+}
+function $(e, t, n) {
+	c(e, t, n)?.();
+}
+//#endregion
+//#region src/hooks/useWidgetPage.ts
+function Nr(e, t = {}) {
+	let { enabled: a = !0, fetcher: o = fetch } = t, [s, c] = i(null), [l, u] = i(!!(a && e)), [d, f] = i(null), [ee, p] = i(0), m = n(() => p((e) => e + 1), []);
+	return r(() => {
+		if (!a || !e) {
+			u(!1);
+			return;
+		}
+		let t = new AbortController();
+		return u(!0), f(null), o(e, { signal: t.signal }).then(async (e) => {
+			if (!e.ok) throw Error(`Widget page request failed: ${e.status} ${e.statusText}`);
+			return e.json();
+		}).then((e) => {
+			t.signal.aborted || c(e);
+		}).catch((e) => {
+			t.signal.aborted || (f(e instanceof Error ? e : Error(String(e))), c(null));
+		}).finally(() => {
+			t.signal.aborted || u(!1);
+		}), () => t.abort();
+	}, [
+		a,
+		o,
+		e,
+		ee
+	]), {
+		page: s,
+		loading: l,
+		error: d,
+		refresh: m
+	};
+}
+//#endregion
+export { Le as $, Tt as A, st as B, zt as C, re as Ct, jt as D, Ft as E, s as Et, gt as F, Ye as G, rt as H, mt as I, He as J, Ke as K, pt as L, bt as M, vt as N, kt as O, _t as P, Pe as Q, dt as R, Bt as S, ae as St, Lt as T, c as Tt, tt as U, at as V, Qe as W, je as X, Be as Y, Ie as Z, Yt as _, b as _t, bn as a, Ce as at, Wt as b, ue as bt, gn as c, Te as ct, ln as d, Ae as dt, Fe as et, on as f, Se as ft, Zt as g, fe as gt, Qt as h, C as ht, Sn as i, Ne as it, St as j, Dt as k, mn as l, T as lt, tn as m, ve as mt, En as n, Me as nt, vn as o, w as ot, rn as p, be as pt, We as q, Tn as r, Re as rt, _n as s, we as st, Nr as t, ze as tt, fn as u, ke as ut, qt as v, pe as vt, Rt as w, h as wt, Ht as x, ce as xt, Gt as y, y as yt, lt as z };
+
+//# sourceMappingURL=useWidgetPage-B8iwybER.js.map