@cardstack/boxel-cli 0.9.0 → 0.10.0-unstable.0

package/bundled-test-harness/assets/workspace-chooser-BpmlVrVn.js

@@ -0,0 +1,2219 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { ms as logger } from "./runtime-common-ClpqhbwG.js";
+import { v as ri } from "./paths-BYHDgqsT.js";
+import { D as baseRealm } from "./constants-CqKWhRfY.js";
+import { t as config } from "./environment-DIUJgBKt.js";
+import { Vn as guidFor, et as tracked, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { d as action, r as service } from "./service-LFpJ8EEP.js";
+import { H as templateFactory, S as on, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import { l as didCancel, n as buildTask } from "./async-arrow-runtime-STsj7E8Y.js";
+import { t as cached } from "./tracking-CNiq91Pk.js";
+import { i as fn } from "./helper-m6jA5HmU.js";
+import "./modifier-D0EP-FQ7.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import { n as tracked$1, t as cached$1 } from "./tracking-800VJb8b.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { T as add, c as eq, z as css_var_default } from "./helpers-BN6ReMzK.js";
+import { E as IconComponent$3, G as RealmIcon, S as BoxelSelect, it as IconComponent$4, mt as LoadingIndicator, tt as Tooltip } from "./components-Ct_agx0G.js";
+import { D as IconComponent$9, V as IconComponent$6, a as IconComponent$10, h as IconComponent$8, l as IconComponent$7, n as IconComponent$5 } from "./icons-B3SAtRoj.js";
+import "./template-C81fYDrq.js";
+import "./internals-BTorg710.js";
+import { r as modifier } from "./dist-nMt-N14r.js";
+import "./dist-DEVZvbin.js";
+import { r as provide } from "./dist-Ble0L9o7.js";
+import { t as catalogRealmURL } from "./utils-DZFRsMFd.js";
+import { t as RealmURLTooltip } from "./realm-url-tooltip-qaXTjRb-.js";
+import { t as perform } from "./perform-g9ba6YNZ.js";
+import { a as firstDefined, i as emit, n as resolveBusy, o as resolveSize, r as resolveDisabled, s as resolveTone, t as Button } from "./button-PKDCsv-a.js";
+import { t as Spinner } from "./spinner-BHFM7zcR.js";
+import { c as IconComponent$11, o as WorkspaceLoadingIndicator, s as IconComponent$12, t as Workspace } from "./workspace-DJ_s2x4g.js";
+import { t as AddWorkspace } from "./add-workspace-c7L50Gx8.js";
+import { n as IconComponent$14, t as IconComponent$13 } from "./alert-triangle-C7tx0ryM.js";
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/shapes.js
+var IconComponent$2 = setComponentTemplate(templateFactory({
+	"id": "0OVf+HRq",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"lucide lucide-shapes\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"d\",\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\"],[12],[13],[10,\"rect\"],[14,\"width\",\"7\"],[14,\"height\",\"7\"],[14,\"x\",\"3\"],[14,\"y\",\"14\"],[14,\"rx\",\"1\"],[12],[13],[10,\"circle\"],[14,\"cx\",\"17.5\"],[14,\"cy\",\"17.5\"],[14,\"r\",\"3.5\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/shapes.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent$2.name = "shapes";
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/archive-restore.js
+var IconComponent$1 = setComponentTemplate(templateFactory({
+	"id": "QeRCR7YA",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"lucide lucide-archive-restore\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"rect\"],[14,\"width\",\"20\"],[14,\"height\",\"5\"],[14,\"x\",\"2\"],[14,\"y\",\"3\"],[14,\"rx\",\"1\"],[12],[13],[10,\"path\"],[14,\"d\",\"M4 8v11a2 2 0 0 0 2 2h2M20 8v11a2 2 0 0 1-2 2h-2M9 15l3-3 3 3M12 12v9\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/archive-restore.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent$1.name = "archive-restore";
+//#endregion
+//#region app/components/operator-mode/workspace-chooser/archived-workspace.gts
+var ArchivedWorkspace = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	get realmInfo() {
+		return {
+			name: this.args.archivedRealm.name,
+			iconURL: this.args.archivedRealm.iconURL,
+			publishable: null
+		};
+	}
+	static {
+		decorateMethodV2(this.prototype, "realmInfo", [cached$1]);
+	}
+	get name() {
+		return this.args.archivedRealm.name;
+	}
+	get backgroundImageURL() {
+		let { backgroundURL } = this.args.archivedRealm;
+		return backgroundURL ? `url(${backgroundURL})` : "";
+	}
+	static {
+		decorateFieldV2(this.prototype, "restoreError", [tracked$1]);
+	}
+	#restoreError = (initializeDeferredDecorator(this, "restoreError"), void 0);
+	restoreTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.restoreError = void 0;
+			try {
+				yield this.realmServer.unarchiveRealm(this.args.archivedRealm.url);
+			} catch (error) {
+				this.restoreError = error.message;
+			}
+		}
+	}), null, "restoreTask", "drop");
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "wSs6bFxv",
+			"block": "[[[10,0],[14,0,\"archived-card\"],[15,\"data-test-archived-workspace\",[30,0,[\"name\"]]],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,0,\"tile\"],[15,5,[28,[32,0],null,[[\"workspace-background-image-url\"],[[30,0,[\"backgroundImageURL\"]]]]]],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"\\n    \"],[10,0],[14,0,\"tile-overlay\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[13],[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"]],[[\"@placement\"],[\"top\"]],[[\"trigger\",\"content\"],[[[[1,\"\\n        \"],[10,1],[14,0,\"archive-badge\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"\\n          \"],[8,[32,2],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"]],[]],[[[1,\"Archived workspace\"]],[]]]]],[1,\"\\n    \"],[8,[32,3],[[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"]],[[\"@realmURL\",\"@announce\"],[[30,1,[\"url\"]],true]],[[\"default\"],[[[[1,\"\\n      \"],[10,0],[14,0,\"realm-icon-wrapper\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"\\n        \"],[8,[32,4],[[24,0,\"workspace-realm-icon\"],[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"]],[[\"@realmInfo\"],[[30,0,[\"realmInfo\"]]]],null],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n\"],[41,[30,0,[\"restoreTask\",\"isRunning\"]],[[[1,\"      \"],[10,0],[14,0,\"restore-pending\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"\\n        \"],[8,[32,5],[[24,0,\"restore-spinner\"],[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"]],null,null],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],[[[1,\"      \"],[11,\"button\"],[24,0,\"restore-btn\"],[16,\"data-test-restore-workspace-btn\",[30,1,[\"url\"]]],[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[24,4,\"button\"],[4,[32,6],[\"click\",[28,[32,7],[[30,0,[\"restoreTask\"]]],null]],null],[12],[1,\"\\n        \"],[8,[32,8],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"]],null,null],[1,\"\\n        Restore\\n      \"],[13],[1,\"\\n\"]],[]]],[1,\"  \"],[13],[1,\"\\n  \"],[10,0],[14,0,\"info\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"\\n    \"],[10,1],[14,0,\"name\"],[14,\"data-test-archived-workspace-name\",\"\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,[30,0,[\"name\"]]],[13],[1,\"\\n    \"],[10,1],[14,0,\"status\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,\"Archived\"],[13],[1,\"\\n\"],[41,[30,0,[\"restoreError\"]],[[[1,\"      \"],[10,1],[14,0,\"restore-error\"],[14,\"data-test-restore-workspace-error\",\"\"],[14,\"data-scopedcss-916d2a767c-9115c24cc7\",\"\"],[12],[1,[30,0,[\"restoreError\"]]],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@archivedRealm\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/workspace-chooser/archived-workspace.gts",
+			"scope": () => [
+				css_var_default,
+				Tooltip,
+				IconComponent$11,
+				RealmURLTooltip,
+				RealmIcon,
+				LoadingIndicator,
+				on,
+				perform,
+				IconComponent$1
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/info-small.js
+var IconComponent = setComponentTemplate(templateFactory({
+	"id": "aSlui7An",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"icon icon-tabler icons-tabler-outline icon-tabler-info-small\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"stroke\",\"none\"],[14,\"d\",\"M0 0h24v24H0z\"],[12],[13],[10,\"path\"],[14,\"d\",\"M12 9h.01M11 12h1v4h1\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/info-small.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent.name = "info-small";
+//#endregion
+//#region ../pretui/internal/keep-style.gts
+function declarations(style) {
+	let list = [];
+	for (let i = 0; i < style.length; i++) {
+		let property = style.item(i);
+		list.push(`${property}:${style.getPropertyValue(property).trim()}`);
+	}
+	return list.sort().join("\n");
+}
+var keepStyle = modifier((el, [entries]) => {
+	let kept = entries.filter((e) => e.value !== void 0);
+	if (kept.length === 0) return;
+	let read = (property) => el.style.getPropertyValue(property).trim() || void 0;
+	let callerValues = /* @__PURE__ */ new Map();
+	let readCaller = () => {
+		for (let { property } of kept) {
+			let value = read(property);
+			callerValues.set(property, value === void 0 ? void 0 : {
+				value,
+				priority: el.style.getPropertyPriority(property)
+			});
+		}
+	};
+	let isCallerRewrite = (records) => {
+		if (records.length === 0) return false;
+		let before = el.ownerDocument.createElement("span").style;
+		before.cssText = records[0].oldValue ?? "";
+		return kept.some(({ property }) => (before.getPropertyValue(property).trim() || void 0) !== read(property)) || declarations(before) === declarations(el.style);
+	};
+	let write = (observer) => {
+		let wrote = false;
+		for (let { property, value, strength } of kept) {
+			if (strength === "default" && callerValues.get(property) !== void 0) continue;
+			if (read(property) !== value) {
+				el.style.setProperty(property, value);
+				wrote = true;
+			}
+		}
+		if (wrote) observer?.takeRecords();
+	};
+	readCaller();
+	write();
+	let observer = new MutationObserver((records, self) => {
+		if (isCallerRewrite(records)) readCaller();
+		write(self);
+	});
+	observer.observe(el, {
+		attributes: true,
+		attributeFilter: ["style"],
+		attributeOldValue: true
+	});
+	return () => {
+		let rewritten = isCallerRewrite(observer.takeRecords());
+		observer.disconnect();
+		if (rewritten) return;
+		for (let { property, value } of kept) {
+			if (read(property) !== value) continue;
+			let callerValue = callerValues.get(property);
+			if (callerValue) el.style.setProperty(property, callerValue.value, callerValue.priority);
+			else el.style.removeProperty(property);
+		}
+	};
+});
+//#endregion
+//#region ../pretui/components/visually-hidden.gts
+var VisuallyHidden = setComponentTemplate(templateFactory({
+	"id": "2kXmW47O",
+	"block": "[[[11,1],[24,0,\"pretui-visually-hidden\"],[16,\"data-focusable\",[52,[30,1],\"true\",\"false\"]],[24,\"data-test-pretui-visually-hidden\",\"\"],[17,2],[24,\"data-scopedcss-1129855c2f-6ec51e5ae3\",\"\"],[12],[18,3,null],[13],[1,\"\\n\"]],[\"@focusable\",\"&attrs\",\"&default\"],[\"if\",\"yield\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/visually-hidden.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region ../pretui/components/alert.gts
+var ALERT_TONES = [
+	"info",
+	"success",
+	"warning",
+	"danger"
+];
+var ALERT_VARIANTS = {
+	default: "info",
+	destructive: "danger"
+};
+var ALERT_COLORS = {
+	info: {
+		hue: "var(--info)",
+		onHue: "var(--info-foreground)"
+	},
+	success: {
+		hue: "var(--success)",
+		onHue: "var(--success-foreground)"
+	},
+	warning: {
+		hue: "var(--warning)",
+		onHue: "var(--warning-foreground)"
+	},
+	danger: {
+		hue: "var(--destructive)",
+		onHue: "var(--destructive-foreground)"
+	}
+};
+var ALERT_ICONS = {
+	info: IconComponent,
+	success: IconComponent$3,
+	warning: IconComponent$13,
+	danger: IconComponent$4
+};
+var ALERT_TONE_LABELS = {
+	info: "Info",
+	success: "Success",
+	warning: "Warning",
+	danger: "Error"
+};
+var Alert = class extends Component {
+	get tone() {
+		let fromVariant = this.args.variant ? ALERT_VARIANTS[this.args.variant] : void 0;
+		return resolveTone(this.args.tone, ALERT_TONES, fromVariant ?? "info");
+	}
+	get role() {
+		return this.tone === "danger" ? "alert" : "status";
+	}
+	get hueStyle() {
+		let { hue, onHue } = ALERT_COLORS[this.tone];
+		return htmlSafe(`--pretui-alert-hue: ${hue}; --pretui-alert-on-hue: ${onHue}`);
+	}
+	get keptStyle() {
+		let { hue, onHue } = ALERT_COLORS[this.tone];
+		return [{
+			property: "--pretui-alert-hue",
+			value: hue,
+			strength: "arg"
+		}, {
+			property: "--pretui-alert-on-hue",
+			value: onHue,
+			strength: "arg"
+		}];
+	}
+	get Glyph() {
+		return ALERT_ICONS[this.tone];
+	}
+	get spokenTone() {
+		return `${this.args.toneLabel ?? ALERT_TONE_LABELS[this.tone]}:`;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "q5lRdua1",
+			"block": "[[[11,0],[24,0,\"pretui-alert\"],[16,\"role\",[30,0,[\"role\"]]],[16,5,[30,0,[\"hueStyle\"]]],[24,\"data-test-pretui-alert\",\"\"],[17,1],[24,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[4,[32,0],[[30,0,[\"keptStyle\"]]],null],[12],[1,\"\\n  \"],[10,1],[14,0,\"pretui-alert-glyph\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[1,\"\\n    \"],[8,[30,0,[\"Glyph\"]],[[24,\"width\",\"12\"],[24,\"height\",\"12\"],[24,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"]],null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[8,[32,1],[[24,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"]],null,[[\"default\"],[[[[1,[30,0,[\"spokenTone\"]]]],[]]]]],[1,\"\\n  \"],[10,0],[14,0,\"pretui-alert-body\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[1,\"\\n    \"],[41,[30,2],[[[10,2],[14,0,\"pretui-alert-title\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[1,[30,2]],[13]],[]],null],[1,\"\\n    \"],[41,[48,[30,3]],[[[10,0],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[18,3,null],[13]],[]],null],[1,\"\\n    \"],[41,[48,[30,4]],[[[10,0],[14,0,\"pretui-alert-action\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[18,4,null],[13]],[]],null],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@title\",\"&default\",\"&action\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/alert.gts",
+			"scope": () => [keepStyle, VisuallyHidden],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/pretui-css.gts
+/**
+* Every character a caller value may contain. Notably absent, and each for a
+* reason a comment should record:
+*
+*   `;` `:`   would end the declaration and start another one — the whole
+*             injection. Callers supply a VALUE, never a declaration.
+*   `{` `}`   would close the style attribute's implied block context.
+*   `<` `>`   `</style>` and friends.
+*   `"` `'`   quoted strings are only needed by `url()` and `content()`,
+*             neither of which is allowed.
+*   `\`       CSS escapes (`\3b` is a semicolon) would defeat every rule above.
+*   `@` `!`   at-rules and `!important`, both forbidden by kit law anyway.
+*
+* `*` and `/` survive because `calc()` needs them; the comment sequences they
+* can form are rejected separately.
+*/
+var ALLOWED_CHARS = /^[A-Za-z0-9_\-#%.,()+*/ ]+$/;
+/**
+* Functions a caller value may call. Anything not on this list — `url`,
+* `image-set`, `element`, `attr`, `expression`, `-moz-binding` — is rejected
+* outright rather than pattern-matched, so a function invented after this
+* code was written is denied by default.
+*/
+var ALLOWED_FUNCTIONS = new Set([
+	"var",
+	"env",
+	"calc",
+	"min",
+	"max",
+	"clamp",
+	"round",
+	"abs",
+	"rgb",
+	"rgba",
+	"hsl",
+	"hsla",
+	"hwb",
+	"lab",
+	"lch",
+	"oklab",
+	"oklch",
+	"color",
+	"color-mix",
+	"linear-gradient",
+	"radial-gradient",
+	"conic-gradient",
+	"repeating-linear-gradient",
+	"repeating-radial-gradient",
+	"repeating-conic-gradient",
+	"light-dark",
+	"cubic-bezier",
+	"steps",
+	"linear"
+]);
+/** `#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa` — nothing else may follow a `#`. */
+var HEX = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+/** A `(` must be the tail of a function name, never a bare grouping paren. */
+var CALL = /([A-Za-z][A-Za-z0-9-]*)?\(/g;
+/** Anything starting `#` up to the next separator. */
+var HEXISH = /#[^\s,()]*/g;
+/** Longer than any legitimate color, length or gradient stop list. */ var MAX_VALUE_LENGTH = 4096;
+/** Deeper than `color-mix(in oklch, var(--a, oklch(…)) 40%, var(--b))`. */
+var MAX_DEPTH = 5;
+/**
+* Validate a caller-supplied CSS value against a conservative allowlist.
+*
+* Returns the trimmed value when every character, function call, hex literal
+* and paren in it is understood, and `undefined` otherwise. There is no
+* middle outcome: a value is passed through intact or dropped whole.
+*
+* @param raw anything a caller handed us — typed `unknown` because at a
+*   component boundary an `@arg` declared `string` can still arrive as
+*   `null`, a number, or an object.
+*/
+function cssValue(raw) {
+	if (typeof raw !== "string") return;
+	let value = raw.trim();
+	if (value.length === 0 || value.length > MAX_VALUE_LENGTH) return;
+	if (!ALLOWED_CHARS.test(value)) return;
+	if (value.includes("/*") || value.includes("*/")) return;
+	let depth = 0;
+	for (let i = 0; i < value.length; i++) {
+		let ch = value[i];
+		if (ch === "(") {
+			depth++;
+			if (depth > MAX_DEPTH) return;
+		} else if (ch === ")") {
+			depth--;
+			if (depth < 0) return;
+		}
+	}
+	if (depth !== 0) return;
+	CALL.lastIndex = 0;
+	let call = CALL.exec(value);
+	while (call !== null) {
+		let name = call[1];
+		if (name === void 0 || !ALLOWED_FUNCTIONS.has(name.toLowerCase())) return;
+		call = CALL.exec(value);
+	}
+	HEXISH.lastIndex = 0;
+	let hex = HEXISH.exec(value);
+	while (hex !== null) {
+		if (!HEX.test(hex[0])) return;
+		hex = HEXISH.exec(value);
+	}
+	return value;
+}
+/**
+* A property name we are willing to write: a custom property, or a plain
+* lowercase CSS identifier. Callers never supply this — it is an authored
+* literal at every call site — but validating it keeps the contract total.
+*/
+var PROPERTY = /^(?:--[A-Za-z0-9_-]+|[a-z][a-z0-9-]*)$/;
+/**
+* Build one `property: value` declaration from a validated caller value.
+* Returns `undefined` when the value fails `cssValue`, so a rejected value
+* falls through to whatever the stylesheet's own fallback is — the caller
+* loses their override, never the component's rendering.
+*/
+function cssDeclaration(property, raw) {
+	let value = cssValue(raw);
+	if (value === void 0 || !PROPERTY.test(property)) return;
+	return property + ": " + value;
+}
+/**
+* Join several declarations — typically a mix of `cssDeclaration` results and
+* authored numeric strings — into one SafeString, dropping the rejected ones.
+* Returns `undefined` when nothing survived, so the attribute is omitted
+* rather than rendered empty.
+*/
+function cssStyleFrom(parts) {
+	let kept = parts.filter((p) => typeof p === "string" && p.length > 0);
+	return kept.length > 0 ? htmlSafe(kept.join("; ")) : void 0;
+}
+/** Named tiers in the Pretui stacking scale, in painting order. */
+/**
+* The canonical value of every tier. This is the same table as the header
+* comment and as every `var(--pretui-z-*, N)` fallback in the kit; it is
+* exported so a host that must interleave its own chrome can read the tiers
+* rather than copy the numbers.
+*/
+var PRETUI_Z = Object.freeze({
+	base: 0,
+	raised: 1,
+	sticky: 10,
+	"sticky-header": 11,
+	scrim: 50,
+	dropdown: 60,
+	overlay: 70,
+	tooltip: 80,
+	dialog: 90,
+	toast: 100
+});
+/** The custom-property name for a tier. */
+function zVarName(layer) {
+	return "--pretui-z-" + layer;
+}
+Object.keys(PRETUI_Z).map((layer) => zVarName(layer) + ": " + PRETUI_Z[layer] + ";").join("\n  ");
+//#endregion
+//#region ../pretui/internal/ink.gts
+function statusHue(value) {
+	let h = 0;
+	let s = String(value);
+	for (let i = 0; i < s.length; i++) h = h * 31 + s.charCodeAt(i) >>> 0;
+	return `var(--chart-${h % 5 + 1})`;
+}
+//#endregion
+//#region ../pretui/components/avatar.gts
+var SIZE_PROPERTY = "--pretui-avatar-size";
+var HUE_PROPERTY = "--pretui-chip-hue";
+var Avatar = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "failedSrc", [tracked]);
+	}
+	#failedSrc = (initializeDeferredDecorator(this, "failedSrc"), void 0);
+	get initials() {
+		return (this.args.name ?? "").split(/\s+/).map((w) => w[0]).slice(0, 2).join("").toUpperCase();
+	}
+	get showImage() {
+		return Boolean(this.args.src) && this.args.src !== this.failedSrc;
+	}
+	imageError = () => {
+		this.failedSrc = this.args.src;
+	};
+	get size() {
+		let size = Number(this.args.size) || void 0;
+		return size === void 0 ? void 0 : `${size / 16}rem`;
+	}
+	get explicitHue() {
+		return this.args.hue ?? void 0;
+	}
+	get hue() {
+		let hue = this.explicitHue;
+		return hue === void 0 ? statusHue(this.args.name ?? "") : cssValue(hue);
+	}
+	get style() {
+		return cssStyleFrom([cssDeclaration(SIZE_PROPERTY, this.size), cssDeclaration(HUE_PROPERTY, this.hue)]);
+	}
+	get keptStyle() {
+		return [{
+			property: SIZE_PROPERTY,
+			value: this.size,
+			strength: "arg"
+		}, {
+			property: HUE_PROPERTY,
+			value: this.hue,
+			strength: this.explicitHue === void 0 ? "default" : "arg"
+		}];
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "oEm71Qh2",
+			"block": "[[[11,1],[24,0,\"pretui-avatar\"],[16,\"title\",[30,1]],[16,\"role\",[52,[51,[30,0,[\"showImage\"]]],\"img\"]],[16,\"aria-label\",[52,[51,[30,0,[\"showImage\"]]],[30,1]]],[16,\"data-has-image\",[52,[30,0,[\"showImage\"]],\"true\"]],[16,5,[30,0,[\"style\"]]],[24,\"data-test-pretui-avatar\",\"\"],[17,2],[24,\"data-scopedcss-5178d38d8c-4c5bd031e9\",\"\"],[4,[32,0],[[30,0,[\"keptStyle\"]]],null],[12],[1,\"\\n  \"],[41,[30,0,[\"showImage\"]],[[[11,\"img\"],[16,\"src\",[30,3]],[16,\"alt\",[30,1]],[24,\"data-scopedcss-5178d38d8c-4c5bd031e9\",\"\"],[4,[32,1],[\"error\",[30,0,[\"imageError\"]]],null],[12],[13]],[]],[[[1,[30,0,[\"initials\"]]]],[]]],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@name\",\"&attrs\",\"@src\"],[\"unless\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/avatar.gts",
+			"scope": () => [keepStyle, on],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/internal/overlay.gts
+var GUTTER = 8;
+/** Every spelling of "is this layer showing". */
+function resolveOpen(args) {
+	return firstDefined(args.open, args.isOpen, args.opened);
+}
+var OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function positionPopup(a, w, h, placement, distance) {
+	let [side, align] = placement.split("-");
+	let vw = window.innerWidth;
+	let vh = window.innerHeight;
+	let space = {
+		top: a.top - distance,
+		bottom: vh - a.bottom - distance,
+		left: a.left - distance,
+		right: vw - a.right - distance
+	};
+	let need = side === "top" || side === "bottom" ? h : w;
+	if (space[side] < need && space[OPPOSITE[side]] >= need) side = OPPOSITE[side];
+	let top = 0;
+	let left = 0;
+	if (side === "top") top = a.top - h - distance;
+	if (side === "bottom") top = a.bottom + distance;
+	if (side === "left") left = a.left - w - distance;
+	if (side === "right") left = a.right + distance;
+	if (side === "top" || side === "bottom") {
+		left = align === "start" ? a.left : align === "end" ? a.right - w : a.left + a.width / 2 - w / 2;
+		left = Math.min(Math.max(left, GUTTER), Math.max(vw - w - GUTTER, GUTTER));
+	} else {
+		top = align === "start" ? a.top : align === "end" ? a.bottom - h : a.top + a.height / 2 - h / 2;
+		top = Math.min(Math.max(top, GUTTER), Math.max(vh - h - GUTTER, GUTTER));
+	}
+	return {
+		top,
+		left
+	};
+}
+modifier((el, [anchor, placement, distance, matchWidth, scale]) => {
+	if (!anchor) return;
+	let apply = () => {
+		if (scale !== void 0 && scale !== 1) {
+			let s = Math.min(2.5, Math.max(.4, scale));
+			el.style.transformOrigin = "top left";
+			el.style.transform = `scale(${s})`;
+		}
+		if (matchWidth) el.style.minWidth = `${anchor.getBoundingClientRect().width}px`;
+		let r = el.getBoundingClientRect();
+		let p = positionPopup(anchor.getBoundingClientRect(), r.width, r.height, placement, distance);
+		el.style.top = `${p.top}px`;
+		el.style.left = `${p.left}px`;
+	};
+	apply();
+	window.addEventListener("scroll", apply, {
+		capture: true,
+		passive: true
+	});
+	window.addEventListener("resize", apply);
+	return () => {
+		window.removeEventListener("scroll", apply, true);
+		window.removeEventListener("resize", apply);
+	};
+});
+var POPUPS_IN_PLACE = "pretui-popups-in-place";
+var modalBehavior = modifier((el, [open, onCancel, onClick]) => {
+	if (open && !el.open) el.showModal();
+	else if (!open && el.open) el.close();
+	el.addEventListener("cancel", onCancel);
+	el.addEventListener("click", onClick);
+	return () => {
+		el.removeEventListener("cancel", onCancel);
+		el.removeEventListener("click", onClick);
+	};
+});
+//#endregion
+//#region ../pretui/components/dialog.gts
+var DIALOG_SIZES = {
+	xs: "s",
+	s: "s",
+	m: "m",
+	l: "l",
+	xl: "l"
+};
+var Dialog = class extends Component {
+	get popupsInPlace() {
+		return true;
+	}
+	static {
+		decorateMethodV2(this.prototype, "popupsInPlace", [provide(POPUPS_IN_PLACE)]);
+	}
+	get dismissible() {
+		return this.args.dismissible ?? true;
+	}
+	get open() {
+		return resolveOpen(this.args);
+	}
+	get size() {
+		return DIALOG_SIZES[resolveSize(this.args.size)] ?? "m";
+	}
+	requestClose() {
+		emit([this.args.onClose]);
+		emit([this.args.onOpenChange], false);
+	}
+	onCancel = (e) => {
+		e.preventDefault();
+		if (this.dismissible) this.requestClose();
+	};
+	onClick = (e) => {
+		if (this.dismissible && e.target === e.currentTarget) this.requestClose();
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "Xsw334hr",
+			"block": "[[[11,\"dialog\"],[24,0,\"pretui-dialog\"],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"aria-label\",[30,1]],[24,\"data-test-pretui-dialog\",\"\"],[17,2],[24,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[4,[32,0],[[30,0,[\"open\"]],[30,0,[\"onCancel\"]],[30,0,[\"onClick\"]]],null],[12],[1,\"\\n  \"],[10,0],[14,0,\"pretui-dialog-inner\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,3]],[[[1,\"      \"],[10,\"header\"],[14,0,\"pretui-dialog-title\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[18,3,null],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[10,0],[14,0,\"pretui-dialog-body\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[18,4,null],[13],[1,\"\\n\"],[41,[48,[30,5]],[[[1,\"      \"],[10,\"footer\"],[14,0,\"pretui-dialog-footer\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[18,5,null],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@label\",\"&attrs\",\"&title\",\"&default\",\"&footer\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/dialog.gts",
+			"scope": () => [modalBehavior],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var IconButton = class extends Component {
+	get tone() {
+		return this.args.tone ?? (this.args.variant ? void 0 : "neutral");
+	}
+	get appearance() {
+		return this.args.appearance ?? (this.args.variant ? void 0 : "outlined");
+	}
+	get disabled() {
+		return resolveDisabled(this.args);
+	}
+	get busy() {
+		return resolveBusy(this.args);
+	}
+	get accessibleName() {
+		let { label, busyLabel, href } = this.args;
+		return this.busy && busyLabel && !href ? `${label} ${busyLabel}` : label;
+	}
+	get ariaPressed() {
+		let { pressed, href } = this.args;
+		return pressed === void 0 || href ? void 0 : String(pressed);
+	}
+	get iconWidth() {
+		return this.args.iconWidth ?? "1.25em";
+	}
+	get iconHeight() {
+		return this.args.iconHeight ?? "1.25em";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "IxfYqbEv",
+			"block": "[[[8,[32,0],[[24,0,\"pretui-iconbtn\"],[16,\"aria-label\",[30,0,[\"accessibleName\"]]],[16,\"aria-pressed\",[30,0,[\"ariaPressed\"]]],[16,\"title\",[30,1]],[24,\"data-test-pretui-icon-button\",\"\"],[17,2],[24,\"data-scopedcss-bcde96c7a5-2e8d552068\",\"\"]],[[\"@variant\",\"@tone\",\"@appearance\",\"@size\",\"@disabled\",\"@shape\",\"@href\",\"@busy\",\"@busyLabel\"],[[30,3],[30,0,[\"tone\"]],[30,0,[\"appearance\"]],[30,4],[30,0,[\"disabled\"]],[30,5],[30,6],[30,0,[\"busy\"]],[30,7]]],[[\"default\"],[[[[1,\"\\n\"],[1,\"  \"],[10,1],[14,0,\"pretui-iconbtn-glyph\"],[14,\"aria-hidden\",\"true\"],[14,\"data-test-pretui-icon-button-glyph\",\"\"],[14,\"data-scopedcss-bcde96c7a5-2e8d552068\",\"\"],[12],[1,\"\\n\"],[41,[30,8],[[[1,\"      \"],[8,[30,8],[[16,\"width\",[30,0,[\"iconWidth\"]]],[16,\"height\",[30,0,[\"iconHeight\"]]],[24,\"data-scopedcss-bcde96c7a5-2e8d552068\",\"\"]],null,null],[1,\"\\n\"]],[]],null],[1,\"    \"],[18,9,null],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]]]]],[1,\"\\n\"]],[\"@label\",\"&attrs\",\"@variant\",\"@size\",\"@shape\",\"@href\",\"@busyLabel\",\"@icon\",\"&default\"],[\"if\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/icon-button.gts",
+			"scope": () => [Button],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/item.gts
+var Item = class extends Component {
+	get size() {
+		return resolveSize(this.args.size);
+	}
+	get align() {
+		return this.args.alignStart ? "start" : "center";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "OY0L27eq",
+			"block": "[[[11,0],[24,0,\"pretui-item\"],[24,\"data-test-pretui-item\",\"\"],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"data-align\",[30,0,[\"align\"]]],[17,1],[24,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,5]],[[[1,\"    \"],[10,0],[14,0,\"pretui-item-lead\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[18,5,null],[13],[1,\"\\n\"]],[]],null],[1,\"\\n  \"],[10,0],[14,0,\"pretui-item-body\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,6]],[[[1,\"      \"],[10,1],[14,0,\"pretui-item-title\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[18,6,null],[13],[1,\"\\n\"]],[]],[[[41,[30,2],[[[41,[30,3],[[[1,\"        \"],[10,3],[14,0,\"pretui-item-title pretui-item-link\"],[15,6,[30,3]],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"]],[]],[[[1,\"        \"],[10,1],[14,0,\"pretui-item-title\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"]],[]]],[1,\"    \"]],[]],null]],[]]],[1,\"\\n\"],[41,[48,[30,7]],[[[1,\"      \"],[10,1],[14,0,\"pretui-item-desc\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[18,7,null],[13],[1,\"\\n\"]],[]],[[[41,[30,4],[[[1,\"      \"],[10,1],[14,0,\"pretui-item-desc\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[1,[30,4]],[13],[1,\"\\n    \"]],[]],null]],[]]],[1,\"\\n\"],[41,[48,[30,8]],[[[1,\"      \"],[10,0],[14,0,\"pretui-item-content\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[18,8,null],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\\n\"],[41,[48,[30,9]],[[[1,\"    \"],[10,0],[14,0,\"pretui-item-trail\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[18,9,null],[13],[1,\"\\n\"]],[]],null],[41,[48,[30,10]],[[[1,\"    \"],[10,0],[14,0,\"pretui-item-actions\"],[14,\"data-scopedcss-8d0ffb3c65-39abb89535\",\"\"],[12],[18,10,null],[13],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"]],[\"&attrs\",\"@title\",\"@href\",\"@description\",\"&leading\",\"&title\",\"&description\",\"&default\",\"&trailing\",\"&actions\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/item.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/broken-link.gts
+var BrokenLink = class extends Component {
+	get label() {
+		return this.args.label ?? "missing card";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "ANxE2OLx",
+			"block": "[[[11,1],[24,0,\"pretui-broken\"],[24,\"title\",\"This reference is gone\"],[24,\"data-test-pretui-broken-link\",\"\"],[17,1],[24,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[1,\"\\n  \"],[10,\"svg\"],[14,\"width\",\"11\"],[14,\"height\",\"11\"],[14,\"viewBox\",\"0 0 12 12\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[10,\"path\"],[14,\"d\",\"M4.5 7.5 2.8 9.2a1.7 1.7 0 0 1-2.4-2.4L2.8 4.4M7.5 4.5l1.7-1.7a1.7 1.7 0 0 1 2.4 2.4L9.2 7.6M1 1l10 10\"],[14,\"fill\",\"none\"],[14,\"stroke\",\"currentColor\"],[14,\"stroke-width\",\"1.3\"],[14,\"stroke-linecap\",\"round\"],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[13],[13],[1,\"\\n  \"],[10,1],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[1,[30,0,[\"label\"]]],[13],[1,\"\\n  \"],[41,[30,2],[[[10,1],[14,0,\"pretui-broken-id\"],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[1,[30,2]],[13]],[]],null],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@refId\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/broken-link.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/empty-state.gts
+var EMPTY_STATE_SIZES = {
+	xs: "s",
+	s: "s",
+	m: "m",
+	l: "m",
+	xl: "m"
+};
+var EmptyState = class extends Component {
+	get showTexture() {
+		return this.args.texture ?? true;
+	}
+	get separator() {
+		return this.args.separator ?? "or";
+	}
+	get size() {
+		return EMPTY_STATE_SIZES[resolveSize(this.args.size)] ?? "m";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "yJcwZ0yC",
+			"block": "[[[11,0],[24,0,\"pretui-empty\"],[16,\"data-size\",[30,0,[\"size\"]]],[24,\"data-test-pretui-empty\",\"\"],[17,1],[24,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,\"\\n  \"],[41,[30,0,[\"showTexture\"]],[[[10,0],[14,0,\"pretui-empty-texture\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[13]],[]],null],[1,\"\\n  \"],[10,0],[14,0,\"pretui-empty-title\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"],[41,[48,[30,4]],[[[1,\"    \"],[10,0],[14,0,\"pretui-empty-msg\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,4,null],[13],[1,\"\\n\"]],[]],[[[41,[30,3],[[[1,\"    \"],[10,2],[14,0,\"pretui-empty-msg\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,[30,3]],[13],[1,\"\\n  \"]],[]],null]],[]]],[41,[48,[30,5]],[[[1,\"    \"],[10,0],[14,0,\"pretui-empty-paths\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"pretui-empty-action\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,6,null],[13],[1,\"\\n      \"],[10,0],[14,0,\"pretui-empty-sep\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,[30,0,[\"separator\"]]],[13],[1,\"\\n      \"],[10,0],[14,0,\"pretui-empty-action\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,5,null],[13],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],[[[41,[48,[30,6]],[[[1,\"    \"],[10,0],[14,0,\"pretui-empty-action\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,6,null],[13],[1,\"\\n  \"]],[]],null]],[]]],[13],[1,\"\\n\"]],[\"&attrs\",\"@title\",\"@message\",\"&default\",\"&altAction\",\"&action\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/empty-state.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/skeleton.gts
+var Skeleton = class extends Component {
+	get style() {
+		return cssStyleFrom([cssDeclaration("--_w", this.args.width ?? "100%"), cssDeclaration("--_h", this.args.height ?? "12px")]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "6lgKSRT5",
+			"block": "[[[11,1],[24,0,\"pretui-skeleton\"],[16,5,[30,0,[\"style\"]]],[24,\"aria-hidden\",\"true\"],[24,\"data-test-pretui-skeleton\",\"\"],[17,1],[24,\"data-scopedcss-537b3a02bc-0566fde4f2\",\"\"],[12],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/skeleton.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/data-component.gts
+/** What a row is keyed by. Strings and numbers only — a key is compared with
+* `===` and must survive being written into a `data-` attribute. */
+/** Caller-supplied key accessor: stable identity for one row. */
+/** The dataset loader. Deliberately knows nothing about HTTP: it is any
+* function returning a promise of rows. */
+/** How many rows may be selected at once. */
+/** Sort direction. */
+/** The current sort: a column key plus a direction. `null` means unsorted,
+* which is a third state the asc/desc cycle passes through. */
+/**
+* THE documented key fallback, shared by every collection in the kit.
+*
+* 1. `@key` accessor if the caller supplied one — always prefer this.
+* 2. otherwise the row's own `id` when it is a string or number (the shape
+*    Boxel cards, `FeedItem` and every fixture in examples.gts already have);
+* 3. otherwise the row's 0-based index.
+*
+* Branch 3 is a real, documented compromise, not a silent one: an
+* index-keyed row's identity MOVES when the collection is re-sorted or
+* spliced, so selection and the active row follow the position rather than
+* the record. Any collection whose rows can be re-ordered should pass `@key`.
+*/
+function defaultRowKey(row, index) {
+	if (row && typeof row === "object") {
+		let id = row["id"];
+		if (typeof id === "string" || typeof id === "number") return id;
+	}
+	return index;
+}
+/** Reads one field off a row for the default comparator. Rows are generic,
+* so the read is an explicit widening rather than an `any`. */
+function readField(row, key) {
+	return row && typeof row === "object" ? row[key] : void 0;
+}
+/** Total order over unknown values: numbers numerically, everything else by
+* locale-free string compare, with null/undefined last in either direction.
+* Anything richer (dates as objects, money, nested paths) wants `@comparator`. */
+function compareValues(a, b) {
+	let aMissing = a === void 0 || a === null;
+	let bMissing = b === void 0 || b === null;
+	if (aMissing || bMissing) return aMissing && bMissing ? 0 : aMissing ? 1 : -1;
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	if (typeof a === "boolean" && typeof b === "boolean") return Number(a) - Number(b);
+	let as = String(a);
+	let bs = String(b);
+	return as < bs ? -1 : as > bs ? 1 : 0;
+}
+/** Everything is an Error by the time it reaches tracked state — a thrown
+* string, a rejected `{ message }`, or a genuine Error. Never swallowed. */
+function toError(thrown) {
+	if (thrown instanceof Error) return thrown;
+	if (typeof thrown === "string") return new Error(thrown);
+	let message = readField(thrown, "message");
+	return new Error(typeof message === "string" ? message : "Load failed");
+}
+/** Re-runs `beginLoad()` whenever the loader, its key, or the reload epoch
+* changes. Exported so a subclass that writes its own `<template>` (and
+* therefore does not render `<DataShell>`) can still wire the loader. */
+var dataLoad = modifier((_el, [state, _load, _key, _epoch]) => {
+	state.beginLoad();
+});
+/**
+* The narrow, non-generic slice of a data component that the shared chrome
+* needs. `DataComponent` implements it; a component that cannot extend
+* `DataComponent` (because it already extends something else) can implement
+* this instead and still wear the same chrome.
+*/
+/**
+* The small amount of shared chrome that goes with the base class: the
+* `aria-busy` root, the polite live region, and the four state slots. It is a
+* separate component precisely so a subclass that writes its own
+* `<template>` keeps every accessibility guarantee without copying it.
+*/
+var DataShell = class extends Component {
+	get isLoading() {
+		return this.args.state.status === "loading";
+	}
+	get isError() {
+		return this.args.state.status === "error";
+	}
+	get isEmpty() {
+		return this.args.state.status === "empty";
+	}
+	get skeletonRows() {
+		let n = Math.max(1, Math.floor(this.args.skeletonRows ?? 3));
+		let out = [];
+		for (let i = 0; i < n; i++) out.push(i);
+		return out;
+	}
+	get loadingLabel() {
+		return this.args.loadingLabel ?? "Loading";
+	}
+	get emptyTitle() {
+		return this.args.emptyTitle ?? "Nothing to show yet";
+	}
+	get emptyMessage() {
+		return this.args.emptyMessage ?? "No records match this view. Adjust the filters, or check back once the desk has logged something.";
+	}
+	get errorTitle() {
+		return this.args.errorTitle ?? "Could not load";
+	}
+	retry = () => {
+		this.args.state.reload();
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "MNDOTS8w",
+			"block": "[[[11,0],[24,0,\"pretui-data\"],[24,\"data-test-pretui-data\",\"\"],[16,\"data-status\",[30,1,[\"status\"]]],[16,\"aria-busy\",[30,1,[\"busy\"]]],[17,2],[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[4,[32,0],[[30,1],[30,1,[\"loadFn\"]],[30,1,[\"loadKey\"]],[30,1,[\"epoch\"]]],null],[12],[1,\"\\n\"],[1,\"  \"],[10,2],[14,0,\"pretui-sr\"],[14,\"role\",\"status\"],[14,\"data-test-pretui-data-live\",\"\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n    \"],[1,[30,1,[\"announcement\"]]],[1,\"\\n  \"],[13],[1,\"\\n\\n\"],[41,[30,0,[\"isLoading\"]],[[[41,[30,3],[[[1,\"      \"],[18,7,null],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,0],[14,0,\"pretui-data-loading\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"pretui-data-loading-head\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n          \"],[8,[32,1],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,[30,0,[\"loadingLabel\"]]],[13],[1,\"\\n        \"],[13],[1,\"\\n\"],[42,[28,[31,3],[[28,[31,3],[[30,0,[\"skeletonRows\"]]],null]],null],\"@index\",[[[1,\"          \"],[10,1],[14,0,\"pretui-data-skeleton\"],[15,\"data-row\",[30,4]],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n            \"],[8,[32,2],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@width\",\"@height\"],[\"34%\",\"11px\"]],null],[1,\"\\n            \"],[8,[32,2],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@height\"],[\"11px\"]],null],[1,\"\\n          \"],[13],[1,\"\\n\"]],[4]],null],[1,\"      \"],[13],[1,\"\\n\"]],[]]]],[]],[[[41,[30,0,[\"isError\"]],[[[41,[30,5],[[[1,\"      \"],[18,8,null],[1,\"\\n\"]],[]],[[[1,\"      \"],[8,[32,3],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@tone\",\"@title\"],[\"danger\",[30,0,[\"errorTitle\"]]]],[[\"default\",\"action\"],[[[[1,\"\\n          \"],[10,2],[14,0,\"pretui-data-errmsg\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,[30,1,[\"errorMessage\"]]],[13],[1,\"\\n\"],[41,[30,1,[\"loadRef\"]],[[[1,\"            \"],[8,[32,4],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@label\",\"@refId\"],[\"dataset unavailable\",[30,1,[\"loadRef\"]]]],null],[1,\"\\n\"]],[]],null],[1,\"        \"]],[]],[[[1,\"\\n\"],[41,[30,1,[\"canRetry\"]],[[[1,\"            \"],[8,[32,5],[[24,\"data-test-pretui-data-retry\",\"\"],[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[4,[32,6],[\"click\",[30,0,[\"retry\"]]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Try again\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"        \"]],[]]]]],[1,\"\\n\"]],[]]]],[]],[[[41,[30,0,[\"isEmpty\"]],[[[41,[30,6],[[[1,\"      \"],[18,9,null],[1,\"\\n\"]],[]],[[[1,\"      \"],[8,[32,7],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@title\",\"@message\"],[[30,0,[\"emptyTitle\"]],[30,0,[\"emptyMessage\"]]]],null],[1,\"\\n\"]],[]]]],[]],[[[1,\"    \"],[18,10,null],[1,\"\\n  \"]],[]]]],[]]]],[]]],[13],[1,\"\\n\"]],[\"@state\",\"&attrs\",\"@hasLoading\",\"row\",\"@hasError\",\"@hasEmpty\",\"&loading\",\"&error\",\"&empty\",\"&default\"],[\"if\",\"yield\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/data-component.gts",
+			"scope": () => [
+				dataLoad,
+				Spinner,
+				Skeleton,
+				Alert,
+				BrokenLink,
+				Button,
+				on,
+				EmptyState
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+/**
+* Everything a data component accepts. Subclasses widen this through the
+* `Extra` type parameter rather than re-declaring it.
+*/
+/** The interaction surface yielded to the default block alongside the rows.
+* Everything here is safe to call from a template. */
+/** The expanded-rows args DataTable and List share. */
+/** One row's expansion, everything its expander and detail need. */
+/**
+* Which rows are expanded, by key, and the ARIA wiring for each row's
+* expander. Controlled when `@expandedKeys` is passed (the host never moves
+* itself, it only reports), uncontrolled otherwise, seeded from
+* `@defaultExpandedKeys`. Takes a thunk for the same reason DataSource does:
+* every read goes through the live args. DataTable and List both use it, so
+* the state rule and the ARIA contract cannot drift between them.
+*/
+var ExpansionState = class {
+	constructor(readArgs, idPrefix) {
+		this.readArgs = readArgs;
+		this.idPrefix = idPrefix;
+	}
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	get keys() {
+		let a = this.readArgs();
+		if (a.expandedKeys !== void 0) return a.expandedKeys;
+		return this.internal ?? a.defaultExpandedKeys ?? [];
+	}
+	/** A Set keeps 1 and '1' distinct, as `includes` does. */
+	get keySet() {
+		return new Set(this.keys);
+	}
+	static {
+		decorateMethodV2(this.prototype, "keySet", [cached]);
+	}
+	isExpanded = (key) => this.keySet.has(key);
+	/** The detail id is built from the row's position: a key can hold
+	* spaces, and 1 and '1' are distinct keys. */
+	viewFor(key, index, label) {
+		let expanded = this.isExpanded(key);
+		let detailId = this.idPrefix + "-d-" + String(index);
+		return {
+			expanded,
+			expandedFlag: expanded ? "true" : "false",
+			detailId,
+			controls: expanded ? detailId : void 0,
+			expandLabel: (expanded ? "Collapse " : "Expand ") + label
+		};
+	}
+	toggle = (key) => {
+		let current = this.keys;
+		let next = current.includes(key) ? current.filter((k) => k !== key) : [...current, key];
+		let a = this.readArgs();
+		if (a.expandedKeys === void 0) this.internal = next;
+		a.onExpandedChange?.([...next]);
+	};
+};
+/**
+* THE state machine, as a plain class rather than a component.
+*
+* It is separate from `DataComponent` for a reason that is worth stating,
+* because it is the difference between a base class that only serves its own
+* demo and one the whole kit can use. Glint infers a component's row type
+* from its `Args` type — and inference dies the moment `Args` is anything
+* but a bare `DataArgs<T>`: an intersection with an `Extra` type parameter
+* (`DataArgs<T> & Extra`) makes every caller's `T` collapse to `{}`. So a
+* base class cannot both infer `T` and let subclasses add their own args.
+*
+* Inheritance therefore covers the plain case, and DELEGATION covers the
+* rest: a component with its own signature — `@columns`, `@series`, extra
+* blocks, a different Element — holds a DataSource, points `<DataShell>` at
+* it, and gets the identical state machine:
+*
+*     class KitTable<T> extends Component<KitTableSignature<T>> {
+*       data = new DataSource<T>(() => this.args);
+*       <template><DataShell @state={{this.data}}> … </DataShell></template>
+*     }
+*
+* The constructor takes a THUNK, not the args object, so every read goes
+* through the live `this.args` and autotracking stays intact.
+*/
+var DataSource = class {
+	constructor(readArgs) {
+		this.readArgs = readArgs;
+	}
+	/** the host's current args — read through the thunk on every access so
+	* tracked argument changes are observed normally */
+	get a() {
+		return this.readArgs();
+	}
+	static {
+		decorateFieldV2(this.prototype, "loadedRows", [tracked], function() {
+			return [];
+		});
+	}
+	#loadedRows = (initializeDeferredDecorator(this, "loadedRows"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "inFlight", [tracked], function() {
+			return false;
+		});
+	}
+	#inFlight = (initializeDeferredDecorator(this, "inFlight"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "settled", [tracked], function() {
+			return false;
+		});
+	}
+	#settled = (initializeDeferredDecorator(this, "settled"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "failure", [tracked], function() {});
+	}
+	#failure = (initializeDeferredDecorator(this, "failure"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "epoch", [tracked], function() {
+			return 0;
+		});
+	}
+	#epoch = (initializeDeferredDecorator(this, "epoch"), void 0);
+	requestToken = 0;
+	static {
+		decorateFieldV2(this.prototype, "internalSelected", [tracked], function() {});
+	}
+	#internalSelected = (initializeDeferredDecorator(this, "internalSelected"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "internalActive", [tracked], function() {});
+	}
+	#internalActive = (initializeDeferredDecorator(this, "internalActive"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "internalSort", [tracked], function() {});
+	}
+	#internalSort = (initializeDeferredDecorator(this, "internalSort"), void 0);
+	get loadFn() {
+		return this.a.load;
+	}
+	get loadKey() {
+		return this.a.loadKey;
+	}
+	get loadRef() {
+		let key = this.a.loadKey;
+		return typeof key === "string" || typeof key === "number" ? String(key) : void 0;
+	}
+	get canRetry() {
+		return this.a.load !== void 0 && this.a.rows === void 0;
+	}
+	/**
+	* Called by the `dataLoad` modifier on insert and on every change to
+	* `@load` / `@loadKey` / `epoch`. Writes NO tracked state synchronously —
+	* the modifier runs inside the render transaction, and a tracked write
+	* there is the backtracking-rerender assertion.
+	*/
+	beginLoad = () => {
+		let load = this.a.load;
+		let token = ++this.requestToken;
+		if (!load || this.a.rows !== void 0) return;
+		this.runLoad(load, token);
+	};
+	/** Discards whatever is in flight and loads again. */
+	reload = () => {
+		this.epoch = this.epoch + 1;
+	};
+	async runLoad(load, token) {
+		await Promise.resolve();
+		if (token !== this.requestToken) return;
+		this.inFlight = true;
+		this.failure = void 0;
+		try {
+			let rows = await load();
+			if (token !== this.requestToken) return;
+			this.loadedRows = rows ?? [];
+			this.failure = void 0;
+		} catch (thrown) {
+			if (token !== this.requestToken) return;
+			this.failure = toError(thrown);
+		} finally {
+			if (token === this.requestToken) {
+				this.inFlight = false;
+				this.settled = true;
+			}
+		}
+	}
+	/**
+	* The single readable state. DERIVED — nothing assigns it:
+	*   error   a captured failure outranks everything, so a stale row set can
+	*           never read as success;
+	*   loading a request is in flight, OR one is about to start and has never
+	*           settled (which is what closes the empty-flash on first paint);
+	*   ready   settled with rows;
+	*   empty   settled with none — only ever reachable when nothing is
+	*           loading, which is the bug this ordering exists to prevent;
+	*   idle    no rows and no loader: nobody has asked for anything.
+	*/
+	get status() {
+		if (this.a.rows !== void 0) return this.a.rows.length > 0 ? "ready" : "empty";
+		if (this.failure) return "error";
+		if (this.inFlight) return "loading";
+		if (this.a.load === void 0) return "idle";
+		if (!this.settled) return "loading";
+		return this.loadedRows.length > 0 ? "ready" : "empty";
+	}
+	get busy() {
+		return this.status === "loading" ? "true" : "false";
+	}
+	get errorMessage() {
+		return this.a.rows === void 0 && this.failure ? this.failure.message : "";
+	}
+	/** The rows as given: `@rows` when eager, the loaded set otherwise. */
+	get rows() {
+		return this.a.rows ?? this.loadedRows;
+	}
+	/** The rows as rendered: sorted when a sort is active. Never mutates the
+	* caller's array. */
+	get visibleRows() {
+		let rows = this.rows;
+		let sort = this.sort;
+		if (!sort) return rows.slice();
+		let dir = sort.dir === "desc" ? -1 : 1;
+		let active = sort;
+		return rows.slice().sort((a, b) => this.compare(a, b, active, dir));
+	}
+	get count() {
+		return this.visibleRows.length;
+	}
+	/**
+	* The polite announcement. Derived ONLY from settled state, which is how
+	* "do not announce on every keystroke" is enforced structurally rather than
+	* by remembering to: while a request is in flight the text is empty, so a
+	* caller-driven filter that re-queries announces once when the new results
+	* land, not once per key. Identical text is not re-announced by assistive
+	* technology, so re-sorting the same 6 rows stays silent too.
+	*/
+	get announcement() {
+		if (this.a.silentCount) return "";
+		let noun = this.a.itemNoun ?? "result";
+		switch (this.status) {
+			case "ready": {
+				let n = this.count;
+				return `${n} ${n === 1 ? noun : `${noun}s`}`;
+			}
+			case "empty": return `No ${noun}s`;
+			case "error": return `Could not load: ${this.errorMessage}`;
+			default: return "";
+		}
+	}
+	keyFor = (row, index) => this.a.key ? this.a.key(row, index) : defaultRowKey(row, index);
+	rowsForKeys(keys) {
+		let wanted = new Set(keys);
+		return this.visibleRows.filter((row, i) => wanted.has(this.keyFor(row, i)));
+	}
+	get selectionMode() {
+		return this.a.selectionMode ?? "none";
+	}
+	get selectedKeys() {
+		if (this.a.selected !== void 0) return this.a.selected;
+		return this.internalSelected ?? this.a.defaultSelected ?? [];
+	}
+	get selectedRows() {
+		return this.rowsForKeys(this.selectedKeys);
+	}
+	/** Every row the reader can see is selected; keys for rows outside the
+	*  current view do not count either way. */
+	get allSelected() {
+		let visible = this.visibleRows;
+		if (visible.length === 0) return false;
+		let selected = new Set(this.selectedKeys);
+		return visible.every((row, index) => selected.has(this.keyFor(row, index)));
+	}
+	isSelected = (row, index) => this.selectedKeys.includes(this.keyFor(row, index));
+	toggleSelected = (row, index) => {
+		let mode = this.selectionMode;
+		if (mode === "none") return;
+		let key = this.keyFor(row, index);
+		let current = this.selectedKeys;
+		let next;
+		if (mode === "single") next = current.length === 1 && current[0] === key ? [] : [key];
+		else next = current.includes(key) ? current.filter((k) => k !== key) : [...current, key];
+		this.commitSelection(next);
+	};
+	selectAll = () => {
+		if (this.selectionMode !== "multi") return;
+		let visible = this.visibleRows.map((r, i) => this.keyFor(r, i));
+		let shown = new Set(visible);
+		let kept = this.selectedKeys.filter((key) => !shown.has(key));
+		this.commitSelection(this.allSelected ? kept : [...kept, ...visible]);
+	};
+	clearSelection = () => {
+		this.commitSelection([]);
+	};
+	commitSelection(next) {
+		if (this.a.selected === void 0) this.internalSelected = next;
+		this.a.onSelectionChange?.(next, this.rowsForKeys(next));
+	}
+	get activeKey() {
+		if (this.a.activeKey !== void 0) return this.a.activeKey;
+		return this.internalActive !== void 0 ? this.internalActive : this.a.defaultActiveKey ?? null;
+	}
+	isActive = (row, index) => this.activeKey !== null && this.activeKey === this.keyFor(row, index);
+	setActive = (row, index) => {
+		let next = row === null ? null : this.keyFor(row, index);
+		if (this.a.activeKey === void 0) this.internalActive = next;
+		this.a.onActiveChange?.(next, row ?? void 0);
+	};
+	get sort() {
+		if (this.a.sort !== void 0) return this.a.sort;
+		return this.internalSort !== void 0 ? this.internalSort : this.a.defaultSort ?? null;
+	}
+	/** asc → desc → unsorted, the three-step cycle DataGrid already used. */
+	toggleSort = (key) => {
+		let current = this.sort;
+		let next = !current || current.key !== key ? {
+			key,
+			dir: "asc"
+		} : current.dir === "asc" ? {
+			key,
+			dir: "desc"
+		} : null;
+		if (this.a.sort === void 0) this.internalSort = next;
+		this.a.onSortChange?.(next);
+	};
+	ariaSort = (key) => {
+		let current = this.sort;
+		if (!current || current.key !== key) return "none";
+		return current.dir === "asc" ? "ascending" : "descending";
+	};
+	compare(a, b, sort, dir) {
+		if (this.a.comparator) return this.a.comparator(a, b, sort) * dir;
+		let x = readField(a, sort.key);
+		let y = readField(b, sort.key);
+		if (x === void 0 || x === null || y === void 0 || y === null) return compareValues(x, y);
+		return compareValues(x, y) * dir;
+	}
+	get data() {
+		return {
+			status: this.status,
+			count: this.count,
+			errorMessage: this.errorMessage,
+			keyFor: this.keyFor,
+			selectionMode: this.selectionMode,
+			selectedKeys: this.selectedKeys,
+			selectedRows: this.selectedRows,
+			allSelected: this.allSelected,
+			isSelected: this.isSelected,
+			toggleSelected: this.toggleSelected,
+			selectAll: this.selectAll,
+			clearSelection: this.clearSelection,
+			activeKey: this.activeKey,
+			isActive: this.isActive,
+			setActive: this.setActive,
+			sort: this.sort,
+			toggleSort: this.toggleSort,
+			ariaSort: this.ariaSort,
+			reload: this.reload
+		};
+	}
+};
+(class extends Component {
+	/** the state machine — pass it to `<DataShell @state={{this.source}}>` */ source = new DataSource(() => this.args);
+	get status() {
+		return this.source.status;
+	}
+	get busy() {
+		return this.source.busy;
+	}
+	get errorMessage() {
+		return this.source.errorMessage;
+	}
+	get announcement() {
+		return this.source.announcement;
+	}
+	get rows() {
+		return this.source.rows;
+	}
+	get visibleRows() {
+		return this.source.visibleRows;
+	}
+	get count() {
+		return this.source.count;
+	}
+	get selectionMode() {
+		return this.source.selectionMode;
+	}
+	get selectedKeys() {
+		return this.source.selectedKeys;
+	}
+	get selectedRows() {
+		return this.source.selectedRows;
+	}
+	get allSelected() {
+		return this.source.allSelected;
+	}
+	get activeKey() {
+		return this.source.activeKey;
+	}
+	get sort() {
+		return this.source.sort;
+	}
+	get data() {
+		return this.source.data;
+	}
+	keyFor = this.source.keyFor;
+	isSelected = this.source.isSelected;
+	toggleSelected = this.source.toggleSelected;
+	selectAll = this.source.selectAll;
+	clearSelection = this.source.clearSelection;
+	isActive = this.source.isActive;
+	setActive = this.source.setActive;
+	toggleSort = this.source.toggleSort;
+	ariaSort = this.source.ariaSort;
+	reload = this.source.reload;
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "WDfnfAER",
+			"block": "[[[8,[32,0],[[17,1]],[[\"@state\",\"@hasLoading\",\"@hasEmpty\",\"@hasError\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\"],[[30,0,[\"source\"]],[48,[30,6]],[48,[30,7]],[48,[30,8]],[30,2],[30,3],[30,4],[30,5]]],[[\"default\",\"loading\",\"empty\",\"error\"],[[[[18,9,[[30,0,[\"visibleRows\"]],[30,0,[\"data\"]]]]],[]],[[[18,6,null]],[]],[[[18,7,null]],[]],[[[18,8,null]],[]]]]]],[\"&attrs\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\",\"&loading\",\"&empty\",\"&error\",\"&default\"],[\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/data-component.gts",
+			"scope": () => [DataShell],
+			"isStrictMode": true
+		}), this);
+	}
+});
+//#endregion
+//#region ../pretui/focus.gts
+/** Focuses the element only on the render where it BECAME the keyboard
+* target — never steals focus on a plain re-render. */
+var focusWhen = modifier((el, [should]) => {
+	if (should) el.focus();
+});
+/** Roving tabindex, set as a property rather than an attribute: exactly one
+* member of a composite is in the tab sequence, the rest are -1. Set as a
+* property because the no-positive-tabindex lint rule cannot statically
+* verify a dynamic template attribute. */
+var rovingTabindex = modifier((el, [active]) => {
+	el.tabIndex = active ? 0 : -1;
+});
+/** One delegated listener on a composite root, removed on cleanup. This is
+* how a `role='tree'` / `role='menu'` container gets its keyboard without
+* `{{on}}` on a non-interactive element (lint: no-invalid-interactive) and
+* without one listener per node. */
+var listen = modifier((el, [type, handler]) => {
+	el.addEventListener(type, handler);
+	return () => el.removeEventListener(type, handler);
+});
+modifier((_el, [type, handler, capture]) => {
+	let options = {
+		capture: capture ?? false,
+		passive: true
+	};
+	document.addEventListener(type, handler, options);
+	return () => document.removeEventListener(type, handler, options);
+});
+/**
+* A document-level listener in the CAPTURE phase, non-passive so the handler
+* may `preventDefault`.
+*
+* This is how an open overlay takes ownership of a key. Handlers for one
+* event type share a single listener that calls them newest first and stops
+* at the first one that calls `stopPropagation`, so an Escape inside nested
+* overlays closes only the innermost one.
+*/
+var captureStacks = /* @__PURE__ */ new Map();
+function dispatchCapture(event) {
+	let stack = captureStacks.get(event.type);
+	if (!stack) return;
+	for (let handler of [...stack].reverse()) {
+		handler(event);
+		if (event.cancelBubble) return;
+	}
+}
+modifier((_el, [type, handler]) => {
+	let stack = captureStacks.get(type);
+	if (!stack) {
+		stack = [];
+		captureStacks.set(type, stack);
+		document.addEventListener(type, dispatchCapture, true);
+	}
+	stack.push(handler);
+	return () => {
+		let current = captureStacks.get(type);
+		if (!current) return;
+		let at = current.lastIndexOf(handler);
+		if (at !== -1) current.splice(at, 1);
+		if (current.length === 0) {
+			captureStacks.delete(type);
+			document.removeEventListener(type, dispatchCapture, true);
+		}
+	};
+});
+modifier((_el, [timers]) => {
+	timers.adopt();
+	return () => timers.release();
+});
+modifier((_el, [track]) => {
+	let onMove = (event) => {
+		let pointer = event;
+		track.record(pointer.clientX, pointer.clientY);
+	};
+	document.addEventListener("pointermove", onMove, { passive: true });
+	return () => {
+		document.removeEventListener("pointermove", onMove);
+		track.clear();
+	};
+});
+modifier((el, [mixed]) => {
+	el.indeterminate = mixed;
+});
+/**
+* The roving keyboard cursor a row collection needs: one tab stop for the
+* whole list, arrows to move within it, Home/End to the ends.
+*
+* It is a plain class, not a component and not a modifier, for the reason
+* `DataSource` is one: it is testable without a DOM and it can be held by
+* anything. `<List>` holds one. `<DataTable>` deliberately does NOT — a
+* plain `<table>` must leave Tab alone so the links, buttons and checkboxes
+* inside its cells stay reachable in document order. Roving row focus is a
+* `role='grid'` behaviour, and this file does not claim that role.
+*/
+var RowCursor = class {
+	constructor(readCount) {
+		this.readCount = readCount;
+	}
+	static {
+		decorateFieldV2(this.prototype, "index", [tracked], function() {
+			return 0;
+		});
+	}
+	#index = (initializeDeferredDecorator(this, "index"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "navigating", [tracked], function() {
+			return false;
+		});
+	}
+	#navigating = (initializeDeferredDecorator(this, "navigating"), void 0);
+	/** true only while the KEYBOARD is driving, so `focusWhen` never steals
+	* focus on a pointer path or a plain re-render */
+	get count() {
+		return this.readCount();
+	}
+	/** the cursor, clamped to the collection as it is right now */
+	get active() {
+		return Math.min(this.index, Math.max(0, this.count - 1));
+	}
+	isActive = (index) => index === this.active;
+	isFocusTarget = (index) => this.navigating && this.isActive(index);
+	/** move the cursor and take focus with it */
+	moveTo = (index) => {
+		if (index < 0 || index >= this.count) return;
+		this.navigating = true;
+		this.index = index;
+	};
+	/** follow focus that arrived some other way (a click, a Tab from outside)
+	* without taking it — the early return is what keeps `focusWhen`'s
+	* synchronous `el.focus()` from re-entering as a backtracking re-render */
+	follow = (index) => {
+		if (index === this.active) return;
+		this.navigating = false;
+		this.index = index;
+	};
+	/** returns true when the key was consumed and the caller should
+	* `preventDefault()` */
+	handleKey = (key) => {
+		switch (key) {
+			case "ArrowDown":
+				this.moveTo(this.active + 1);
+				return true;
+			case "ArrowUp":
+				this.moveTo(this.active - 1);
+				return true;
+			case "Home":
+				this.moveTo(0);
+				return true;
+			case "End":
+				this.moveTo(this.count - 1);
+				return true;
+			default: return false;
+		}
+	};
+};
+//#endregion
+//#region ../pretui/components/list.gts
+/**
+* A collapse removes the detail, and focus inside it would fall to <body>.
+* The row remembers (from focusin) that focus was in its detail; after a
+* collapse — by the expander, a controlled `@expandedKeys` change or a
+* reload — focus lands on the row's expander instead, unless it has already
+* moved somewhere real.
+*/
+var restoreFocusOnCollapse = modifier((row, [expanded]) => {
+	if (expanded || row.dataset["detailFocus"] !== "true") return;
+	row.dataset["detailFocus"] = "false";
+	let doc = row.ownerDocument;
+	let active = doc.activeElement;
+	if (!active || active === doc.body) row.querySelector(".pretui-list-expbtn")?.focus();
+});
+var List = class extends Component {
+	guid = guidFor(this);
+	/** The shared state machine: load status, `aria-busy`, the polite result
+	* count, the row-key contract, and THE selection model `<DataTable>` uses.
+	* One implementation, two components. */
+	source = new DataSource(() => this.dataArgs);
+	cursor = new RowCursor(() => this.rows.length);
+	/** The same expanded-rows state DataTable uses. */
+	expansion = new ExpansionState(() => this.args, this.guid);
+	get dataArgs() {
+		let a = this.args;
+		return {
+			rows: a.items ?? a.options ?? a.dataSource,
+			load: a.load,
+			loadKey: a.loadKey,
+			key: a.key,
+			selectionMode: a.selectionMode,
+			selected: a.selected,
+			defaultSelected: a.defaultSelected,
+			onSelectionChange: a.onSelectionChange,
+			itemNoun: a.itemNoun,
+			emptyTitle: a.emptyTitle,
+			emptyMessage: a.emptyMessage,
+			loadingLabel: a.loadingLabel,
+			skeletonRows: a.skeletonRows
+		};
+	}
+	get rows() {
+		return this.source.visibleRows;
+	}
+	get size() {
+		return resolveSize(this.args.size);
+	}
+	get label() {
+		return this.args.label ?? "List";
+	}
+	get selectionMode() {
+		return this.source.selectionMode;
+	}
+	get selectable() {
+		return this.selectionMode !== "none";
+	}
+	get multi() {
+		return this.selectionMode === "multi";
+	}
+	get radioName() {
+		return this.guid + "-list";
+	}
+	get divided() {
+		return this.args.divided ?? true ? "true" : void 0;
+	}
+	get bordered() {
+		return this.args.bordered ? "true" : void 0;
+	}
+	get busy() {
+		return this.args.busy ?? this.args.loading ? "true" : void 0;
+	}
+	labelFor = (row, index) => this.args.rowLabel?.(row, index) ?? "Row " + String(index + 1);
+	get lines() {
+		return this.rows.map((row, index) => {
+			let selected = this.source.isSelected(row, index);
+			let key = this.source.keyFor(row, index);
+			let label = this.labelFor(row, index);
+			return {
+				key,
+				row,
+				index,
+				selected,
+				selectedFlag: selected ? "true" : void 0,
+				active: this.cursor.isActive(index),
+				api: {
+					index,
+					selected,
+					active: this.cursor.isActive(index),
+					toggle: () => this.source.toggleSelected(row, index)
+				},
+				label,
+				expansion: this.expansion.viewFor(key, index, label)
+			};
+		});
+	}
+	isRoving = (index) => this.cursor.isActive(index);
+	isFocusTarget = (index) => this.cursor.isFocusTarget(index);
+	indexFromEvent(event) {
+		let raw = (event.target?.closest("[data-list-index]"))?.dataset["listIndex"];
+		return raw === void 0 ? void 0 : Number(raw);
+	}
+	onFocusIn = (event) => {
+		let target = event.target;
+		let row = target?.closest("[data-list-index]");
+		if (row) row.dataset["detailFocus"] = target?.closest(".pretui-list-detail") ? "true" : "false";
+		let index = this.indexFromEvent(event);
+		if (index !== void 0) this.cursor.follow(index);
+	};
+	onKeydown = (event) => {
+		let ev = event;
+		if (this.rows.length === 0) return;
+		if (!!!ev.target?.matches("[data-list-index]")) return;
+		if (this.cursor.handleKey(ev.key)) {
+			ev.preventDefault();
+			return;
+		}
+		let index = this.cursor.active;
+		let row = this.rows[index];
+		if (row === void 0) return;
+		if (ev.key === "Enter") {
+			ev.preventDefault();
+			this.args.onActivate?.(row, index);
+		} else if (ev.key === " " && this.selectable) {
+			ev.preventDefault();
+			this.source.toggleSelected(row, index);
+		}
+	};
+	toggleExpanded = (key) => this.expansion.toggle(key);
+	detailLabel = (line) => line.label + " details";
+	toggleRow = (row, index) => {
+		this.source.toggleSelected(row, index);
+	};
+	activate = (row, index) => {
+		this.args.onActivate?.(row, index);
+	};
+	/** A click on a row activates it, unless it landed on a control or in the
+	* row's expanded detail. */
+	onClick = (event) => {
+		if (!this.args.onActivate) return;
+		let target = event.target;
+		let li = target?.closest?.("li[data-list-index]");
+		if (!li || target?.closest?.("a[href], button, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [contenteditable=\"\"], [contenteditable=\"true\"]") || target?.closest?.(".pretui-list-detail")) return;
+		let index = Number(li.getAttribute("data-list-index"));
+		let row = this.rows[index];
+		if (row !== void 0) this.args.onActivate(row, index);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "XELOR1Am",
+			"block": "[[[11,0],[24,0,\"pretui-list\"],[24,\"data-test-pretui-list\",\"\"],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"data-divided\",[30,0,[\"divided\"]]],[16,\"data-bordered\",[30,0,[\"bordered\"]]],[16,\"aria-busy\",[30,0,[\"busy\"]]],[17,1],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,7]],[[[1,\"    \"],[10,0],[14,0,\"pretui-list-header\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[18,7,null],[13],[1,\"\\n\"]],[]],null],[1,\"\\n  \"],[8,[32,0],[[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"]],[[\"@state\",\"@hasLoading\",\"@hasEmpty\",\"@hasError\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\"],[[30,0,[\"source\"]],[48,[30,8]],[48,[30,9]],[48,[30,10]],[30,2],[30,3],[30,4],[30,5]]],[[\"default\",\"loading\",\"empty\",\"error\"],[[[[1,\"\\n      \"],[11,\"ul\"],[24,0,\"pretui-list-rows\"],[16,\"aria-label\",[30,0,[\"label\"]]],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[4,[32,1],[\"keydown\",[30,0,[\"onKeydown\"]]],null],[4,[32,1],[\"focusin\",[30,0,[\"onFocusIn\"]]],null],[4,[32,1],[\"click\",[30,0,[\"onClick\"]]],null],[12],[1,\"\\n\"],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"lines\"]]],null]],null],\"key\",[[[1,\"          \"],[11,\"li\"],[24,0,\"pretui-list-row\"],[16,\"data-list-index\",[30,6,[\"index\"]]],[16,\"data-selected\",[30,6,[\"selectedFlag\"]]],[16,\"data-expanded\",[52,[48,[30,11]],[30,6,[\"expansion\",\"expandedFlag\"]]]],[24,\"data-test-pretui-list-row\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[4,[32,2],[[28,[30,0,[\"isRoving\"]],[[30,6,[\"index\"]]],null]],null],[4,[32,3],[[28,[30,0,[\"isFocusTarget\"]],[[30,6,[\"index\"]]],null]],null],[4,[32,4],[[30,6,[\"expansion\",\"expanded\"]]],null],[12],[1,\"\\n            \"],[10,0],[14,0,\"pretui-list-line\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"selectable\"]],[[[1,\"                \"],[10,1],[14,0,\"pretui-list-pick\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"multi\"]],[[[1,\"                    \"],[11,\"input\"],[24,0,\"pretui-list-box\"],[16,\"checked\",[30,6,[\"selected\"]]],[16,\"aria-label\",[30,6,[\"label\"]]],[24,\"data-test-pretui-list-select\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[24,4,\"checkbox\"],[4,[32,5],[\"change\",[28,[32,6],[[30,0,[\"toggleRow\"]],[30,6,[\"row\"]],[30,6,[\"index\"]]],null]],null],[12],[13],[1,\"\\n\"]],[]],[[[1,\"                    \"],[11,\"input\"],[24,0,\"pretui-list-box pretui-list-radio\"],[16,3,[30,0,[\"radioName\"]]],[16,\"checked\",[30,6,[\"selected\"]]],[16,\"aria-label\",[30,6,[\"label\"]]],[24,\"data-test-pretui-list-select\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[24,4,\"radio\"],[4,[32,5],[\"change\",[28,[32,6],[[30,0,[\"toggleRow\"]],[30,6,[\"row\"]],[30,6,[\"index\"]]],null]],null],[12],[13],[1,\"\\n\"]],[]]],[1,\"                \"],[13],[1,\"\\n\"]],[]],null],[41,[48,[30,11]],[[[1,\"                \"],[11,\"button\"],[24,0,\"pretui-list-expbtn\"],[16,\"aria-expanded\",[30,6,[\"expansion\",\"expandedFlag\"]]],[16,\"aria-controls\",[30,6,[\"expansion\",\"controls\"]]],[16,\"aria-label\",[30,6,[\"expansion\",\"expandLabel\"]]],[24,\"data-test-pretui-list-expand\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[24,4,\"button\"],[4,[32,5],[\"click\",[28,[32,6],[[30,0,[\"toggleExpanded\"]],[30,6,[\"key\"]]],null]],null],[12],[1,\"\\n                  \"],[10,1],[14,0,\"pretui-list-chev\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"›\"],[13],[1,\"\\n                \"],[13],[1,\"\\n\"]],[]],null],[1,\"              \"],[10,0],[14,0,\"pretui-list-body\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n                \"],[18,12,[[30,6,[\"row\"]],[30,6,[\"index\"]],[30,6,[\"api\"]]]],[1,\"\\n              \"],[13],[1,\"\\n            \"],[13],[1,\"\\n\"],[41,[48,[30,11]],[[[41,[30,6,[\"expansion\",\"expanded\"]],[[[1,\"                \"],[10,0],[14,0,\"pretui-list-detail\"],[15,1,[30,6,[\"expansion\",\"detailId\"]]],[14,\"role\",\"region\"],[14,\"tabindex\",\"-1\"],[15,\"aria-label\",[28,[30,0,[\"detailLabel\"]],[[30,6]],null]],[14,\"data-test-pretui-list-detail\",\"\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n                  \"],[18,11,[[30,6,[\"row\"]],[30,6,[\"index\"]]]],[1,\"\\n                \"],[13],[1,\"\\n\"]],[]],null]],[]],null],[1,\"          \"],[13],[1,\"\\n\"]],[6]],null],[1,\"      \"],[13],[1,\"\\n    \"]],[]],[[[18,8,null]],[]],[[[18,9,null]],[]],[[[18,10,null]],[]]]]],[1,\"\\n\\n\"],[41,[48,[30,13]],[[[1,\"    \"],[10,0],[14,0,\"pretui-list-footer\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[18,13,null],[13],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"]],[\"&attrs\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\",\"line\",\"&header\",\"&loading\",\"&empty\",\"&error\",\"&expanded\",\"&item\",\"&footer\"],[\"if\",\"has-block\",\"yield\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/list.gts",
+			"scope": () => [
+				DataShell,
+				listen,
+				rovingTabindex,
+				focusWhen,
+				restoreFocusOnCollapse,
+				on,
+				fn
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/loading-state.gts
+var LoadingState = class extends Component {
+	get label() {
+		return this.args.label ?? "Working";
+	}
+	get pixels() {
+		let variant = this.args.variant ?? "drive";
+		let chev = Array.from({ length: 9 }, (_, i) => {
+			let r = Math.floor(i / 3);
+			return (i % 3 + Math.abs(r - 1)) * 90;
+		});
+		let order = [
+			0,
+			1,
+			2,
+			5,
+			8,
+			7,
+			6,
+			3
+		];
+		let orbit = Array.from({ length: 9 }, (_, i) => {
+			let k = order.indexOf(i);
+			return k === -1 ? null : k * 110;
+		});
+		let delays = variant === "orbit" ? orbit : chev;
+		let dur = variant === "orbit" ? 950 : 650;
+		let round = variant === "dots";
+		return delays.map((d) => ({
+			round,
+			style: htmlSafe(d === null ? "opacity: .07; animation: none" : `animation: pretui-pixel-on ${dur}ms ease-in-out ${d}ms infinite`)
+		}));
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "XGfkly0n",
+			"block": "[[[11,1],[24,0,\"pretui-loading\"],[24,\"role\",\"status\"],[24,\"data-test-pretui-loading-state\",\"\"],[17,1],[24,\"data-scopedcss-cae5827e83-74a3a9dccc\",\"\"],[12],[1,\"\\n  \"],[10,1],[14,\"aria-hidden\",\"true\"],[14,0,\"pretui-pixelgrid\"],[14,\"data-scopedcss-cae5827e83-74a3a9dccc\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,1],[[28,[31,1],[[30,0,[\"pixels\"]]],null]],null],null,[[[1,\"      \"],[10,1],[14,0,\"pretui-pixel\"],[15,\"data-round\",[52,[30,2,[\"round\"]],\"true\"]],[15,5,[30,2,[\"style\"]]],[14,\"data-scopedcss-cae5827e83-74a3a9dccc\",\"\"],[12],[13],[1,\"\\n\"]],[2]],null],[1,\"  \"],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-shimmer-label\"],[14,\"data-scopedcss-cae5827e83-74a3a9dccc\",\"\"],[12],[1,[30,0,[\"label\"]]],[13],[1,\"\\n  \"],[41,[30,3],[[[10,1],[14,0,\"pretui-elapsed\"],[14,\"data-scopedcss-cae5827e83-74a3a9dccc\",\"\"],[12],[1,[30,3]],[13]],[]],null],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"p\",\"@elapsed\"],[\"each\",\"-track-array\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/loading-state.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/scroller.gts
+/**
+* Maintains the four edge facts as DATA ATTRIBUTES on the viewport, and
+* makes the viewport keyboard-reachable exactly when it actually scrolls.
+*
+* Written as attributes rather than tracked state on purpose: a scroll
+* listener that writes tracked state re-renders the component on every
+* frame of a flick. These attributes are read only by CSS, so the whole
+* affordance costs one `setAttribute` and no render at all.
+*
+* `tabindex` is managed here too. A scroll container that a mouse user can
+* reach and a keyboard user cannot is a keyboard trap in reverse — the
+* content is simply unreachable. Chromium and Firefox have started making
+* scrollers focusable natively; this keeps the guarantee everywhere, and
+* REMOVES the tab stop again when the content shrinks and no longer
+* overflows, which is the part native focusable-scrollers gets right and
+* hand-rolled `tabindex='0'` does not.
+*/
+var scrollEdges = modifier((element, [orientation]) => {
+	let update = () => {
+		let horizontal = orientation !== "vertical";
+		let vertical = orientation !== "horizontal";
+		let overflowX = element.scrollWidth - element.clientWidth > 1;
+		let overflowY = element.scrollHeight - element.clientHeight > 1;
+		let left = Math.abs(element.scrollLeft);
+		element.dataset["startX"] = horizontal && overflowX && left > 1 ? "clipped" : "flush";
+		element.dataset["endX"] = horizontal && overflowX && left < element.scrollWidth - element.clientWidth - 1 ? "clipped" : "flush";
+		element.dataset["startY"] = vertical && overflowY && element.scrollTop > 1 ? "clipped" : "flush";
+		element.dataset["endY"] = vertical && overflowY && element.scrollTop < element.scrollHeight - element.clientHeight - 1 ? "clipped" : "flush";
+		if (horizontal && overflowX || vertical && overflowY) {
+			if (element.getAttribute("tabindex") === null) element.setAttribute("tabindex", "0");
+		} else if (element.getAttribute("tabindex") === "0") element.removeAttribute("tabindex");
+	};
+	element.addEventListener("scroll", update, { passive: true });
+	let frame;
+	let schedule = () => {
+		if (frame !== void 0) return;
+		frame = requestAnimationFrame(() => {
+			frame = void 0;
+			update();
+		});
+	};
+	let observer = new ResizeObserver(schedule);
+	let observeChildren = () => {
+		for (let child of Array.from(element.children)) observer.observe(child);
+	};
+	observer.observe(element);
+	observeChildren();
+	let mutations = new MutationObserver(() => {
+		observeChildren();
+		schedule();
+	});
+	mutations.observe(element, {
+		childList: true,
+		subtree: true,
+		characterData: true
+	});
+	update();
+	return () => {
+		element.removeEventListener("scroll", update);
+		observer.disconnect();
+		mutations.disconnect();
+		if (frame !== void 0) cancelAnimationFrame(frame);
+	};
+});
+/**
+* A scroll container that says when it is clipped.
+*
+* ```hbs
+* <Scroller @label='Recent lots' @orientation='horizontal'>
+*   <div class='row'>…</div>
+* </Scroller>
+* ```
+*
+* Better than the inspiration (`wa-scroller`): upstream ships one shadow
+* treatment, both axes always on, and no notion of whether the region is
+* reachable by keyboard. Here the axis is explicit, the treatment is a knob,
+* the tab stop appears and DISAPPEARS with the overflow, and the affordance
+* is driven by data attributes rather than by re-rendering on every scroll
+* frame.
+*/
+var Scroller = class extends Component {
+	get orientation() {
+		return this.args.orientation ?? "horizontal";
+	}
+	get edge() {
+		return this.args.edge ?? "fade";
+	}
+	get role() {
+		return this.args.label ? "region" : void 0;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "dA5kczpk",
+			"block": "[[[11,0],[24,0,\"pretui-scroller\"],[24,\"data-test-pretui-scroller\",\"\"],[16,\"data-edge\",[30,0,[\"edge\"]]],[17,1],[24,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[1,\"\\n  \"],[11,0],[24,0,\"pretui-scroller-viewport\"],[16,\"data-orientation\",[30,0,[\"orientation\"]]],[16,\"data-hide-scrollbar\",[52,[30,2],\"true\"]],[16,\"role\",[30,0,[\"role\"]]],[16,\"aria-label\",[30,3]],[24,\"data-test-pretui-scroller-viewport\",\"\"],[24,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[4,[32,0],[[30,0,[\"orientation\"]]],null],[12],[1,\"\\n    \"],[18,4,null],[1,\"\\n  \"],[13],[1,\"\\n\"],[1,\"  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"start-x\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"end-x\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"start-y\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"end-y\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"@hideScrollbar\",\"@label\",\"&default\"],[\"if\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/scroller.gts",
+			"scope": () => [scrollEdges],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/workspace-chooser/manage-catalogs.gts
+var ManageCatalogsModal = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "choices", [tracked$1], function() {
+			return null;
+		});
+	}
+	#choices = (initializeDeferredDecorator(this, "choices"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "loadError", [tracked$1], function() {
+			return null;
+		});
+	}
+	#loadError = (initializeDeferredDecorator(this, "loadError"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "selected", [tracked$1]);
+	}
+	#selected = (initializeDeferredDecorator(this, "selected"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "saveError", [tracked$1], function() {
+			return null;
+		});
+	}
+	#saveError = (initializeDeferredDecorator(this, "saveError"), void 0);
+	constructor(owner, args) {
+		super(owner, args);
+		this.selected = this.realmServer.userCatalogPicks;
+		this.loadChoices.perform();
+	}
+	get listedElsewhere() {
+		return new Set([
+			baseRealm.url,
+			...this.realmServer.catalogRealmIdentifiers,
+			...this.realmServer.userRealmIdentifiers
+		]);
+	}
+	loadChoices = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.loadError = null;
+			try {
+				let listedElsewhere = this.listedElsewhere;
+				let realms = yield this.realmServer.fetchPublicRealms();
+				this.choices = realms.filter(({ url }) => !listedElsewhere.has(url)).sort((a, b) => displayName(a).localeCompare(displayName(b)));
+			} catch (e) {
+				this.loadError = e.message;
+			}
+		}
+	}), null, "loadChoices", "restartable");
+	save = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.saveError = null;
+			try {
+				let selected = new Set(this.selected);
+				let listedElsewhere = this.listedElsewhere;
+				let kept = this.realmServer.userCatalogPicks.filter((url) => listedElsewhere.has(url));
+				let chosen = (this.choices ?? []).map(({ url }) => url).filter((url) => selected.has(url));
+				yield this.matrixService.setUserCatalogRealms([...new Set([...kept, ...chosen])]);
+				this.args.onClose();
+			} catch (e) {
+				this.saveError = e.message;
+			}
+		}
+	}), null, "save", null);
+	rowKey = (realm) => realm.url;
+	rowLabel = (realm) => displayName(realm);
+	iconSrc = (realm) => realm.iconURL ?? void 0;
+	setSelected = (keys) => {
+		this.selected = keys.map(String);
+	};
+	toggle = (realm) => {
+		this.selected = this.selected.includes(realm.url) ? this.selected.filter((url) => url !== realm.url) : [...this.selected, realm.url];
+	};
+	get rows() {
+		return this.choices ?? [];
+	}
+	get isSaveDisabled() {
+		return this.choices === null;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "zB1X89v7",
+			"block": "[[[8,[32,0],[[24,0,\"manage-catalogs-dialog\"],[24,\"data-test-manage-catalogs-modal\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@open\",\"@onClose\",\"@label\",\"@size\"],[true,[30,1],\"Choose Catalogs\",\"m\"]],[[\"title\",\"default\",\"footer\"],[[[[1,\"Choose Catalogs\"]],[]],[[[1,\"\\n    \"],[10,2],[14,0,\"intro\"],[14,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"],[12],[1,\"\\n      Choose public realms to show in your Catalogs section.\\n    \"],[13],[1,\"\\n\"],[41,[30,0,[\"loadChoices\",\"isRunning\"]],[[[1,\"      \"],[8,[32,1],[[24,0,\"loading\"],[24,\"data-test-public-realms-loading\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@label\"],[\"Loading public realms\"]],null],[1,\"\\n\"]],[]],[[[41,[30,0,[\"loadError\"]],[[[1,\"      \"],[8,[32,2],[[24,\"data-test-manage-catalogs-error\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@tone\",\"@title\"],[\"danger\",\"Couldn't load the public realms\"]],[[\"default\"],[[[[1,\"\\n        \"],[1,[30,0,[\"loadError\"]]],[1,\"\\n      \"]],[]]]]],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,0],[14,0,\"realm-list-frame\"],[14,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"],[12],[1,\"\\n        \"],[8,[32,3],[[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@orientation\"],[\"vertical\"]],[[\"default\"],[[[[1,\"\\n          \"],[8,[32,4],[[24,\"data-test-public-realm-list\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@items\",\"@key\",\"@rowLabel\",\"@label\",\"@selectionMode\",\"@selected\",\"@onSelectionChange\",\"@onActivate\",\"@itemNoun\",\"@emptyTitle\",\"@emptyMessage\"],[[30,0,[\"rows\"]],[30,0,[\"rowKey\"]],[30,0,[\"rowLabel\"]],\"Public realms\",\"multi\",[30,0,[\"selected\"]],[30,0,[\"setSelected\"]],[30,0,[\"toggle\"]],\"realm\",\"Nothing more to add\",\"Every public realm is already in your Catalogs or Your Workspaces.\"]],[[\"item\"],[[[[1,\"\\n              \"],[8,[32,5],[[16,\"data-test-public-realm\",[30,2,[\"url\"]]],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@title\",\"@description\"],[[28,[32,6],[[30,2]],null],[30,2,[\"url\"]]]],[[\"leading\"],[[[[1,\"\\n                  \"],[10,1],[14,0,\"realm-icon\"],[14,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"],[12],[1,\"\\n                    \"],[8,[32,7],[[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@name\",\"@src\",\"@size\"],[[28,[32,6],[[30,2]],null],[28,[30,0,[\"iconSrc\"]],[[30,2]],null],32]],null],[1,\"\\n                  \"],[13],[1,\"\\n                \"]],[]]]]],[1,\"\\n            \"]],[2]]]]],[1,\"\\n        \"]],[]]]]],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]],[]]],[41,[30,0,[\"saveError\"]],[[[1,\"      \"],[8,[32,2],[[24,\"data-test-manage-catalogs-error\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"]],[[\"@tone\",\"@title\"],[\"danger\",\"Couldn't save your catalogs\"]],[[\"default\"],[[[[1,\"\\n        \"],[1,[30,0,[\"saveError\"]]],[1,\"\\n      \"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"  \"]],[]],[[[1,\"\\n    \"],[8,[32,8],[[24,\"data-test-cancel-manage-catalogs\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"],[4,[32,9],[\"click\",[30,1]],null]],[[\"@variant\"],[\"secondary\"]],[[\"default\"],[[[[1,\"\\n      Cancel\\n    \"]],[]]]]],[1,\"\\n    \"],[8,[32,8],[[24,\"data-test-save-manage-catalogs\",\"\"],[24,\"data-scopedcss-9c42952c7e-0aadf83a58\",\"\"],[4,[32,9],[\"click\",[28,[32,10],[[30,0,[\"save\"]]],null]],null]],[[\"@variant\",\"@busy\",\"@disabled\"],[\"primary\",[30,0,[\"save\",\"isRunning\"]],[30,0,[\"isSaveDisabled\"]]]],[[\"default\"],[[[[1,\"\\n      Save\\n    \"]],[]]]]],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[\"@onClose\",\"realm\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/workspace-chooser/manage-catalogs.gts",
+			"scope": () => [
+				Dialog,
+				LoadingState,
+				Alert,
+				Scroller,
+				List,
+				Item,
+				displayName,
+				Avatar,
+				Button,
+				on,
+				perform
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+function displayName(realm) {
+	return realm.name ?? realm.url;
+}
+var ManageCatalogs = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "isModalOpen", [tracked$1], function() {
+			return false;
+		});
+	}
+	#isModalOpen = (initializeDeferredDecorator(this, "isModalOpen"), void 0);
+	setIsModalOpen = (value) => {
+		this.isModalOpen = value;
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "heFE9ojb",
+			"block": "[[[10,1],[14,0,\"manage-catalogs\"],[14,\"data-scopedcss-9c42952c7e-bfb1490ce6\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-manage-catalogs\",\"\"],[24,\"data-scopedcss-9c42952c7e-bfb1490ce6\",\"\"],[4,[32,2],[\"click\",[28,[32,3],[[30,0,[\"setIsModalOpen\"]],true],null]],null]],[[\"@label\",\"@icon\",\"@iconWidth\",\"@iconHeight\",\"@variant\",\"@size\"],[\"Choose catalogs\",[32,1],\"16\",\"16\",\"ghost\",\"s\"]],null],[1,\"\\n\"],[13],[1,\"\\n\"],[41,[30,0,[\"isModalOpen\"]],[[[1,\"  \"],[8,[32,4],[[24,\"data-scopedcss-9c42952c7e-bfb1490ce6\",\"\"]],[[\"@onClose\"],[[28,[32,3],[[30,0,[\"setIsModalOpen\"]],false],null]]],null],[1,\"\\n\"]],[]],null]],[],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/workspace-chooser/manage-catalogs.gts",
+			"scope": () => [
+				IconButton,
+				IconComponent$14,
+				on,
+				fn,
+				ManageCatalogsModal
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/workspace-chooser/index.gts
+function leadWith(urls, first) {
+	let index = first ? urls.indexOf(first) : -1;
+	if (index <= 0) return urls;
+	return [
+		urls[index],
+		...urls.slice(0, index),
+		...urls.slice(index + 1)
+	];
+}
+var log = logger("component:workspace-chooser");
+var WorkspaceChooser = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realm", [service]);
+	}
+	#realm = (initializeDeferredDecorator(this, "realm"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "isArchivedExpanded", [tracked$1], function() {
+			return false;
+		});
+	}
+	#isArchivedExpanded = (initializeDeferredDecorator(this, "isArchivedExpanded"), void 0);
+	get archivedRealms() {
+		return this.realmServer.archivedRealms;
+	}
+	get unreachableRealmServers() {
+		return this.realmServer.unreachableRealmServers;
+	}
+	get unreachableRealmServersMessage() {
+		let reason = `Couldn’t reach ${this.unreachableRealmServers.map((serverURL) => {
+			try {
+				return new URL(serverURL).host;
+			} catch {
+				return serverURL;
+			}
+		}).join(", ")}. Some workspaces may be missing`;
+		return this.isRetryingUnreachableRealmServers ? `${reason} — retrying…` : `${reason} — reload to try again.`;
+	}
+	get isRetryingUnreachableRealmServers() {
+		return this.matrixService.isRetryingUnreachableRealmServers;
+	}
+	get unreachableNoticeIcon() {
+		return this.isRetryingUnreachableRealmServers ? IconComponent$5 : IconComponent$6;
+	}
+	get showArchivedCount() {
+		return Boolean(this.loadArchivedRealmsTask.lastSuccessful) || this.archivedRealms.length > 0;
+	}
+	loadArchivedRealmsTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.realmServer.fetchArchivedRealms();
+		}
+	}), null, "loadArchivedRealmsTask", "drop");
+	toggleArchived() {
+		this.isArchivedExpanded = !this.isArchivedExpanded;
+		if (this.isArchivedExpanded && !this.loadArchivedRealmsTask.lastSuccessful && !this.loadArchivedRealmsTask.isRunning) this.loadArchivedRealmsTask.perform().catch((error) => {
+			if (didCancel(error)) return;
+			log.warn(`loading archived realms failed: ${error}`);
+		});
+	}
+	static {
+		decorateMethodV2(this.prototype, "toggleArchived", [action]);
+	}
+	sortOptions = [{
+		label: "View All",
+		icon: IconComponent$2,
+		value: "default"
+	}, {
+		label: "Hosted Only",
+		icon: IconComponent$12,
+		value: "hosted-only"
+	}];
+	static {
+		decorateFieldV2(this.prototype, "selectedSortOption", [tracked$1], function() {
+			return this.sortOptions[0];
+		});
+	}
+	#selectedSortOption = (initializeDeferredDecorator(this, "selectedSortOption"), void 0);
+	onSortChange(option) {
+		if (!option) return;
+		this.selectedSortOption = option;
+	}
+	static {
+		decorateMethodV2(this.prototype, "onSortChange", [action]);
+	}
+	get sortOrder() {
+		return this.selectedSortOption.value;
+	}
+	get communityRealmIdentifiers() {
+		let realmURLs = this.realmServer.displayedCatalogRealmIdentifiers ?? [];
+		if (config.environment !== "production") return realmURLs;
+		return realmURLs.filter((realmURL) => !realmURL.includes("/boxel-homepage/"));
+	}
+	isHosted = (url) => {
+		let info = this.realm.info(url);
+		return !!(info.lastPublishedAt && typeof info.lastPublishedAt === "object" && Object.keys(info.lastPublishedAt).length > 0);
+	};
+	filterByHosted(urls) {
+		if (this.sortOrder === "hosted-only") return urls.filter(this.isHosted);
+		return urls;
+	}
+	sortByCreatedAtDesc = (urls) => {
+		return [...urls].sort((a, b) => {
+			let aCreatedAt = this.realm.info(a).createdAt;
+			let bCreatedAt = this.realm.info(b).createdAt;
+			if (!aCreatedAt && !bCreatedAt) return 0;
+			if (!aCreatedAt) return 1;
+			if (!bCreatedAt) return -1;
+			return new Date(bCreatedAt).getTime() - new Date(aCreatedAt).getTime();
+		});
+	};
+	get filteredUserRealmIdentifiers() {
+		return this.filterByHosted(this.realmServer.userRealmIdentifiers);
+	}
+	get filteredCatalogRealmIdentifiers() {
+		return this.filterByHosted(leadWith(this.sortByCreatedAtDesc(this.communityRealmIdentifiers), catalogRealmURL));
+	}
+	get favoriteRealmIdentifiers() {
+		let favorites = this.matrixService.workspaceFavorites;
+		let allURLs = new Set([...this.realmServer.userRealmIdentifiers, ...this.realmServer.displayedCatalogRealmIdentifiers ?? []]);
+		let filtered = favorites.filter((url) => allURLs.has(url)).map(ri);
+		return this.filterByHosted(filtered);
+	}
+	trackFavoriteCounts = modifier((_el, [urls, _revision]) => {
+		if (urls) this.realm.loadIndexCounts(urls.split(" "));
+	});
+	get favoriteCountsKey() {
+		return this.favoriteRealmIdentifiers.join(" ");
+	}
+	get userWorkspacesEmptyMessage() {
+		if (this.sortOrder === "hosted-only" && this.filteredUserRealmIdentifiers.length === 0) return "No matching results";
+		return null;
+	}
+	get catalogEmptyMessage() {
+		if (this.filteredCatalogRealmIdentifiers.length > 0) return null;
+		return this.sortOrder === "hosted-only" ? "No matching results" : "No catalogs yet. Add public realms with the gear.";
+	}
+	get favoritesEmptyMessage() {
+		if (this.matrixService.workspaceFavorites.length === 0) return "You have no favorites yet";
+		if (this.favoriteRealmIdentifiers.length === 0) return "No matching results";
+		return null;
+	}
+	static {
+		decorateFieldV2(this.prototype, "workspaceGridWidth", [tracked$1], function() {
+			return 0;
+		});
+	}
+	#workspaceGridWidth = (initializeDeferredDecorator(this, "workspaceGridWidth"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "workspaceTileWidth", [tracked$1], function() {
+			return 0;
+		});
+	}
+	#workspaceTileWidth = (initializeDeferredDecorator(this, "workspaceTileWidth"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "workspaceTileGap", [tracked$1], function() {
+			return 0;
+		});
+	}
+	#workspaceTileGap = (initializeDeferredDecorator(this, "workspaceTileGap"), void 0);
+	get tilesPerRow() {
+		if (!this.workspaceTileWidth) return 3;
+		let perRow = Math.floor((this.workspaceGridWidth + this.workspaceTileGap) / (this.workspaceTileWidth + this.workspaceTileGap));
+		return Math.max(1, perRow);
+	}
+	get favoritesSlotCount() {
+		return Math.ceil(this.tilesPerRow / 2);
+	}
+	get favoritesSlotWidth() {
+		if (!this.workspaceTileWidth) return null;
+		let n = this.favoritesSlotCount;
+		return (this.tilesPerRow * this.workspaceTileWidth + (this.tilesPerRow - 1) * this.workspaceTileGap - (n - 1) * this.workspaceTileGap) / n;
+	}
+	get favoritesTileWidthPx() {
+		let width = this.favoritesSlotWidth;
+		return width === null ? void 0 : `${width}px`;
+	}
+	measureWorkspaceGrid = modifier((el) => {
+		let measure = () => {
+			this.workspaceGridWidth = el.clientWidth;
+			let tile = el.querySelector(".workspace-card button.workspace");
+			if (tile) this.workspaceTileWidth = tile.getBoundingClientRect().width;
+			let gap = parseFloat(getComputedStyle(el).columnGap);
+			if (!Number.isNaN(gap)) this.workspaceTileGap = gap;
+		};
+		if (typeof ResizeObserver === "undefined") return;
+		let ro = new ResizeObserver(measure);
+		ro.observe(el);
+		return () => ro.disconnect();
+	});
+	static {
+		decorateFieldV2(this.prototype, "selectedIndex", [tracked$1], function() {
+			return null;
+		});
+	}
+	#selectedIndex = (initializeDeferredDecorator(this, "selectedIndex"), void 0);
+	get favoritesCount() {
+		return this.favoriteRealmIdentifiers.length;
+	}
+	get userWorkspacesCount() {
+		return this.filteredUserRealmIdentifiers.length;
+	}
+	get isAddWorkspaceShown() {
+		return !this.userWorkspacesEmptyMessage;
+	}
+	get renderedCatalogCount() {
+		if (this.catalogEmptyMessage) return 0;
+		return this.filteredCatalogRealmIdentifiers.length;
+	}
+	get addWorkspaceNavIndex() {
+		return this.favoritesCount;
+	}
+	get userWorkspacesNavBase() {
+		return this.favoritesCount + (this.isAddWorkspaceShown ? 1 : 0);
+	}
+	get catalogNavBase() {
+		return this.userWorkspacesNavBase + this.userWorkspacesCount;
+	}
+	get selectableCount() {
+		return this.catalogNavBase + this.renderedCatalogCount;
+	}
+	get defaultSelectedIndex() {
+		if (this.favoritesCount > 0) return 0;
+		if (this.userWorkspacesCount > 0) return this.userWorkspacesNavBase;
+		if (this.renderedCatalogCount > 0) return this.catalogNavBase;
+		return 0;
+	}
+	get currentIndex() {
+		let count = this.selectableCount;
+		if (count === 0) return 0;
+		let index = this.selectedIndex ?? this.defaultSelectedIndex;
+		return Math.min(Math.max(index, 0), count - 1);
+	}
+	get isSelectionActive() {
+		return this.selectedIndex !== null;
+	}
+	onFocusIn(event) {
+		let tile = event.target.closest("[data-nav-index]");
+		if (!tile) return;
+		let index = Number(tile.dataset.navIndex);
+		if (!Number.isNaN(index) && index !== this.currentIndex) this.selectedIndex = index;
+	}
+	static {
+		decorateMethodV2(this.prototype, "onFocusIn", [action]);
+	}
+	onKeydown(event) {
+		let kbEvent = event;
+		let container = kbEvent.currentTarget;
+		let count = this.selectableCount;
+		if (count === 0) return;
+		if (!kbEvent.target.closest("[data-nav-index]")) return;
+		switch (kbEvent.key) {
+			case "ArrowRight":
+				event.preventDefault();
+				this.selectedIndex = Math.min(this.currentIndex + 1, count - 1);
+				break;
+			case "ArrowLeft":
+				event.preventDefault();
+				this.selectedIndex = Math.max(this.currentIndex - 1, 0);
+				break;
+			case "ArrowDown":
+				event.preventDefault();
+				this.moveVertically(container, 1);
+				break;
+			case "ArrowUp":
+				event.preventDefault();
+				this.moveVertically(container, -1);
+				break;
+			case "Enter": {
+				event.preventDefault();
+				event.stopPropagation();
+				let selected = container.querySelector(`[data-nav-index='${this.currentIndex}']`);
+				if (selected instanceof HTMLElement) selected.click();
+				break;
+			}
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "onKeydown", [action]);
+	}
+	moveVertically(container, direction) {
+		let tiles = [...container.querySelectorAll("[data-nav-index]")].map((element) => ({
+			index: Number(element.dataset.navIndex),
+			rect: element.getBoundingClientRect()
+		}));
+		let current = tiles.find((tile) => tile.index === this.currentIndex);
+		if (!current) return;
+		let currentCenterX = current.rect.left + current.rect.width / 2;
+		let candidates = tiles.filter((tile) => direction === 1 ? tile.rect.top > current.rect.top + 1 : tile.rect.top < current.rect.top - 1);
+		if (candidates.length === 0) return;
+		let targetRowTop = direction === 1 ? Math.min(...candidates.map((tile) => tile.rect.top)) : Math.max(...candidates.map((tile) => tile.rect.top));
+		let nearest = candidates.filter((tile) => Math.abs(tile.rect.top - targetRowTop) <= 1).reduce((closest, tile) => {
+			let closestDx = Math.abs(closest.rect.left + closest.rect.width / 2 - currentCenterX);
+			return Math.abs(tile.rect.left + tile.rect.width / 2 - currentCenterX) < closestDx ? tile : closest;
+		});
+		this.selectedIndex = nearest.index;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "v2Ww8hTY",
+			"block": "[[[11,0],[24,0,\"workspace-chooser\"],[24,\"data-test-workspace-chooser\",\"\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[4,[32,0],[\"keydown\",[30,0,[\"onKeydown\"]]],null],[4,[32,0],[\"focusin\",[30,0,[\"onFocusIn\"]]],null],[12],[1,\"\\n\"],[41,[30,1],[[[40,[[[1,\"      \"],[10,0],[14,0,\"sort-controls\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n        \"],[8,[32,1],[[24,0,\"sort-select\"],[24,\"aria-label\",\"Filter workspaces\"],[24,\"data-test-sort-dropdown-trigger\",\"\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@dropdownClass\",\"@options\",\"@selected\",\"@onChange\",\"@matchTriggerWidth\"],[\"workspace-chooser-sort-dropdown\",[30,0,[\"sortOptions\"]],[30,0,[\"selectedSortOption\"]],[30,0,[\"onSortChange\"]],false]],[[\"default\"],[[[[1,\"\\n          \"],[8,[30,2,[\"icon\"]],[[24,\"width\",\"16\"],[24,\"height\",\"16\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,0,\"sort-label\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,[30,2,[\"label\"]]],[13],[1,\"\\n        \"]],[2]]]]],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],\"%cursor:0%\",[28,[31,2],[[30,1]],null]]],[]],null],[1,\"  \"],[10,0],[14,0,\"workspace-chooser__content boxel-dark-scrollbar\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"unreachableRealmServers\",\"length\"]],[[[1,\"      \"],[10,0],[14,0,\"unreachable-notice\"],[14,\"role\",\"status\"],[14,\"data-test-unreachable-realm-servers-notice\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n        \"],[8,[30,0,[\"unreachableNoticeIcon\"]],[[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,0,\"unreachable-notice-icon\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n        \"],[10,1],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,[30,0,[\"unreachableRealmServersMessage\"]]],[13],[1,\"\\n\"],[41,[30,0,[\"isRetryingUnreachableRealmServers\"]],[[[1,\"          \"],[8,[32,2],[[24,0,\"unreachable-notice-spinner\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@color\",\"@size\"],[\"currentColor\",\"1.125rem\"]],null],[1,\"\\n\"]],[]],null],[1,\"      \"],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[10,0],[14,0,\"sections-wrapper\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"workspace-section\"],[14,\"data-test-favorites-section\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"section-header\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n          \"],[8,[32,3],[[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,0,\"section-header-icon\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,0,\"workspace-chooser__title\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"Favorites\"],[13],[1,\"\\n        \"],[13],[1,\"\\n\"],[41,[30,0,[\"favoritesEmptyMessage\"]],[[[1,\"          \"],[10,1],[14,0,\"section-empty\"],[14,\"data-test-favorites-empty\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,[30,0,[\"favoritesEmptyMessage\"]]],[13],[1,\"\\n\"]],[]],[[[1,\"          \"],[11,0],[24,0,\"workspace-list\"],[24,\"data-test-favorites-list\",\"\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[4,[30,0,[\"trackFavoriteCounts\"]],[[30,0,[\"favoriteCountsKey\"]],[30,0,[\"realm\",\"indexCountsRevision\"]]],null],[12],[1,\"\\n\"],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"favoriteRealmIdentifiers\"]]],null]],null],null,[[[1,\"              \"],[8,[32,4],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@realmIdentifier\",\"@navIndex\",\"@isSelected\",\"@selectionActive\",\"@isFavoritesSection\",\"@enlargedWidth\"],[[30,3],[30,4],[28,[32,5],[[30,0,[\"currentIndex\"]],[30,4]],null],[30,0,[\"isSelectionActive\"]],true,[30,0,[\"favoritesTileWidthPx\"]]]],null],[1,\"\\n\"]],[3,4]],null],[1,\"          \"],[13],[1,\"\\n\"]],[]]],[1,\"      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"workspace-section\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"section-header\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n          \"],[8,[32,6],[[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,0,\"section-header-icon\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,0,\"workspace-chooser__title\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"Your Workspaces\"],[13],[1,\"\\n        \"],[13],[1,\"\\n\"],[41,[30,0,[\"userWorkspacesEmptyMessage\"]],[[[1,\"          \"],[10,1],[14,0,\"section-empty\"],[14,\"data-test-workspaces-empty\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,[30,0,[\"userWorkspacesEmptyMessage\"]]],[13],[1,\"\\n\"]],[]],[[[1,\"          \"],[11,0],[24,0,\"workspace-list\"],[24,\"data-test-workspace-list\",\"\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[4,[30,0,[\"measureWorkspaceGrid\"]],null,null],[12],[1,\"\\n            \"],[8,[32,7],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@navIndex\",\"@isSelected\"],[[30,0,[\"addWorkspaceNavIndex\"]],[28,[32,5],[[30,0,[\"currentIndex\"]],[30,0,[\"addWorkspaceNavIndex\"]]],null]]],null],[1,\"\\n\"],[41,[30,0,[\"matrixService\",\"isInitializingNewUser\"]],[[[1,\"              \"],[8,[32,8],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n\"]],[]],null],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"filteredUserRealmIdentifiers\"]]],null]],null],null,[[[44,[[28,[32,9],[[30,0,[\"userWorkspacesNavBase\"]],[30,6]],null]],[[[1,\"                \"],[8,[32,4],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@realmIdentifier\",\"@showMenu\",\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,5],true,[30,7],[28,[32,5],[[30,0,[\"currentIndex\"]],[30,7]],null],[30,0,[\"isSelectionActive\"]]]],null],[1,\"\\n\"]],[7]]]],[5,6]],null],[1,\"          \"],[13],[1,\"\\n\"]],[]]],[1,\"      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"workspace-section\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"section-header\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n          \"],[8,[32,10],[[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,0,\"section-header-icon\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,0,\"workspace-chooser__title\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"Catalogs\"],[13],[1,\"\\n          \"],[8,[32,11],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n\"],[41,[30,0,[\"catalogEmptyMessage\"]],[[[1,\"          \"],[10,1],[14,0,\"section-empty\"],[14,\"data-test-catalog-empty\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,[30,0,[\"catalogEmptyMessage\"]]],[13],[1,\"\\n\"]],[]],[[[1,\"          \"],[10,0],[14,0,\"workspace-list\"],[14,\"data-test-catalog-list\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"filteredCatalogRealmIdentifiers\"]]],null]],null],null,[[[44,[[28,[32,9],[[30,0,[\"catalogNavBase\"]],[30,9]],null]],[[[1,\"                \"],[8,[32,4],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@realmIdentifier\",\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,8],[30,10],[28,[32,5],[[30,0,[\"currentIndex\"]],[30,10]],null],[30,0,[\"isSelectionActive\"]]]],null],[1,\"\\n\"]],[10]]]],[8,9]],null],[1,\"          \"],[13],[1,\"\\n\"]],[]]],[1,\"      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"workspace-section\"],[14,\"data-test-archived-section\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n        \"],[11,\"button\"],[16,0,[29,[\"section-header section-header--toggle\\n            \",[52,[30,0,[\"isArchivedExpanded\"]],\"is-expanded\"]]]],[16,\"aria-expanded\",[29,[[52,[30,0,[\"isArchivedExpanded\"]],\"true\",\"false\"]]]],[24,\"data-test-archived-toggle\",\"\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[24,4,\"button\"],[4,[32,0],[\"click\",[30,0,[\"toggleArchived\"]]],null],[12],[1,\"\\n          \"],[8,[32,12],[[24,\"width\",\"12\"],[24,\"height\",\"12\"],[24,0,\"section-disclosure-icon\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n          \"],[8,[32,13],[[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,0,\"section-header-icon\"],[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,0,\"workspace-chooser__title\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"Archived\"],[13],[1,\"\\n\"],[41,[30,0,[\"showArchivedCount\"]],[[[1,\"            \"],[10,1],[14,0,\"section-count\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,[30,0,[\"archivedRealms\",\"length\"]]],[13],[1,\"\\n\"]],[]],null],[1,\"        \"],[13],[1,\"\\n\"],[41,[30,0,[\"isArchivedExpanded\"]],[[[41,[30,0,[\"loadArchivedRealmsTask\",\"isRunning\"]],[[[1,\"            \"],[8,[32,8],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[41,[30,0,[\"archivedRealms\",\"length\"]],[[[1,\"            \"],[10,0],[14,0,\"workspace-list\"],[14,\"data-test-archived-list\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"archivedRealms\"]]],null]],null],null,[[[1,\"                \"],[8,[32,14],[[24,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"]],[[\"@archivedRealm\"],[[30,11]]],null],[1,\"\\n\"]],[11]],null],[1,\"            \"],[13],[1,\"\\n\"]],[]],[[[1,\"            \"],[10,1],[14,0,\"section-empty\"],[14,\"data-test-archived-empty\",\"\"],[14,\"data-scopedcss-d65ff592b2-89330100a6\",\"\"],[12],[1,\"\\n              No archived workspaces\\n            \"],[13],[1,\"\\n          \"]],[]]]],[]]]],[]],null],[1,\"      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@topBarCenterElement\",\"option\",\"realmIdentifier\",\"i\",\"realmIdentifier\",\"i\",\"navIndex\",\"realmIdentifier\",\"i\",\"navIndex\",\"archivedRealm\"],[\"if\",\"in-element\",\"-in-el-null\",\"each\",\"-track-array\",\"let\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/workspace-chooser/index.gts",
+			"scope": () => [
+				on,
+				BoxelSelect,
+				LoadingIndicator,
+				IconComponent$7,
+				Workspace,
+				eq,
+				IconComponent$8,
+				AddWorkspace,
+				WorkspaceLoadingIndicator,
+				add,
+				IconComponent$9,
+				ManageCatalogs,
+				IconComponent$10,
+				IconComponent$11,
+				ArchivedWorkspace
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+export { leadWith as n, WorkspaceChooser as t };