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

package/bundled-test-harness/assets/prerender-serialize-cycle-test-LdqaMTK8.js

@@ -0,0 +1,134 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Ar as testRealmURL } from "./runtime-common-ClpqhbwG.js";
+import { b as PermissionsContextName } from "./constants-CqKWhRfY.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./component-BJO47HTh.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { F as setupLocalIndexing, M as setupCardLogs, O as saveCard, lt as setupRenderingTest, nt as provide, t as setupMockMatrix } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { s as getDataBucket } from "./field-support-DdQ7XgyM.js";
+import { A as field, H as linksTo, L as getQueryableValue, U as linksToMany, a as CardDef, s as Component, w as contains } from "./card-api-Dzje0smT.js";
+import { t as string_default } from "./string-BHZZwNlZ.js";
+import { t as renderCard } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/prerender-serialize-cycle-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var loader;
+(0, import_qunit.module)("Integration | prerender serialize cycle guard", function(hooks) {
+	setupRenderingTest(hooks);
+	setupLocalIndexing(hooks);
+	setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: true
+	});
+	hooks.beforeEach(function() {
+		provide(PermissionsContextName, {
+			canWrite: true,
+			canRead: true
+		});
+		loader = getService("loader-service").loader;
+	});
+	setupCardLogs(hooks, async () => await loader.import("@cardstack/base/card-api"));
+	(0, import_qunit.test)("queryableValue collapses a fresh-object cycle by id (object-identity alone would expand/recurse it)", async function(assert) {
+		class Node extends CardDef {
+			static displayName = "Node";
+			static {
+				decorateFieldV2(this.prototype, "firstName", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "link", [field], function() {
+					return linksTo(() => Node);
+				});
+			}
+			#link = (initializeDeferredDecorator(this, "link"), void 0);
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "AYTVRNZi",
+						"block": "[[[10,0],[15,\"data-test-node\",[30,1,[\"firstName\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"link\"]],null,[[\"@format\"],[\"embedded\"]],null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/prerender-serialize-cycle-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static embedded = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "QawV5VeS",
+						"block": "[[[10,0],[15,\"data-test-node\",[30,1,[\"firstName\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"firstName\"]],null,null,null],[1,\"\\n  \"],[8,[30,2,[\"link\"]],null,[[\"@format\"],[\"embedded\"]],null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/prerender-serialize-cycle-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		loader.shimModule(`${testRealmURL}test-cards`, { Node });
+		let api = await loader.import("@cardstack/base/card-api");
+		let a = new Node({ firstName: "A-canonical" });
+		let b = new Node({ firstName: "B" });
+		await saveCard(a, `${testRealmURL}Node/a`, loader);
+		await saveCard(b, `${testRealmURL}Node/b`, loader);
+		let a2 = new Node({ firstName: "A-DUPLICATE-FRESH-OBJECT" });
+		api.setCardAsSavedForTest(a2, `${testRealmURL}Node/a`);
+		getDataBucket(a).set("link", b);
+		getDataBucket(b).set("link", a2);
+		await renderCard(loader, a, "isolated");
+		let doc = getQueryableValue(a.constructor, a);
+		let json = JSON.stringify(doc);
+		assert.ok(json.includes("A-canonical"), "the root A serializes its own attributes");
+		assert.notOk(json.includes("A-DUPLICATE-FRESH-OBJECT"), "the fresh-object re-entry of A collapses to {id} — not expanded; without the id-based guard the object-identity check would miss the cycle and expand it");
+	});
+	(0, import_qunit.test)("a query-backed field is omitted from the search doc; ordinary fields are kept", async function(assert) {
+		class Member extends CardDef {
+			static displayName = "Member";
+			static {
+				decorateFieldV2(this.prototype, "firstName", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
+		}
+		class Team extends CardDef {
+			static displayName = "Team";
+			static {
+				decorateFieldV2(this.prototype, "teamName", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#teamName = (initializeDeferredDecorator(this, "teamName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "roster", [field], function() {
+					return linksToMany(() => Member);
+				});
+			}
+			#roster = (initializeDeferredDecorator(this, "roster"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "matchingMembers", [field], function() {
+					return linksToMany(() => Member, { query: { filter: { eq: { firstName: "anything" } } } });
+				});
+			}
+			#matchingMembers = (initializeDeferredDecorator(this, "matchingMembers"), void 0);
+		}
+		loader.shimModule(`${testRealmURL}team-cards`, {
+			Member,
+			Team
+		});
+		let member = new Member({ firstName: "Mango" });
+		let team = new Team({ teamName: "Engineering" });
+		await saveCard(member, `${testRealmURL}Member/mango`, loader);
+		await saveCard(team, `${testRealmURL}Team/eng`, loader);
+		getDataBucket(team).set("roster", [member]);
+		getDataBucket(team).set("matchingMembers", [member]);
+		let doc = getQueryableValue(team.constructor, team);
+		assert.notOk("matchingMembers" in doc, "the query-backed field is absent from the search doc");
+		assert.strictEqual(doc.teamName, "Engineering", "an ordinary contains field is still present");
+		assert.ok("roster" in doc, "an ordinary (non-query) linksToMany field is still present");
+	});
+});
+//#endregion

package/bundled-test-harness/assets/preview-CYlam_aW.js

@@ -0,0 +1,74 @@
+import "./chunk-Rp0pCe6z.js";
+import { i as bfmResolvedEmbedStyle, r as bfmRefFormatAndSize } from "./bfm-card-references-BplcpB1X.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, m as htmlSafe } 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 templateOnly } from "./template-only-6nVzLWF-.js";
+import { c as eq, f as not } from "./helpers-BN6ReMzK.js";
+import { $ as BrokenLinkTemplate, mt as LoadingIndicator } from "./components-Ct_agx0G.js";
+import "./template-C81fYDrq.js";
+import { t as CardRenderer } from "./card-renderer-CHJ6q62f.js";
+//#region app/components/markdown-embed-chooser/preview/index.gts
+var EMPTY_ERROR_DOC = Object.freeze({});
+var Embed = setComponentTemplate(templateFactory({
+	"id": "7s5FYCls",
+	"block": "[[[41,[28,[32,0],[[30,1],\"inline\"],null],[[[1,\"  \"],[11,1],[16,0,[29,[\"markdown-embed-preview\\n      \",[52,[28,[32,0],[[30,2],\"atom\"],null],\"markdown-embed-preview--inline\",\"markdown-embed-preview--inline-embed\"],\"\\n      \",[52,[30,3],\"markdown-embed-preview--fitted\"],\"\\n      \",[52,[28,[32,1],[[28,[32,0],[[30,2],\"atom\"],null]],null],\"markdown-embed-preview--card-frame\"],\"\\n      \",[52,[30,4],\"is-loading\"]]]],[16,5,[30,3]],[16,\"data-test-markdown-embed-preview\",[52,[28,[32,1],[[30,4]],null],\"true\"]],[16,\"data-test-markdown-embed-preview-format\",[52,[28,[32,1],[[30,4]],null],[30,2]]],[16,\"data-test-markdown-embed-preview-loading\",[52,[30,4],\"true\"]],[17,5],[24,\"data-scopedcss-684ac4b4b2-8fb53502ce\",\"\"],[12],[1,\"\\n\"],[41,[30,6],[[[1,\"      \"],[8,[32,2],[[24,\"data-scopedcss-684ac4b4b2-8fb53502ce\",\"\"]],[[\"@card\",\"@format\",\"@displayContainer\"],[[30,6],[30,2],false]],null],[1,\"\\n\"]],[]],[[[41,[30,4],[[[1,\"      \"],[8,[32,3],[[24,0,\"markdown-embed-preview__spinner\"],[24,\"data-scopedcss-684ac4b4b2-8fb53502ce\",\"\"]],null,null],[1,\"\\n    \"]],[]],null]],[]]],[1,\"  \"],[13],[1,\"\\n\"]],[]],[[[1,\"  \"],[11,0],[16,0,[29,[\"markdown-embed-preview markdown-embed-preview--block\\n      \",[52,[30,3],\"markdown-embed-preview--fitted\"],\"\\n      \",[52,[28,[32,1],[[28,[32,0],[[30,2],\"atom\"],null]],null],\"markdown-embed-preview--card-frame\"],\"\\n      \",[52,[30,4],\"is-loading\"]]]],[16,5,[30,3]],[16,\"data-test-markdown-embed-preview\",[52,[28,[32,1],[[30,4]],null],\"true\"]],[16,\"data-test-markdown-embed-preview-format\",[52,[28,[32,1],[[30,4]],null],[30,2]]],[16,\"data-test-markdown-embed-preview-loading\",[52,[30,4],\"true\"]],[17,5],[24,\"data-scopedcss-684ac4b4b2-8fb53502ce\",\"\"],[12],[1,\"\\n\"],[41,[30,6],[[[1,\"      \"],[8,[32,2],[[24,\"data-scopedcss-684ac4b4b2-8fb53502ce\",\"\"]],[[\"@card\",\"@format\",\"@displayContainer\"],[[30,6],[30,2],false]],null],[1,\"\\n\"]],[]],[[[41,[30,4],[[[1,\"      \"],[8,[32,3],[[24,0,\"markdown-embed-preview__spinner\"],[24,\"data-scopedcss-684ac4b4b2-8fb53502ce\",\"\"]],null,null],[1,\"\\n    \"]],[]],null]],[]]],[1,\"  \"],[13],[1,\"\\n\"]],[]]]],[\"@kind\",\"@format\",\"@sizeStyle\",\"@loading\",\"&attrs\",\"@target\"],[\"if\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/preview/index.gts",
+	"scope": () => [
+		eq,
+		not,
+		CardRenderer,
+		LoadingIndicator
+	],
+	"isStrictMode": true
+}), templateOnly());
+var BrokenEmbed = setComponentTemplate(templateFactory({
+	"id": "0yLvRLWR",
+	"block": "[[[41,[28,[32,0],[[30,1],\"inline\"],null],[[[1,\"  \"],[11,1],[16,0,[29,[\"broken-embed\\n      \",[52,[28,[32,0],[[30,2],\"atom\"],null],\"broken-embed--inline\",\"broken-embed--inline-embed\"]]]],[17,3],[24,\"data-scopedcss-684ac4b4b2-87d9bb71e2\",\"\"],[12],[1,\"\\n    \"],[8,[32,1],[[16,5,[30,4]],[24,\"data-scopedcss-684ac4b4b2-87d9bb71e2\",\"\"]],[[\"@brokenUrl\",\"@displayName\",\"@itemType\",\"@errorDoc\",\"@state\",\"@format\"],[[30,5],[30,6],[30,7],[30,8],[30,9],[30,2]]],null],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],[[[1,\"  \"],[11,0],[24,0,\"broken-embed broken-embed--block\"],[17,3],[24,\"data-scopedcss-684ac4b4b2-87d9bb71e2\",\"\"],[12],[1,\"\\n    \"],[8,[32,1],[[16,5,[30,4]],[24,\"data-scopedcss-684ac4b4b2-87d9bb71e2\",\"\"]],[[\"@brokenUrl\",\"@displayName\",\"@itemType\",\"@errorDoc\",\"@state\",\"@format\"],[[30,5],[30,6],[30,7],[30,8],[30,9],[30,2]]],null],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]]]],[\"@kind\",\"@format\",\"&attrs\",\"@sizeStyle\",\"@brokenUrl\",\"@displayName\",\"@itemType\",\"@errorDoc\",\"@state\"],[\"if\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/preview/index.gts",
+	"scope": () => [eq, BrokenLinkTemplate],
+	"isStrictMode": true
+}), templateOnly());
+var MarkdownEmbedPreview = class extends Component {
+	get kind() {
+		return this.args.kind ?? "block";
+	}
+	get renderFormat() {
+		return this.args.format;
+	}
+	get brokenState() {
+		return this.args.brokenState ?? "error";
+	}
+	get brokenErrorDoc() {
+		return this.args.errorDoc ?? EMPTY_ERROR_DOC;
+	}
+	get brokenSizeStyle() {
+		if (this.args.format !== "fitted") return;
+		let { width, height } = this.args.sizeSpec ?? { format: "fitted" };
+		let { sizeStyle } = bfmRefFormatAndSize("fitted", width === void 0 ? void 0 : String(width), height === void 0 ? void 0 : String(height));
+		return sizeStyle ? htmlSafe(sizeStyle) : void 0;
+	}
+	get sizeStyle() {
+		let { format } = this.args;
+		let fittedSizeStyle;
+		if (format === "fitted") {
+			let { width, height } = this.args.sizeSpec ?? { format: "fitted" };
+			fittedSizeStyle = bfmRefFormatAndSize("fitted", width === void 0 ? void 0 : String(width), height === void 0 ? void 0 : String(height)).sizeStyle;
+		}
+		let style = bfmResolvedEmbedStyle(format, this.kind, fittedSizeStyle);
+		return style ? htmlSafe(style) : void 0;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "De+Ergh9",
+			"block": "[[[41,[30,1],[[[1,\"  \"],[11,0],[24,0,\"markdown-embed-preview-doc\"],[17,2],[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[1,\"\\n    \"],[10,1],[14,0,\"markdown-embed-preview-doc__line\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n    \"],[10,1],[14,0,\"markdown-embed-preview-doc__line\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n    \"],[10,2],[14,0,\"markdown-embed-preview-doc__para\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[1,\"\\n      \"],[10,1],[14,0,\"markdown-embed-preview-doc__word\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n      \"],[10,1],[14,0,\"markdown-embed-preview-doc__word is-sm\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n\"],[41,[30,3],[[[1,\"        \"],[8,[32,0],[[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"]],[[\"@target\",\"@format\",\"@kind\",\"@sizeStyle\"],[[30,3],[30,0,[\"renderFormat\"]],[30,0,[\"kind\"]],[30,0,[\"sizeStyle\"]]]],null],[1,\"\\n\"]],[]],[[[41,[30,4],[[[1,\"        \"],[8,[32,0],[[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"]],[[\"@loading\",\"@format\",\"@kind\",\"@sizeStyle\"],[true,[30,0,[\"renderFormat\"]],[30,0,[\"kind\"]],[30,0,[\"sizeStyle\"]]]],null],[1,\"\\n\"]],[]],[[[41,[30,5],[[[1,\"        \"],[8,[32,1],[[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"]],[[\"@brokenUrl\",\"@displayName\",\"@itemType\",\"@errorDoc\",\"@state\",\"@format\",\"@kind\",\"@sizeStyle\"],[[30,5],[30,6],[30,7],[30,0,[\"brokenErrorDoc\"]],[30,0,[\"brokenState\"]],[30,8],[30,0,[\"kind\"]],[30,0,[\"brokenSizeStyle\"]]]],null],[1,\"\\n      \"]],[]],null]],[]]]],[]]],[1,\"      \"],[10,1],[14,0,\"markdown-embed-preview-doc__word is-lg\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n      \"],[10,1],[14,0,\"markdown-embed-preview-doc__word\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,1],[14,0,\"markdown-embed-preview-doc__line\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n    \"],[10,1],[14,0,\"markdown-embed-preview-doc__line is-short\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"],[12],[13],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],[[[41,[30,3],[[[1,\"  \"],[8,[32,0],[[17,2],[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"]],[[\"@target\",\"@format\",\"@kind\",\"@sizeStyle\"],[[30,3],[30,0,[\"renderFormat\"]],[30,0,[\"kind\"]],[30,0,[\"sizeStyle\"]]]],null],[1,\"\\n\"]],[]],[[[41,[30,4],[[[1,\"  \"],[8,[32,0],[[17,2],[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"]],[[\"@loading\",\"@format\",\"@kind\",\"@sizeStyle\"],[true,[30,0,[\"renderFormat\"]],[30,0,[\"kind\"]],[30,0,[\"sizeStyle\"]]]],null],[1,\"\\n\"]],[]],[[[41,[30,5],[[[1,\"  \"],[8,[32,1],[[17,2],[24,\"data-scopedcss-684ac4b4b2-8cf02343e8\",\"\"]],[[\"@brokenUrl\",\"@displayName\",\"@itemType\",\"@errorDoc\",\"@state\",\"@format\",\"@kind\",\"@sizeStyle\"],[[30,5],[30,6],[30,7],[30,0,[\"brokenErrorDoc\"]],[30,0,[\"brokenState\"]],[30,8],[30,0,[\"kind\"]],[30,0,[\"brokenSizeStyle\"]]]],null],[1,\"\\n\"]],[]],null]],[]]]],[]]]],[]]]],[\"@showSurroundingText\",\"&attrs\",\"@target\",\"@loading\",\"@brokenUrl\",\"@brokenDisplayName\",\"@brokenItemType\",\"@format\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/markdown-embed-chooser/preview/index.gts",
+			"scope": () => [Embed, BrokenEmbed],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+export { MarkdownEmbedPreview as t };

package/bundled-test-harness/assets/preview-format-CiSo4kEa.js

@@ -0,0 +1,41 @@
+import { r as __exportAll } from "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { r as service } from "./service-LFpJ8EEP.js";
+import { t as HostBaseTool } from "./host-base-tool-BybIRY3B.js";
+import { t as SwitchSubmodeTool } from "./switch-submode-CuA0Zfjn.js";
+import { t as ShowCardTool } from "./show-card-Dwfk332M.js";
+//#region app/tools/preview-format.ts
+var preview_format_exports = /* @__PURE__ */ __exportAll({
+	PreviewFormatCommand: () => PreviewFormatTool,
+	default: () => PreviewFormatTool
+});
+var PreviewFormatTool = class extends HostBaseTool {
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	description = "Open code mode, navigate to a module, set preview panel to isolated view, and show a card in the specified format.";
+	static actionVerb = "Preview Format";
+	async getInputType() {
+		const { PreviewFormatInput } = await this.loadToolModule();
+		return PreviewFormatInput;
+	}
+	requireInputFields = [
+		"cardId",
+		"format",
+		"modulePath"
+	];
+	async run(input) {
+		await new SwitchSubmodeTool(this.toolContext).execute({
+			submode: "code",
+			codePath: input.modulePath
+		});
+		this.operatorModeStateService.persistModuleInspectorView(input.modulePath, "preview");
+		await new ShowCardTool(this.toolContext).execute({
+			cardId: input.cardId,
+			format: input.format
+		});
+	}
+};
+//#endregion
+export { preview_format_exports as n, PreviewFormatTool as t };

package/bundled-test-harness/assets/preview-format-test-MsB1TOLB.js

@@ -0,0 +1,103 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { Ar as testRealmURL, Or as testRealmInfo } from "./runtime-common-ClpqhbwG.js";
+import { t as getOwner } from "./owner-BT6cj890.js";
+import { l as RealmService } from "./card-prerender-Dke537bN.js";
+import { t as PreviewFormatTool } from "./preview-format-CiSo4kEa.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { D as realmConfigCardJSON, F as setupLocalIndexing, I as setupOnSave, L as setupRealmCacheTeardown, M as setupCardLogs, P as setupIntegrationTestRealm, Z as withCachedRealmSetup, lt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { t as setupWindowMock } from "./test-support-CDK-SbYd.js";
+//#region tests/integration/tools/preview-format-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var StubRealmService = class extends RealmService {
+	get defaultReadableRealm() {
+		return {
+			path: testRealmURL,
+			info: testRealmInfo
+		};
+	}
+};
+(0, import_qunit.module)("Integration | Command | preview-format", function(hooks) {
+	setupRenderingTest(hooks);
+	setupWindowMock(hooks);
+	const realmName = "Preview Format Test Realm";
+	let loader;
+	hooks.beforeEach(function() {
+		getOwner(this).register("service:realm", StubRealmService);
+		loader = getService("loader-service").loader;
+	});
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	setupCardLogs(hooks, async () => await loader.import("@cardstack/base/card-api"));
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: true
+	});
+	let command;
+	setupRealmCacheTeardown(hooks);
+	hooks.beforeEach(async function() {
+		await withCachedRealmSetup(async () => setupIntegrationTestRealm({
+			mockMatrixUtils,
+			contents: {
+				"rental-item.gts": `
+          import { CardDef, field, contains } from '@cardstack/base/card-api';
+          import StringField from '@cardstack/base/string';
+          import NumberField from '@cardstack/base/number';
+
+          export class RentalItem extends CardDef {
+            static displayName = 'RentalItem';
+            @field name = contains(StringField);
+            @field cardDescription = contains(StringField);
+            @field price = contains(NumberField);
+            @field cardTitle = contains(StringField, {
+              computeVia: function (this: RentalItem) {
+                return this.name;
+              },
+            });
+          }
+        `,
+				"RentalItem/example.json": { data: {
+					type: "card",
+					attributes: {
+						name: "Bike Rental",
+						cardDescription: "Mountain bike for rent",
+						price: 25
+					},
+					meta: { adoptsFrom: {
+						module: `../rental-item`,
+						name: "RentalItem"
+					} }
+				} },
+				"realm.json": realmConfigCardJSON({
+					name: realmName,
+					iconURL: "https://boxel-images.boxel.ai/icons/Letter-s.png"
+				})
+			}
+		}));
+		command = new PreviewFormatTool(getService("tool-service").toolContext);
+	});
+	(0, import_qunit.test)("switches to code submode and sets up preview", async function(assert) {
+		const cardId = `${testRealmURL}RentalItem/example`;
+		const modulePath = `${testRealmURL}rental-item.gts`;
+		const format = "isolated";
+		await command.execute({
+			cardId,
+			format,
+			modulePath
+		});
+		let operatorModeStateService = getService("operator-mode-state-service");
+		let playgroundPanelService = getService("playground-panel-service");
+		assert.strictEqual(operatorModeStateService.state.codePath, `${testRealmURL}rental-item.gts`, "Code path points to rental-item.gts module");
+		assert.strictEqual(operatorModeStateService.state.moduleInspector, "preview", "Module inspector view was set to preview");
+		let selection = playgroundPanelService.getSelection(`${testRealmURL}rental-item/RentalItem`);
+		assert.ok(selection, "Playground selection exists");
+		assert.strictEqual(selection.cardId, cardId, "Persisted selection has correct card ID");
+		assert.strictEqual(selection.format, format, "Persisted selection has correct format");
+	});
+	(0, import_qunit.test)("command metadata", function(assert) {
+		assert.strictEqual(command.description, "Open code mode, navigate to a module, set preview panel to isolated view, and show a card in the specified format.", "Command has correct description");
+		assert.strictEqual(PreviewFormatTool.actionVerb, "Preview Format", "Command has correct action verb");
+	});
+});
+//#endregion

package/bundled-test-harness/assets/process-card-B3xBGkv1.js

@@ -0,0 +1,2 @@
+import { t as ProcessCard } from "./process-card-DumVcx9E.js";
+export { ProcessCard };

package/bundled-test-harness/assets/process-card-DumVcx9E.js

@@ -0,0 +1,114 @@
+import "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./component-BJO47HTh.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { s as ProgressBar } from "./components-Ct_agx0G.js";
+import { A as field, H as linksTo, _ as StringField, a as CardDef, s as Component, w as contains } from "./card-api-Dzje0smT.js";
+import { t as DateTimeField } from "./datetime-BEbR9YgU.js";
+import { t as NumberField } from "./number-DZa-fHpu.js";
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/progress.js
+var IconComponent = setComponentTemplate(templateFactory({
+	"id": "o8qOEdXL",
+	"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-progress\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"stroke\",\"none\"],[14,\"d\",\"M0 0h24v24H0z\"],[12],[13],[10,\"path\"],[14,\"d\",\"M10 20.777a9 9 0 0 1-2.48-.969M14 3.223a9.003 9.003 0 0 1 0 17.554M4.579 17.093a9 9 0 0 1-1.227-2.592M3.124 10.5c.16-.95.468-1.85.9-2.675l.169-.305M6.907 4.579A9 9 0 0 1 10 3.223\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/progress.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent.name = "progress";
+//#endregion
+//#region ../base/process-card.gts
+var ProcessTemplate = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "eBUNd8aw",
+			"block": "[[[10,\"article\"],[14,0,\"process-card\"],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[1,\"\\n  \"],[10,\"header\"],[14,0,\"process-card__header\"],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[1,\"\\n    \"],[10,1],[14,0,\"process-card__stage\"],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[1,\"\\n      \"],[1,[52,[30,1,[\"stage\"]],[30,1,[\"stage\"]],\"In progress\"]],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,\"h3\"],[14,0,\"process-card__name\"],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[8,[30,2,[\"cardTitle\"]],[[24,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"]],null,null],[13],[1,\"\\n  \"],[13],[1,\"\\n  \"],[8,[32,0],[[24,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"]],[[\"@value\",\"@max\"],[[52,[30,1,[\"percentComplete\"]],[30,1,[\"percentComplete\"]],0],100]],null],[1,\"\\n  \"],[10,\"footer\"],[14,0,\"process-card__footer\"],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[1,\"\\n    \"],[10,1],[14,0,\"process-card__count\"],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[1,[30,1,[\"progressLabel\"]]],[13],[1,\"\\n    \"],[10,1],[14,0,\"process-card__status\"],[15,\"data-status\",[30,1,[\"statusLabel\"]]],[14,\"data-scopedcss-503cc92c53-be4f65effe\",\"\"],[12],[1,[30,1,[\"statusLabel\"]]],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@model\",\"@fields\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/process-card.gts",
+			"scope": () => [ProgressBar],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var ProcessCard = class extends CardDef {
+	static displayName = "Process";
+	static icon = IconComponent;
+	static {
+		decorateFieldV2(this.prototype, "listingName", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#listingName = (initializeDeferredDecorator(this, "listingName"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "stage", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#stage = (initializeDeferredDecorator(this, "stage"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "progressDone", [field], function() {
+			return contains(NumberField);
+		});
+	}
+	#progressDone = (initializeDeferredDecorator(this, "progressDone"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "progressTotal", [field], function() {
+			return contains(NumberField);
+		});
+	}
+	#progressTotal = (initializeDeferredDecorator(this, "progressTotal"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "startedAt", [field], function() {
+			return contains(DateTimeField);
+		});
+	}
+	#startedAt = (initializeDeferredDecorator(this, "startedAt"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "processStatus", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#processStatus = (initializeDeferredDecorator(this, "processStatus"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "setupSurvey", [field], function() {
+			return linksTo(() => CardDef);
+		});
+	}
+	#setupSurvey = (initializeDeferredDecorator(this, "setupSurvey"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+			return contains(StringField, { computeVia: function() {
+				return this.listingName ?? "Setup process";
+			} });
+		});
+	}
+	#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+	get percentComplete() {
+		let total = this.progressTotal ?? 0;
+		if (total <= 0) return 0;
+		let pct = Math.round((this.progressDone ?? 0) / total * 100);
+		return Math.max(0, Math.min(100, pct));
+	}
+	get progressLabel() {
+		let total = this.progressTotal;
+		if (total == null) return "";
+		return `${this.progressDone ?? 0} of ${total} items`;
+	}
+	get statusLabel() {
+		return this.processStatus ?? "running";
+	}
+	static isolated = ProcessTemplate;
+	static embedded = ProcessTemplate;
+	static fitted = ProcessTemplate;
+};
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["process-card"] = {
+	"css": ["./process-card.gts.CiAgLnByb2Nlc3MtY2FyZFtkYXRhLXNjb3BlZGNzcy01MDNjYzkyYzUzLWJlNGY2NWVmZmVdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgZ2FwOiB2YXIoLS1ib3hlbC1zcC14cyk7CiAgICBwYWRkaW5nOiB2YXIoLS1ib3hlbC1zcCk7CiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7CiAgfQogIC5wcm9jZXNzLWNhcmRfX2hlYWRlcltkYXRhLXNjb3BlZGNzcy01MDNjYzkyYzUzLWJlNGY2NWVmZmVdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgZ2FwOiB2YXIoLS1ib3hlbC1zcC0zeHMpOwogICAgbWluLXdpZHRoOiAwOwogIH0KICAucHJvY2Vzcy1jYXJkX19zdGFnZVtkYXRhLXNjb3BlZGNzcy01MDNjYzkyYzUzLWJlNGY2NWVmZmVdIHsKICAgIGNvbG9yOiB2YXIoLS1tdXRlZC1mb3JlZ3JvdW5kKTsKICAgIGZvbnQtd2VpZ2h0OiA1MDA7CiAgICBmb250LXNpemU6IHZhcigtLWJveGVsLWZvbnQtc2l6ZS14cyk7CiAgICBsaW5lLWhlaWdodDogdmFyKC0tYm94ZWwtbGluZS1oZWlnaHQteHMpOwogICAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLWJveGVsLWxzcC1zbSk7CiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogIH0KICAucHJvY2Vzcy1jYXJkX19uYW1lW2RhdGEtc2NvcGVkY3NzLTUwM2NjOTJjNTMtYmU0ZjY1ZWZmZV0gewogICAgbWFyZ2luOiAwOwogICAgZm9udC13ZWlnaHQ6IDYwMDsKICAgIGZvbnQtc2l6ZTogdmFyKC0tYm94ZWwtZm9udC1zaXplKTsKICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1ib3hlbC1saW5lLWhlaWdodCk7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIH0KICAucHJvY2Vzcy1jYXJkX19mb290ZXJbZGF0YS1zY29wZWRjc3MtNTAzY2M5MmM1My1iZTRmNjVlZmZlXSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogICAgZ2FwOiB2YXIoLS1ib3hlbC1zcC14cyk7CiAgICBjb2xvcjogdmFyKC0tbXV0ZWQtZm9yZWdyb3VuZCk7CiAgICBmb250LXdlaWdodDogNTAwOwogICAgZm9udC1zaXplOiB2YXIoLS1ib3hlbC1mb250LXNpemUteHMpOwogICAgbGluZS1oZWlnaHQ6IHZhcigtLWJveGVsLWxpbmUtaGVpZ2h0LXhzKTsKICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS1ib3hlbC1sc3Atc20pOwogIH0KICAucHJvY2Vzcy1jYXJkX19zdGF0dXNbZGF0YS1zY29wZWRjc3MtNTAzY2M5MmM1My1iZTRmNjVlZmZlXSB7CiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTsKICB9Cg%3D%3D.glimmer-scoped.css"],
+	"imports": [
+		"card-api",
+		"number",
+		"datetime"
+	]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["process-card"] = { "ProcessCard": ProcessCard };
+//#endregion
+export { ProcessCard as t };

package/bundled-test-harness/assets/process-card-test-C44H8yVy.js

@@ -0,0 +1,94 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { t as ProcessCard } from "./process-card-DumVcx9E.js";
+import { t as renderCard } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/process-card-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Integration | Card | process-card", function(hooks) {
+	setupRenderingTest(hooks);
+	let loader;
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+	});
+	(0, import_qunit.module)("percentComplete", function() {
+		(0, import_qunit.test)("computes the fraction done / total as a rounded percentage", function(assert) {
+			let card = new ProcessCard({
+				progressDone: 3,
+				progressTotal: 12
+			});
+			assert.strictEqual(card.percentComplete, 25);
+		});
+		(0, import_qunit.test)("is 0 when the total is unknown", function(assert) {
+			let card = new ProcessCard({ progressDone: 3 });
+			assert.strictEqual(card.percentComplete, 0);
+		});
+		(0, import_qunit.test)("clamps above 100 and below 0", function(assert) {
+			let over = new ProcessCard({
+				progressDone: 20,
+				progressTotal: 12
+			});
+			assert.strictEqual(over.percentComplete, 100, "clamped to 100");
+			let under = new ProcessCard({
+				progressDone: -5,
+				progressTotal: 12
+			});
+			assert.strictEqual(under.percentComplete, 0, "clamped to 0");
+		});
+	});
+	(0, import_qunit.module)("progressLabel", function() {
+		(0, import_qunit.test)("reads \"done of total items\" when a total is present", function(assert) {
+			let card = new ProcessCard({
+				progressDone: 3,
+				progressTotal: 12
+			});
+			assert.strictEqual(card.progressLabel, "3 of 12 items");
+		});
+		(0, import_qunit.test)("treats a missing progressDone as 0", function(assert) {
+			let card = new ProcessCard({ progressTotal: 12 });
+			assert.strictEqual(card.progressLabel, "0 of 12 items");
+		});
+		(0, import_qunit.test)("is empty when the total is unknown", function(assert) {
+			let card = new ProcessCard({ progressDone: 3 });
+			assert.strictEqual(card.progressLabel, "");
+		});
+	});
+	(0, import_qunit.module)("statusLabel", function() {
+		(0, import_qunit.test)("defaults to \"running\" when processStatus is unset", function(assert) {
+			let card = new ProcessCard({});
+			assert.strictEqual(card.statusLabel, "running");
+		});
+		(0, import_qunit.test)("reflects an explicit processStatus", function(assert) {
+			let card = new ProcessCard({ processStatus: "done" });
+			assert.strictEqual(card.statusLabel, "done");
+		});
+	});
+	(0, import_qunit.module)("rendering", function() {
+		(0, import_qunit.test)("renders the progress bar and copy", async function(assert) {
+			let card = new ProcessCard({
+				listingName: "My Workspace",
+				stage: "Importing files",
+				progressDone: 3,
+				progressTotal: 12,
+				processStatus: "running"
+			});
+			await renderCard(loader, card, "embedded");
+			assert.dom(".process-card").exists();
+			assert.dom(".process-card__name").hasText("My Workspace");
+			assert.dom(".process-card__stage").hasText("Importing files");
+			assert.dom(".process-card__count").hasText("3 of 12 items");
+			assert.dom(".process-card__status").hasText("running");
+			assert.dom("[data-test-boxel-progress-bar]").exists("renders the shared themed progress bar");
+		});
+		(0, import_qunit.test)("falls back to a default stage and title when unset", async function(assert) {
+			let card = new ProcessCard({});
+			await renderCard(loader, card, "embedded");
+			assert.dom(".process-card__stage").hasText("In progress");
+			assert.dom(".process-card__name").hasText("Setup process");
+			assert.dom(".process-card__count").hasText("");
+			assert.dom("[data-test-boxel-progress-bar]").exists();
+		});
+	});
+});
+//#endregion