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

package/bundled-test-harness/assets/modal-KpPz2f8x.js

@@ -0,0 +1,322 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { hc as isCardErrorJSONAPI } from "./runtime-common-ClpqhbwG.js";
+import { a as cardTypeName, u as fileNameFromUrl } from "./bfm-card-references-BplcpB1X.js";
+import { 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 } from "./index-DaCZcoCY-CgzbilMy.js";
+import { l as didCancel, n as buildTask } from "./async-arrow-runtime-STsj7E8Y.js";
+import { i as fn, o as hash } 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 } from "./tracking-800VJb8b.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { c as eq, it as cn_default } from "./helpers-BN6ReMzK.js";
+import { J as focusTrapModifier, mt as LoadingIndicator, pt as ButtonComponent } from "./components-Ct_agx0G.js";
+import "./dist-DEVZvbin.js";
+import { t as MiniCardChooser } from "./mini-C43Q4BWp.js";
+import { t as ModalContainer } from "./modal-container-0Efz_h2z.js";
+import { t as MiniFileChooser } from "./mini-BNXINKKF.js";
+import { n as EmbedFormatSelection, r as deriveFormatSeeds, t as MarkdownEmbedPreviewPane } from "./pane-PYdezM7g.js";
+import { t as MarkdownEmbedPreview } from "./preview-CYlam_aW.js";
+//#region app/components/markdown-embed-chooser/tab-pills.gts
+var MarkdownEmbedChooserTabPills = setComponentTemplate(templateFactory({
+	"id": "RJfjboyr",
+	"block": "[[[11,0],[24,0,\"markdown-embed-chooser-tab-pills\"],[24,\"role\",\"tablist\"],[24,\"aria-label\",\"Choose card or file\"],[17,1],[24,\"data-scopedcss-8a73de4d70-6141ddc3a2\",\"\"],[12],[1,\"\\n  \"],[11,\"button\"],[24,\"role\",\"tab\"],[24,1,\"markdown-embed-chooser-tab-cards\"],[24,\"aria-controls\",\"markdown-embed-chooser-panel-cards\"],[16,\"aria-selected\",[52,[28,[32,0],[[30,2],\"card\"],null],\"true\",\"false\"]],[16,\"tabindex\",[52,[28,[32,0],[[30,2],\"card\"],null],\"0\",\"-1\"]],[16,0,[28,[32,1],[\"markdown-embed-chooser-tab-pills__tab\"],[[\"is-active\"],[[28,[32,0],[[30,2],\"card\"],null]]]]],[24,\"data-test-markdown-embed-chooser-tab\",\"card\"],[24,\"data-scopedcss-8a73de4d70-6141ddc3a2\",\"\"],[24,4,\"button\"],[4,[32,2],[\"click\",[28,[32,3],[[30,3],\"card\"],null]],null],[12],[1,\"\\n    Cards\\n  \"],[13],[1,\"\\n  \"],[11,\"button\"],[24,\"role\",\"tab\"],[24,1,\"markdown-embed-chooser-tab-files\"],[24,\"aria-controls\",\"markdown-embed-chooser-panel-files\"],[16,\"aria-selected\",[52,[28,[32,0],[[30,2],\"file\"],null],\"true\",\"false\"]],[16,\"tabindex\",[52,[28,[32,0],[[30,2],\"file\"],null],\"0\",\"-1\"]],[16,0,[28,[32,1],[\"markdown-embed-chooser-tab-pills__tab\"],[[\"is-active\"],[[28,[32,0],[[30,2],\"file\"],null]]]]],[24,\"data-test-markdown-embed-chooser-tab\",\"file\"],[24,\"data-scopedcss-8a73de4d70-6141ddc3a2\",\"\"],[24,4,\"button\"],[4,[32,2],[\"click\",[28,[32,3],[[30,3],\"file\"],null]],null],[12],[1,\"\\n    Files\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@activeTab\",\"@onTabChange\"],[\"if\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/tab-pills.gts",
+	"scope": () => [
+		eq,
+		cn_default,
+		on,
+		fn
+	],
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region app/components/markdown-embed-chooser/tab-panel.gts
+var CURRENT_TILE_SIZE = Object.freeze({
+	format: "fitted",
+	width: 250,
+	height: 65
+});
+var MarkdownEmbedChooserTabPanel = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "store", [service]);
+	}
+	#store = (initializeDeferredDecorator(this, "store"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "selectedTarget", [tracked]);
+	}
+	#selectedTarget = (initializeDeferredDecorator(this, "selectedTarget"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "selectedUrl", [tracked]);
+	}
+	#selectedUrl = (initializeDeferredDecorator(this, "selectedUrl"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "selectedError", [tracked]);
+	}
+	#selectedError = (initializeDeferredDecorator(this, "selectedError"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "mode", [tracked], function() {
+			return "choose";
+		});
+	}
+	#mode = (initializeDeferredDecorator(this, "mode"), void 0);
+	constructor(owner, args) {
+		super(owner, args);
+		let it = args.initialTarget;
+		if (it) {
+			this.mode = "current";
+			this.selectedUrl = it.url;
+			this.loadTarget.perform(it.url, it.refType);
+		}
+	}
+	get isEditMode() {
+		return !!this.args.initialTarget;
+	}
+	get currentUrl() {
+		return this.selectedTarget?.id ?? this.selectedUrl;
+	}
+	get targetChanged() {
+		let initial = this.args.initialTarget?.url;
+		if (initial === void 0) return false;
+		return this.currentUrl !== initial;
+	}
+	get ctaLabelOverride() {
+		if (!this.isEditMode) return void 0;
+		return this.args.selection.isDirty || this.targetChanged ? "Accept" : "Done";
+	}
+	onCardSelect(url) {
+		this.loadTarget.perform(url, "card");
+	}
+	static {
+		decorateMethodV2(this.prototype, "onCardSelect", [action]);
+	}
+	onFileSelect(url) {
+		this.loadTarget.perform(url, "file");
+	}
+	static {
+		decorateMethodV2(this.prototype, "onFileSelect", [action]);
+	}
+	loadTarget = buildTask(() => ({
+		context: this,
+		generator: function* (url, refType) {
+			this.selectedUrl = url;
+			this.selectedTarget = void 0;
+			this.selectedError = void 0;
+			try {
+				let result = refType === "card" ? yield this.store.get(url) : yield this.store.get(url, { type: "file-meta" });
+				if (isCardErrorJSONAPI(result)) {
+					this.selectedError = result;
+					return;
+				}
+				this.selectedTarget = result;
+			} catch (e) {
+				if (didCancel(e)) throw e;
+				this.selectedError = {
+					id: url,
+					status: 500,
+					title: "Failed to load",
+					message: e instanceof Error ? e.message : String(e)
+				};
+			}
+		}
+	}), null, "loadTarget", "restartable");
+	get hasPreview() {
+		return !!this.selectedTarget || !!this.selectedError;
+	}
+	get isLoading() {
+		return this.loadTarget.isRunning;
+	}
+	get showPane() {
+		return this.hasPreview || this.isLoading;
+	}
+	get brokenUrl() {
+		return this.selectedError ? this.selectedUrl : void 0;
+	}
+	get brokenState() {
+		if (!this.selectedError) return void 0;
+		return this.selectedError.status === 404 ? "not-found" : "error";
+	}
+	get brokenErrorDoc() {
+		let e = this.selectedError;
+		if (!e) return void 0;
+		return {
+			status: e.status,
+			title: e.title,
+			message: e.message,
+			stack: e.meta?.stack ?? void 0,
+			additionalErrors: e.additionalErrors?.map((err) => "errorDetail" in err ? err.errorDetail : err) ?? null
+		};
+	}
+	get brokenDisplayName() {
+		if (!this.selectedError || !this.selectedUrl) return void 0;
+		return this.args.refType === "file" ? fileNameFromUrl(this.selectedUrl) : cardTypeName(this.selectedUrl);
+	}
+	get brokenItemType() {
+		if (!this.selectedError) return void 0;
+		return this.args.refType === "file" ? "file" : "card";
+	}
+	handleInsert(bfm) {
+		let url = this.currentUrl;
+		if (!url) return;
+		this.args.onInsert(bfm, url);
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleInsert", [action]);
+	}
+	startReplace() {
+		this.mode = "choose";
+	}
+	static {
+		decorateMethodV2(this.prototype, "startReplace", [action]);
+	}
+	clickRemove() {
+		this.args.onRemove?.();
+	}
+	static {
+		decorateMethodV2(this.prototype, "clickRemove", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "IdFRmkHf",
+			"block": "[[[11,0],[24,0,\"markdown-embed-chooser-tab-panel\"],[16,\"data-test-markdown-embed-chooser-tab-panel\",[30,1]],[17,2],[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,0,\"markdown-embed-chooser-tab-panel__left\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n\"],[41,[28,[32,0],[[30,1],[30,3]],null],[[[1,\"      \"],[10,0],[14,0,\"markdown-embed-chooser-tab-panel__tabbar\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n        \"],[8,[32,1],[[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"]],[[\"@activeTab\",\"@onTabChange\"],[[30,3],[30,4]]],null],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],null],[41,[28,[32,0],[[30,0,[\"mode\"]],\"current\"],null],[[[1,\"      \"],[10,0],[14,0,\"markdown-embed-chooser-tab-panel__current\"],[14,\"data-test-markdown-embed-chooser-current\",\"\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"hasPreview\"]],[[[1,\"          \"],[8,[32,2],[[24,0,\"markdown-embed-chooser-tab-panel__current-preview\"],[24,\"data-test-markdown-embed-chooser-current-preview\",\"\"],[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"]],[[\"@target\",\"@format\",\"@sizeSpec\",\"@kind\",\"@brokenUrl\",\"@brokenState\",\"@brokenDisplayName\",\"@brokenItemType\",\"@errorDoc\"],[[30,0,[\"selectedTarget\"]],\"fitted\",[32,3],\"block\",[30,0,[\"brokenUrl\"]],[30,0,[\"brokenState\"]],[30,0,[\"brokenDisplayName\"]],[30,0,[\"brokenItemType\"]],[30,0,[\"brokenErrorDoc\"]]]],null],[1,\"\\n\"]],[]],[[[1,\"          \"],[10,0],[14,0,\"markdown-embed-chooser-tab-panel__current-loading\"],[14,\"data-test-markdown-embed-chooser-current-loading\",\"\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n            \"],[8,[32,4],[[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"]],null,null],[1,\"\\n          \"],[13],[1,\"\\n\"]],[]]],[1,\"        \"],[10,0],[14,0,\"markdown-embed-chooser-tab-panel__current-actions\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n          \"],[8,[32,5],[[24,\"data-test-markdown-embed-chooser-replace\",\"\"],[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[4,[32,6],[\"click\",[30,0,[\"startReplace\"]]],null]],null,[[\"default\"],[[[[1,\"\\n\"],[41,[28,[32,0],[[30,1],\"card\"],null],[[[1,\"              Replace Card\\n\"]],[]],[[[1,\"              Replace File\\n\"]],[]]],[1,\"          \"]],[]]]]],[1,\"\\n          \"],[8,[32,5],[[24,\"data-test-markdown-embed-chooser-remove\",\"\"],[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[4,[32,6],[\"click\",[30,0,[\"clickRemove\"]]],null]],[[\"@kind\"],[\"secondary-light\"]],[[\"default\"],[[[[1,\"\\n\"],[41,[28,[32,0],[[30,1],\"card\"],null],[[[1,\"              Remove Card\\n\"]],[]],[[[1,\"              Remove File\\n\"]],[]]],[1,\"          \"]],[]]]]],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],[[[41,[28,[32,0],[[30,1],\"card\"],null],[[[1,\"      \"],[8,[32,7],[[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"]],[[\"@onSelect\",\"@selected\"],[[30,0,[\"onCardSelect\"]],[30,0,[\"selectedUrl\"]]]],null],[1,\"\\n\"]],[]],[[[1,\"      \"],[8,[32,8],[[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"]],[[\"@onSelect\",\"@onHighlight\",\"@selected\"],[[30,0,[\"onFileSelect\"]],[30,0,[\"onFileSelect\"]],[30,0,[\"selectedUrl\"]]]],null],[1,\"\\n    \"]],[]]]],[]]],[1,\"  \"],[13],[1,\"\\n  \"],[10,0],[14,0,\"markdown-embed-chooser-tab-panel__right\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"showPane\"]],[[[1,\"      \"],[8,[32,9],[[24,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"]],[[\"@target\",\"@loading\",\"@refType\",\"@selection\",\"@documentBaseUrl\",\"@onInsert\",\"@ctaLabelOverride\",\"@brokenUrl\",\"@brokenState\",\"@brokenDisplayName\",\"@brokenItemType\",\"@errorDoc\"],[[30,0,[\"selectedTarget\"]],[30,0,[\"isLoading\"]],[30,1],[30,5],[30,6],[30,0,[\"handleInsert\"]],[30,0,[\"ctaLabelOverride\"]],[30,0,[\"brokenUrl\"]],[30,0,[\"brokenState\"]],[30,0,[\"brokenDisplayName\"]],[30,0,[\"brokenItemType\"]],[30,0,[\"brokenErrorDoc\"]]]],null],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,2],[14,0,\"markdown-embed-chooser-tab-panel__empty\"],[14,\"data-test-markdown-embed-preview-empty\",\"\"],[14,\"data-scopedcss-fa18e530e1-62cee8b72c\",\"\"],[12],[1,\"\\n        Search for a\\n        \"],[1,[30,1]],[1,\"\\n        & preview its format here\\n      \"],[13],[1,\"\\n\"]],[]]],[1,\"  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@refType\",\"&attrs\",\"@activeTab\",\"@onTabChange\",\"@selection\",\"@documentBaseUrl\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/tab-panel.gts",
+			"scope": () => [
+				eq,
+				MarkdownEmbedChooserTabPills,
+				MarkdownEmbedPreview,
+				CURRENT_TILE_SIZE,
+				LoadingIndicator,
+				ButtonComponent,
+				on,
+				MiniCardChooser,
+				MiniFileChooser,
+				MarkdownEmbedPreviewPane
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/markdown-embed-chooser/tabs.gts
+var MarkdownEmbedChooserTabs = class extends Component {
+	selection = new EmbedFormatSelection(this.args.seeds);
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "Q1xRcxzl",
+			"block": "[[[11,0],[24,0,\"markdown-embed-chooser-tabs\"],[17,1],[24,\"data-scopedcss-0dbee9ca57-eb43d4fd92\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,\"role\",\"tabpanel\"],[14,1,\"markdown-embed-chooser-panel-cards\"],[14,\"aria-labelledby\",\"markdown-embed-chooser-tab-cards\"],[15,0,[28,[32,0],[\"markdown-embed-chooser-tabs__panel\"],[[\"is-hidden\"],[[52,[51,[28,[32,1],[[30,2],\"card\"],null]],true]]]]],[14,\"data-test-markdown-embed-chooser-panel\",\"card\"],[14,\"data-scopedcss-0dbee9ca57-eb43d4fd92\",\"\"],[12],[1,\"\\n    \"],[18,3,[[30,0,[\"selection\"]]]],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,0],[14,\"role\",\"tabpanel\"],[14,1,\"markdown-embed-chooser-panel-files\"],[14,\"aria-labelledby\",\"markdown-embed-chooser-tab-files\"],[15,0,[28,[32,0],[\"markdown-embed-chooser-tabs__panel\"],[[\"is-hidden\"],[[52,[51,[28,[32,1],[[30,2],\"file\"],null]],true]]]]],[14,\"data-test-markdown-embed-chooser-panel\",\"file\"],[14,\"data-scopedcss-0dbee9ca57-eb43d4fd92\",\"\"],[12],[1,\"\\n    \"],[18,4,[[30,0,[\"selection\"]]]],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@activeTab\",\"&cards\",\"&files\"],[\"unless\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/tabs.gts",
+			"scope": () => [cn_default, eq],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/markdown-embed-chooser/modal.gts
+var MarkdownEmbedChooserModal = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "markdownEmbedChooser", [service]);
+	}
+	#markdownEmbedChooser = (initializeDeferredDecorator(this, "markdownEmbedChooser"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "manuallySelectedTab", [tracked]);
+	}
+	#manuallySelectedTab = (initializeDeferredDecorator(this, "manuallySelectedTab"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "manualSelectionRequest", [tracked]);
+	}
+	#manualSelectionRequest = (initializeDeferredDecorator(this, "manualSelectionRequest"), void 0);
+	get request() {
+		return this.markdownEmbedChooser.currentRequest;
+	}
+	get documentBaseUrl() {
+		return this.request?.documentBaseUrl;
+	}
+	get formatSeeds() {
+		let it = this.request?.initialTarget;
+		return it ? deriveFormatSeeds(it.sizeSpec, it.kind) : {};
+	}
+	get activeTab() {
+		let req = this.request;
+		if (this.manualSelectionRequest === req && this.manuallySelectedTab !== void 0) return this.manuallySelectedTab;
+		return req?.defaultTab ?? "card";
+	}
+	setActiveTab(tab) {
+		this.manualSelectionRequest = this.request;
+		this.manuallySelectedTab = tab;
+	}
+	static {
+		decorateMethodV2(this.prototype, "setActiveTab", [action]);
+	}
+	handleInsertCard(bfm, url) {
+		this.markdownEmbedChooser.resolve({
+			refType: "card",
+			url,
+			bfm
+		});
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleInsertCard", [action]);
+	}
+	handleInsertFile(bfm, url) {
+		this.markdownEmbedChooser.resolve({
+			refType: "file",
+			url,
+			bfm
+		});
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleInsertFile", [action]);
+	}
+	handleRemove() {
+		this.markdownEmbedChooser.resolve({ remove: true });
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleRemove", [action]);
+	}
+	handleClose() {
+		this.markdownEmbedChooser.resolve(void 0);
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleClose", [action]);
+	}
+	handleKeydown(event) {
+		if (event.key === "Escape") {
+			event.preventDefault();
+			event.stopPropagation();
+			this.handleClose();
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleKeydown", [action]);
+	}
+	get cardInitialTarget() {
+		let it = this.request?.initialTarget;
+		return it?.refType === "card" ? it : void 0;
+	}
+	get fileInitialTarget() {
+		let it = this.request?.initialTarget;
+		return it?.refType === "file" ? it : void 0;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "IbxyXAbN",
+			"block": "[[[41,[30,0,[\"request\"]],[[[1,\"  \"],[8,[32,0],[[24,0,\"markdown-embed-chooser-modal\"],[24,\"data-test-markdown-embed-chooser-modal\",\"\"],[24,\"data-scopedcss-67166bb1d5-5680c47783\",\"\"],[4,[32,1],null,[[\"isActive\",\"focusTrapOptions\"],[true,[28,[32,2],null,[[\"allowOutsideClick\"],[true]]]]]],[4,[32,3],[\"keydown\",[30,0,[\"handleKeydown\"]]],null]],[[\"@title\",\"@onClose\",\"@closeButtonLabel\",\"@closeButtonShortcut\",\"@size\",\"@centered\",\"@cardContainerClass\"],[\"\",[30,0,[\"handleClose\"]],\"close\",\"ESC\",\"large\",true,\"markdown-embed-chooser-modal__container\"]],[[\"content\"],[[[[1,\"\\n      \"],[8,[32,4],[[24,\"data-scopedcss-67166bb1d5-5680c47783\",\"\"]],[[\"@activeTab\",\"@seeds\"],[[30,0,[\"activeTab\"]],[30,0,[\"formatSeeds\"]]]],[[\"cards\",\"files\"],[[[[1,\"\\n          \"],[8,[32,5],[[24,\"data-scopedcss-67166bb1d5-5680c47783\",\"\"]],[[\"@refType\",\"@activeTab\",\"@onTabChange\",\"@onInsert\",\"@selection\",\"@initialTarget\",\"@documentBaseUrl\",\"@onRemove\"],[\"card\",[30,0,[\"activeTab\"]],[30,0,[\"setActiveTab\"]],[30,0,[\"handleInsertCard\"]],[30,1],[30,0,[\"cardInitialTarget\"]],[30,0,[\"documentBaseUrl\"]],[30,0,[\"handleRemove\"]]]],null],[1,\"\\n        \"]],[1]],[[[1,\"\\n          \"],[8,[32,5],[[24,\"data-scopedcss-67166bb1d5-5680c47783\",\"\"]],[[\"@refType\",\"@activeTab\",\"@onTabChange\",\"@onInsert\",\"@selection\",\"@initialTarget\",\"@documentBaseUrl\",\"@onRemove\"],[\"file\",[30,0,[\"activeTab\"]],[30,0,[\"setActiveTab\"]],[30,0,[\"handleInsertFile\"]],[30,2],[30,0,[\"fileInitialTarget\"]],[30,0,[\"documentBaseUrl\"]],[30,0,[\"handleRemove\"]]]],null],[1,\"\\n        \"]],[2]]]]],[1,\"\\n    \"]],[]]]]],[1,\"\\n\"]],[]],null]],[\"selection\",\"selection\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/modal.gts",
+			"scope": () => [
+				ModalContainer,
+				focusTrapModifier,
+				hash,
+				on,
+				MarkdownEmbedChooserTabs,
+				MarkdownEmbedChooserTabPanel
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+export { MarkdownEmbedChooserModal as t };

package/bundled-test-harness/assets/modal-container-0Efz_h2z.js

@@ -0,0 +1,40 @@
+import "./chunk-Rp0pCe6z.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, S as on } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./modifier-D0EP-FQ7.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import { D as Header, Q as CardContainer, _ as Modal, ft as IconButton, tt as Tooltip } from "./components-Ct_agx0G.js";
+import { _ as IconComponent } from "./icons-B3SAtRoj.js";
+//#region app/components/modal-container.gts
+var ModalContainer = class extends Component {
+	get size() {
+		return this.args.size ?? "large";
+	}
+	get isOpen() {
+		return this.args.isOpen ?? true;
+	}
+	get closeButtonLabel() {
+		return this.args.closeButtonLabel ?? "Close";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "vwC4nTvc",
+			"block": "[[[8,[32,0],[[17,1],[24,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"]],[[\"@size\",\"@isOpen\",\"@onClose\",\"@centered\",\"@isOverlayDismissalDisabled\",\"@layer\"],[[30,0,[\"size\"]],[30,0,[\"isOpen\"]],[30,2],[30,3],[30,4],[30,5]]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],[[16,0,[29,[\"dialog-box\\n      \",[30,6],\"\\n      \",[52,[48,[30,9]],\"dialog-box--with-sidebar\"]]]],[24,\"data-test-modal-container-box\",\"\"],[24,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"]],[[\"@displayBoundaries\"],[true]],[[\"default\"],[[[[1,\"\\n\"],[41,[48,[30,9]],[[[1,\"      \"],[10,\"section\"],[14,0,\"dialog-box__sidebar-header\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[13],[1,\"\\n      \"],[10,\"aside\"],[14,0,\"dialog-box__sidebar\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[1,\"\\n        \"],[18,9,null],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[8,[32,2],[[24,0,\"dialog-box__header\"],[24,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"]],[[\"@size\",\"@title\"],[\"large\",[30,7]]],[[\"default\"],[[[[1,\"\\n\"],[41,[30,8],[[[1,\"        \"],[8,[32,3],[[24,0,\"dialog-box__close-tooltip\"],[24,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"]],[[\"@placement\",\"@disabled\"],[\"bottom\",[30,4]]],[[\"trigger\",\"content\"],[[[[1,\"\\n            \"],[8,[32,4],[[24,0,\"dialog-box__close dialog-box__close--in-tooltip\"],[24,\"aria-label\",\"close modal\"],[16,\"disabled\",[30,4]],[24,\"data-test-close-modal\",\"\"],[24,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[4,[32,6],[\"click\",[30,2]],null]],[[\"@icon\",\"@width\",\"@height\"],[[32,5],\"12\",\"12\"]],null],[1,\"\\n          \"]],[]],[[[1,\"\\n            \"],[10,1],[14,0,\"close-tooltip\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[1,\"\\n              \"],[10,1],[14,0,\"close-tooltip__label\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[1,[30,0,[\"closeButtonLabel\"]]],[13],[1,\"\\n              \"],[10,\"kbd\"],[14,0,\"shortcut-key\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[1,[30,8]],[13],[1,\"\\n            \"],[13],[1,\"\\n          \"]],[]]]]],[1,\"\\n\"]],[]],[[[1,\"        \"],[8,[32,4],[[24,0,\"dialog-box__close\"],[24,\"aria-label\",\"close modal\"],[16,\"disabled\",[30,4]],[24,\"data-test-close-modal\",\"\"],[24,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[4,[32,6],[\"click\",[30,2]],null]],[[\"@icon\",\"@width\",\"@height\"],[[32,5],\"12\",\"12\"]],null],[1,\"\\n\"]],[]]],[1,\"      \"],[18,10,null],[1,\"\\n    \"]],[]]]]],[1,\"\\n    \"],[10,0],[14,0,\"dialog-box__content\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[1,\"\\n      \"],[18,11,null],[1,\"\\n    \"],[13],[1,\"\\n\"],[41,[48,[30,12]],[[[1,\"      \"],[10,\"footer\"],[14,0,\"dialog-box__footer\"],[14,\"data-scopedcss-adeaf99312-d66846fe00\",\"\"],[12],[1,\"\\n        \"],[18,12,null],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],null],[1,\"  \"]],[]]]]],[1,\"\\n\"]],[]]]]],[1,\"\\n\"]],[\"&attrs\",\"@onClose\",\"@centered\",\"@isCloseDisabled\",\"@layer\",\"@cardContainerClass\",\"@title\",\"@closeButtonShortcut\",\"&sidebar\",\"&header\",\"&content\",\"&footer\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/modal-container.gts",
+			"scope": () => [
+				Modal,
+				CardContainer,
+				Header,
+				Tooltip,
+				IconButton,
+				IconComponent,
+				on
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+export { ModalContainer as t };

package/bundled-test-harness/assets/model-cost-tier-test-D-5VSjh6.js

@@ -0,0 +1,173 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { Ar as testRealmURL } from "./runtime-common-ClpqhbwG.js";
+import { t as config } from "./environment-DIUJgBKt.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as OperatorModeContainer } from "./container-Dj-5prh9.js";
+import { M as waitUntil, T as settled, d as click, o as waitFor } from "./dist-BOAdzfkP.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { F as setupLocalIndexing, I as setupOnSave, L as setupRealmCacheTeardown, M as setupCardLogs, P as setupIntegrationTestRealm, Z as withCachedRealmSetup, a as SYSTEM_CARD_FIXTURE_CONTENTS, lt as setupRenderingTest, ot as setupOperatorModeStateCleanup, t as setupMockMatrix } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { vt as setupBaseRealm } from "./base-realm-B17zVqh6.js";
+import { n as renderComponent } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/ai-assistant-panel/model-cost-tier-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var OPENROUTER_MODEL_SOURCE = `
+  import { CardDef, field, contains } from '@cardstack/base/card-api';
+  import StringField from '@cardstack/base/string';
+
+  export class OpenRouterModel extends CardDef {
+    static displayName = 'OpenRouter Model';
+    @field modelId = contains(StringField);
+    @field costTierLabel = contains(StringField);
+  }
+`;
+function openRouterModelInstance(modelId, costTierLabel) {
+	return { data: {
+		type: "card",
+		attributes: {
+			modelId,
+			costTierLabel
+		},
+		meta: { adoptsFrom: {
+			module: `${testRealmURL}openrouter-model`,
+			name: "OpenRouterModel"
+		} }
+	} };
+}
+function openRouterRealmURLGuard(hooks) {
+	let original;
+	hooks.beforeEach(function() {
+		original = config.resolvedOpenRouterRealmURL;
+		config.resolvedOpenRouterRealmURL = testRealmURL;
+	});
+	hooks.afterEach(function() {
+		config.resolvedOpenRouterRealmURL = original;
+	});
+}
+function commonSetup(hooks) {
+	setupRenderingTest(hooks);
+	setupOperatorModeStateCleanup(hooks);
+	setupBaseRealm(hooks);
+	openRouterRealmURLGuard(hooks);
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	setupCardLogs(hooks, async () => await getService("loader-service").loader.import("@cardstack/base/card-api"));
+	setupRealmCacheTeardown(hooks);
+}
+async function seedRealm(mockMatrixUtils, realmName, extraContents = {}) {
+	await withCachedRealmSetup(async () => setupIntegrationTestRealm({
+		mockMatrixUtils,
+		contents: {
+			"openrouter-model.gts": OPENROUTER_MODEL_SOURCE,
+			"OpenRouterModel/sonnet.json": openRouterModelInstance("anthropic/claude-sonnet-4.6", "$$$"),
+			"OpenRouterModel/luna.json": openRouterModelInstance("openai/gpt-6-luna", "$"),
+			"OpenRouterModel/sol.json": openRouterModelInstance("openai/gpt-5.6-sol", "Free"),
+			".realm.json": `{ "name": "${realmName}" }`,
+			...extraContents
+		}
+	}));
+}
+async function openPicker() {
+	getService("operator-mode-state-service").restore({ stacks: [[]] });
+	await renderComponent(class TestDriver extends Component {
+		noop = () => {};
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "M6lIa2ni",
+				"block": "[[[8,[32,0],null,[[\"@onClose\"],[[30,0,[\"noop\"]]]],null]],[],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/model-cost-tier-test.gts",
+				"scope": () => [OperatorModeContainer],
+				"isStrictMode": true
+			}), this);
+		}
+	});
+	await waitFor("[data-test-open-ai-assistant]");
+	await click("[data-test-open-ai-assistant]");
+	await waitFor("[data-test-room-settled]");
+	await click("[data-test-llm-select-selected]");
+	await waitFor(".menu-content");
+}
+function costBadge(optionId) {
+	return document.querySelector(`[data-test-llm-select-item="${optionId}"] [data-test-llm-cost]`)?.textContent?.trim();
+}
+(0, import_qunit.module)("Integration | ai-assistant-panel | model cost tier | fallback model list", function(hooks) {
+	commonSetup(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: true,
+		now: (() => {
+			let clock = new Date(2026, 4, 25).getTime();
+			return () => clock += 10;
+		})()
+	});
+	hooks.beforeEach(async function() {
+		await seedRealm(mockMatrixUtils, "Model Cost Tier Test Realm");
+	});
+	(0, import_qunit.test)("picker shows a $…$$$$ / Free cost badge derived from OpenRouter pricing", async function(assert) {
+		await openPicker();
+		await waitUntil(() => costBadge("anthropic/claude-sonnet-4.6"));
+		assert.strictEqual(costBadge("anthropic/claude-sonnet-4.6"), "$$$", "a $6/M blended model reads as $$$");
+		assert.strictEqual(costBadge("openai/gpt-6-luna"), "$", "a sub-$1/M blended model reads as $");
+		assert.strictEqual(costBadge("openai/gpt-5.6-sol"), "Free", "a zero-priced model reads as Free");
+	});
+	(0, import_qunit.test)("picker omits the badge for a model absent from the catalog", async function(assert) {
+		await openPicker();
+		await waitUntil(() => costBadge("anthropic/claude-sonnet-4.6"));
+		assert.dom("[data-test-llm-select-item=\"anthropic/claude-opus-5.5\"]").exists("the uncatalogued model is still listed");
+		assert.strictEqual(costBadge("anthropic/claude-opus-5.5"), void 0, "no cost badge when the model is not in the catalog");
+	});
+	(0, import_qunit.test)("picker degrades to no badges when the catalog search fails", async function(assert) {
+		let store = getService("store");
+		let originalSearch = store.search;
+		store.search = function(query, ...rest) {
+			if (JSON.stringify(query.filter ?? {}).includes("OpenRouterModel")) return Promise.reject(/* @__PURE__ */ new Error("catalog realm is down"));
+			return originalSearch.call(this, query, ...rest);
+		};
+		try {
+			await openPicker();
+			await settled();
+			assert.dom("[data-test-llm-select-item=\"anthropic/claude-sonnet-4.6\"]").exists("the picker still lists its models");
+			assert.strictEqual(costBadge("anthropic/claude-sonnet-4.6"), void 0, "no badge when the catalog search fails");
+			assert.dom("[data-test-llm-cost]").doesNotExist("no badges at all");
+		} finally {
+			store.search = originalSearch;
+		}
+	});
+});
+(0, import_qunit.module)("Integration | ai-assistant-panel | model cost tier | system card model list", function(hooks) {
+	commonSetup(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: false,
+		systemCardAccountData: { id: `${testRealmURL}SystemCard/default` },
+		now: (() => {
+			let clock = new Date(2026, 4, 25).getTime();
+			return () => clock += 10;
+		})()
+	});
+	hooks.beforeEach(async function() {
+		await seedRealm(mockMatrixUtils, "Model Cost Tier System Card Realm", {
+			...SYSTEM_CARD_FIXTURE_CONTENTS,
+			"OpenRouterModel/sonnet-45.json": openRouterModelInstance("anthropic/claude-sonnet-4.5", "Free")
+		});
+		let matrixService = getService("matrix-service");
+		await matrixService.ready;
+		await matrixService.start();
+	});
+	(0, import_qunit.test)("badges attach to model configurations via their modelId", async function(assert) {
+		await openPicker();
+		let sonnet46ConfigId = `${testRealmURL}ModelConfiguration/test-claude-sonnet-46`;
+		await waitUntil(() => costBadge(sonnet46ConfigId));
+		assert.strictEqual(costBadge(sonnet46ConfigId), "$$$", "config row carries the tier of its catalog model");
+		assert.strictEqual(costBadge(`${testRealmURL}ModelConfiguration/test-claude-sonnet-45`), "Free", "a zero-priced catalog model reads as Free");
+		assert.strictEqual(costBadge(`${testRealmURL}ModelConfiguration/test-claude-37-sonnet`), void 0, "no badge for a config whose model is not in the catalog");
+		assert.dom("[data-test-llm-cost-selected]").hasText("$$$", "the selected model shows its badge in the header");
+	});
+});
+//#endregion