@cardstack/boxel-cli 0.3.2-unstable.58 → 0.3.2-unstable.60

package/bundled-test-harness/assets/gts-file-def-test-ivEk8Muv.js

@@ -0,0 +1,99 @@
+import { s as __toESM } from "./chunk-CGdGNDIi.js";
+import { It as SupportedMimeType, Zn as testRealmURL, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
+import { I as waitUntil, N as visit } from "./dist-D1U_uSwt.js";
+import { t as require_qunit } from "./qunit-Cqwmt9Vl.js";
+import { r as getService } from "./dist-CY3T64Hs.js";
+import { D as setupAcceptanceTestRealm, M as setupOnSave, N as setupRealmCacheTeardown, a as SYSTEM_CARD_FIXTURE_CONTENTS, j as setupLocalIndexing, nt as setupApplicationTest, q as withCachedRealmSetup, t as setupMockMatrix } from "./mock-matrix-BhFWlMMr.js";
+//#region tests/acceptance/gts-file-def-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Acceptance | gts file def", function(hooks) {
+	setupApplicationTest(hooks);
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	setupRealmCacheTeardown(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, { loggedInAs: "@testuser:localhost" });
+	let realm;
+	const renderPath = (url, renderOptions, nonce = 0) => `/render/${encodeURIComponent(url)}/${nonce}/${encodeURIComponent(JSON.stringify(renderOptions))}/file-extract`;
+	const makeFileURL = (path) => new URL(path, testRealmURL).href;
+	const gtsDefCodeRef = () => ({
+		module: `${baseRealm.url}gts-file-def`,
+		name: "GtsFileDef"
+	});
+	async function captureFileExtractResult(expectedStatus) {
+		await waitUntil(() => {
+			let container = document.querySelector("[data-prerender-file-extract]");
+			if (!container) return false;
+			let status = container.getAttribute("data-prerender-file-extract-status");
+			if (!status) return false;
+			if (expectedStatus && status !== expectedStatus) return false;
+			return status === "ready" || status === "error";
+		}, { timeout: 5e3 });
+		let container = document.querySelector("[data-prerender-file-extract]");
+		if (!container) throw new Error("captureFileExtractResult: missing [data-prerender-file-extract] container after wait");
+		let text = container.querySelector("pre")?.textContent?.trim() ?? "";
+		return JSON.parse(text);
+	}
+	hooks.beforeEach(async function() {
+		({realm} = await withCachedRealmSetup(async () => setupAcceptanceTestRealm({
+			mockMatrixUtils,
+			contents: {
+				...SYSTEM_CARD_FIXTURE_CONTENTS,
+				"sample-card.gts": `import { contains, field } from './card-api';
+import StringField from './string';
+import { CardDef } from './card-api';
+
+export class SampleCard extends CardDef {
+  static displayName = 'Sample Card';
+
+  @field firstName = contains(StringField);
+  @field lastName = contains(StringField);
+
+  <template>
+    <div>{{@model.firstName}} {{@model.lastName}}</div>
+  </template>
+}`,
+				"notes.txt": "Plain text file contents."
+			}
+		})));
+	});
+	hooks.afterEach(function() {
+		delete globalThis.__renderModel;
+	});
+	(0, import_qunit.test)("extracts title, excerpt, and content from .gts file", async function(assert) {
+		await visit(renderPath(makeFileURL("sample-card.gts"), {
+			fileExtract: true,
+			fileDefCodeRef: gtsDefCodeRef()
+		}));
+		let result = await captureFileExtractResult("ready");
+		assert.strictEqual(result.status, "ready");
+		assert.strictEqual(result.searchDoc?.title, "sample-card", "title is filename without extension");
+		assert.ok(String(result.searchDoc?.excerpt).includes("import"), "excerpt contains source code");
+		assert.ok(String(result.searchDoc?.content).includes("SampleCard"), "content includes full source");
+		assert.strictEqual(result.searchDoc?.name, "sample-card.gts");
+	});
+	(0, import_qunit.test)("falls back when gts def is used for non-.gts files", async function(assert) {
+		await visit(renderPath(makeFileURL("notes.txt"), {
+			fileExtract: true,
+			fileDefCodeRef: gtsDefCodeRef()
+		}));
+		let result = await captureFileExtractResult("ready");
+		assert.strictEqual(result.status, "ready");
+		assert.true(result.mismatch, "marks mismatch when extension is not .gts");
+		assert.strictEqual(result.searchDoc?.name, "notes.txt");
+	});
+	(0, import_qunit.test)("indexing stores GTS search data and file meta uses GtsFileDef", async function(assert) {
+		let fileURL = new URL("sample-card.gts", testRealmURL);
+		let fileEntry = await realm.realmIndexQueryEngine.file(fileURL);
+		assert.ok(fileEntry, "file entry exists");
+		assert.strictEqual(fileEntry?.searchDoc?.title, "sample-card", "index stores GTS title");
+		assert.ok(String(fileEntry?.searchDoc?.excerpt).includes("import"), "index stores GTS excerpt");
+		let response = await getService("network").virtualNetwork.fetch(fileURL, { headers: { Accept: SupportedMimeType.FileMeta } });
+		assert.true(response.ok, "file meta request succeeds");
+		let body = await response.json();
+		assert.strictEqual(body?.data?.type, "file-meta");
+		assert.strictEqual(body?.data?.attributes?.title, "sample-card", "file meta includes GTS title");
+		assert.ok(String(body?.data?.attributes?.content).includes("SampleCard"), "file meta includes GTS content");
+		assert.deepEqual(body?.data?.meta?.adoptsFrom, gtsDefCodeRef(), "file meta uses GtsFileDef");
+	});
+});
+//#endregion

package/bundled-test-harness/assets/head-format-preview-test-CNhvk724.js

@@ -0,0 +1,156 @@
+import { s as __toESM } from "./chunk-CGdGNDIi.js";
+import { Zn as testRealmURL, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
+import { d as RecentFiles, v as src_default } from "./local-storage-keys-wtjuKtZY.js";
+import { A as settled, o as waitFor } from "./dist-D1U_uSwt.js";
+import { t as require_qunit } from "./qunit-Cqwmt9Vl.js";
+import { D as setupAcceptanceTestRealm, E as setMonacoContent, F as setupUserSubscription, M as setupOnSave, N as setupRealmCacheTeardown, a as SYSTEM_CARD_FIXTURE_CONTENTS, at as setupAuthEndpoints, j as setupLocalIndexing, nt as setupApplicationTest, q as withCachedRealmSetup, t as setupMockMatrix, tt as visitOperatorMode } from "./mock-matrix-BhFWlMMr.js";
+//#region tests/acceptance/code-submode/head-format-preview-test.ts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var headPreviewWithDisallowedTagsSource = `
+  import { contains, field, Component, CardDef } from "https://cardstack.com/base/card-api";
+  import StringField from "https://cardstack.com/base/string";
+
+  export class HeadPreviewUnsafe extends CardDef {
+    static displayName = 'Head Preview Unsafe';
+
+    @field title = contains(StringField);
+
+    static head = class Head extends Component<typeof this> {
+      <template>
+        {{! template-lint-disable no-forbidden-elements }}
+        <title>{{@model.title}}</title>
+        <meta name='description' content='test' />
+        <script>void 0<\/script>
+        <style>.injected { color: red }</style>
+      </template>
+    };
+  }
+`;
+var headPreviewCardSource = `
+  import { contains, field, Component, CardDef } from "https://cardstack.com/base/card-api";
+  import StringField from "https://cardstack.com/base/string";
+
+  export class HeadPreview extends CardDef {
+    static displayName = 'Head Preview';
+
+    @field title = contains(StringField);
+    @field description = contains(StringField);
+
+    static head = class Head extends Component<typeof this> {
+      <template>
+        {{! template-lint-disable no-forbidden-elements }}
+        <title>{{@model.title}}</title>
+        <meta name='description' content={{@model.description}} />
+        <meta property='og:title' content={{@model.title}} />
+        <meta property='og:description' content={{@model.description}} />
+      </template>
+    };
+  }
+`;
+(0, import_qunit.module)("Acceptance | code submode | head format preview", function(hooks) {
+	setupApplicationTest(hooks);
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	setupRealmCacheTeardown(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [baseRealm.url, testRealmURL]
+	});
+	let { setRealmPermissions, createAndJoinRoom } = mockMatrixUtils;
+	hooks.beforeEach(async function() {
+		setRealmPermissions({ [testRealmURL]: ["read", "write"] });
+		createAndJoinRoom({
+			sender: "@testuser:localhost",
+			name: "room-test"
+		});
+		setupUserSubscription();
+		setupAuthEndpoints();
+		src_default.localStorage.setItem(RecentFiles, JSON.stringify([[testRealmURL, "HeadPreview/example.json"]]));
+		await withCachedRealmSetup(async () => {
+			await setupAcceptanceTestRealm({
+				mockMatrixUtils,
+				contents: {
+					...SYSTEM_CARD_FIXTURE_CONTENTS,
+					"head-preview.gts": headPreviewCardSource,
+					"head-preview-unsafe.gts": headPreviewWithDisallowedTagsSource,
+					"HeadPreview/example.json": { data: {
+						type: "card",
+						attributes: {
+							title: "Preview Title",
+							description: "Preview description"
+						},
+						meta: { adoptsFrom: {
+							module: `${testRealmURL}head-preview`,
+							name: "HeadPreview"
+						} }
+					} },
+					"HeadPreviewUnsafe/example.json": { data: {
+						type: "card",
+						attributes: { title: "Unsafe Card" },
+						meta: { adoptsFrom: {
+							module: `${testRealmURL}head-preview-unsafe`,
+							name: "HeadPreviewUnsafe"
+						} }
+					} }
+				}
+			});
+		});
+	});
+	(0, import_qunit.test)("head format preview updates when editing card json", async function(assert) {
+		await visitOperatorMode({
+			stacks: [[{
+				id: `${testRealmURL}HeadPreview/example`,
+				format: "head"
+			}]],
+			submode: "code",
+			codePath: `${testRealmURL}HeadPreview/example.json`,
+			cardPreviewFormat: "head"
+		});
+		await waitFor(".google-title");
+		assert.dom(".google-title").hasText("Preview Title");
+		assert.dom(".google-description").hasText("Preview description");
+		setMonacoContent(JSON.stringify({ data: {
+			type: "card",
+			attributes: {
+				title: "Updated Title",
+				description: "Updated description"
+			},
+			meta: { adoptsFrom: {
+				module: `${testRealmURL}head-preview`,
+				name: "HeadPreview"
+			} }
+		} }));
+		await settled();
+		assert.dom(".google-title").hasText("Updated Title");
+		assert.dom(".google-description").hasText("Updated description");
+	});
+	(0, import_qunit.test)("shows warning when head template contains disallowed tags", async function(assert) {
+		src_default.localStorage.setItem(RecentFiles, JSON.stringify([[testRealmURL, "HeadPreviewUnsafe/example.json"]]));
+		await visitOperatorMode({
+			stacks: [[{
+				id: `${testRealmURL}HeadPreviewUnsafe/example`,
+				format: "head"
+			}]],
+			submode: "code",
+			codePath: `${testRealmURL}HeadPreviewUnsafe/example.json`,
+			cardPreviewFormat: "head"
+		});
+		await waitFor("[data-test-head-warning]");
+		assert.dom("[data-test-head-warning]").exists("warning is shown for disallowed tags");
+		assert.dom("[data-test-head-warning]").includesText("Disallowed tags detected", "warning message is displayed");
+	});
+	(0, import_qunit.test)("does not show warning when head template only has allowed tags", async function(assert) {
+		await visitOperatorMode({
+			stacks: [[{
+				id: `${testRealmURL}HeadPreview/example`,
+				format: "head"
+			}]],
+			submode: "code",
+			codePath: `${testRealmURL}HeadPreview/example.json`,
+			cardPreviewFormat: "head"
+		});
+		await waitFor(".google-title");
+		assert.dom("[data-test-head-warning]").doesNotExist("no warning for valid head content");
+	});
+});
+//#endregion

package/bundled-test-harness/assets/helpers-BH4Yfo_2.js

@@ -0,0 +1,5 @@
+import { D as getFieldIcon, E as cardTypeIcon, Jn as testHostModeRealmURL, T as cardTypeDisplayName, Xn as testRealmInfo, Yn as testRRI, Zn as testRealmURL } from "./runtime-common-C7uLt5dN.js";
+import { a as skillCardURL, i as envSkillId, o as skillsRealmURL, r as devSkillId, t as catalogRealmURL } from "./utils-C7xS5xXC.js";
+import { $ as setupIndex, A as setupIntegrationTestRealm, B as verifyFileInFileTree, C as openDir, D as setupAcceptanceTestRealm, E as setMonacoContent, F as setupUserSubscription, G as waitForNewRoomSkillsLoaded, H as verifyJSONWithUUIDInFolder, I as showSearchResult, J as withSlowSave, K as waitForSyntaxHighlighting, L as testModuleRRI, M as setupOnSave, N as setupRealmCacheTeardown, O as setupCardLogs, P as setupRealmServerEndpoints, Q as serializeCard, R as testModuleRealm, S as makeRenderer, T as saveCard, U as verifySubmode, V as verifyFolderWithUUIDInFileTree, W as waitForLoadedImage, X as provide, Y as withoutLoaderMonitoring, Z as getTypes, _ as elementIsVisible, a as SYSTEM_CARD_FIXTURE_CONTENTS, at as setupAuthEndpoints, b as getMonacoContent, c as captureModuleResult, d as cardInfo, dt as percySnapshot, et as setupOperatorModeStateCleanup, f as cleanWhiteSpace, g as diff, h as delay, it as registerRealmAuthSessionRoomEnsurer, j as setupLocalIndexing, k as setupCardTest, l as capturePrerenderResult, lt as createJWT, m as createPrerenderAuth, o as addSkillToAiAssistant, ot as resetCatalogRealmURL, p as cleanupMonacoEditorModels, q as withCachedRealmSetup, s as assertMessages, st as setCatalogRealmURL, tt as visitOperatorMode, u as cardDefFieldCount, ut as testRealmSecretSeed, v as getDbAdapter, w as realmConfigCardJSON, x as makeMinimalPng, y as getFileCreatedAt, z as toggleFileTree } from "./mock-matrix-BhFWlMMr.js";
+import { n as runSharedTest, t as p } from "./helpers-CItTycq2.js";
+export { SYSTEM_CARD_FIXTURE_CONTENTS, addSkillToAiAssistant, assertMessages, captureModuleResult, capturePrerenderResult, cardDefFieldCount, cardInfo, cardTypeDisplayName, cardTypeIcon, catalogRealmURL, cleanWhiteSpace, cleanupMonacoEditorModels, createJWT, createPrerenderAuth, delay, devSkillId, diff, elementIsVisible, envSkillId, getDbAdapter, getFieldIcon, getFileCreatedAt, getMonacoContent, getTypes, makeMinimalPng, makeRenderer, openDir, p, percySnapshot, provide as provideConsumeContext, realmConfigCardJSON, registerRealmAuthSessionRoomEnsurer, resetCatalogRealmURL, runSharedTest, saveCard, serializeCard, setCatalogRealmURL, setMonacoContent, setupAcceptanceTestRealm, setupAuthEndpoints, setupCardLogs, setupCardTest, setupIndex, setupIntegrationTestRealm, setupLocalIndexing, setupOnSave, setupOperatorModeStateCleanup, setupRealmCacheTeardown, setupRealmServerEndpoints, setupUserSubscription, showSearchResult, skillCardURL, skillsRealmURL, testHostModeRealmURL, testModuleRRI, testModuleRealm, testRRI, testRealmInfo, testRealmSecretSeed, testRealmURL, toggleFileTree, verifyFileInFileTree, verifyFolderWithUUIDInFileTree, verifyJSONWithUUIDInFolder, verifySubmode, visitOperatorMode, waitForLoadedImage, waitForNewRoomSkillsLoaded, waitForSyntaxHighlighting, withCachedRealmSetup, withSlowSave, withoutLoaderMonitoring };

package/bundled-test-harness/assets/host-mode-test-BRNndb2h.js

@@ -0,0 +1,391 @@
+import { s as __toESM } from "./chunk-CGdGNDIi.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime-CYyqkz5q-z3Y1hsJm.js";
+import { Jn as testHostModeRealmURL, ca as Deferred, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
+import { t as getOwner } from "./owner-CqZ4C0QN.js";
+import { $n as setComponentTemplate } from "./service-DJ87xpDt.js";
+import { V as templateFactory } from "./index-DaCZcoCY-D2gI_aMw.js";
+import "./template-D3TMIrc1.js";
+import "./template-factory-DMEv2kVd.js";
+import { v as src_default } from "./local-storage-keys-wtjuKtZY.js";
+import { t as HostModeService } from "./host-mode-service-B4CEe5xJ.js";
+import { I as waitUntil, N as visit, d as click, o as waitFor, w as currentURL } from "./dist-D1U_uSwt.js";
+import { t as require_qunit } from "./qunit-Cqwmt9Vl.js";
+import { r as getService } from "./dist-CY3T64Hs.js";
+import { D as setupAcceptanceTestRealm, F as setupUserSubscription, M as setupOnSave, a as SYSTEM_CARD_FIXTURE_CONTENTS, at as setupAuthEndpoints, dt as percySnapshot, j as setupLocalIndexing, nt as setupApplicationTest, t as setupMockMatrix, w as realmConfigCardJSON } from "./mock-matrix-BhFWlMMr.js";
+import { t as getPageTitle } from "./test-support-BEQX5x9U.js";
+import { t as viewCardDemoCardSource } from "./view-card-demo-CSIVYD3T.js";
+//#region tests/acceptance/c0a3c1902f.css
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+//#endregion
+//#region tests/acceptance/host-mode-test.gts
+var testHostModeRealmURLWithoutRealm = testHostModeRealmURL.replace(/\/test\/?$/, "");
+var StubHostModeService = class extends HostModeService {
+	get isActive() {
+		return true;
+	}
+	get hostModeOrigin() {
+		return removeTrailingSlash(testHostModeRealmURLWithoutRealm);
+	}
+};
+var StubCustomSubdomainHostModeService = class extends StubHostModeService {
+	get hostModeOrigin() {
+		return removeTrailingSlash(testHostModeRealmURL);
+	}
+};
+(0, import_qunit.module)("Acceptance | host mode tests", function(hooks) {
+	setupApplicationTest(hooks);
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testHostModeRealmURL]
+	});
+	let { setActiveRealms, setExpiresInSec, createAndJoinRoom } = mockMatrixUtils;
+	hooks.beforeEach(function() {
+		let owner = getOwner(this);
+		owner.unregister?.("service:host-mode-service");
+		owner.register("service:host-mode-service", StubHostModeService);
+	});
+	hooks.beforeEach(async function() {
+		createAndJoinRoom({
+			sender: "@testuser:localhost",
+			name: "room-test"
+		});
+		setupUserSubscription();
+		setupAuthEndpoints();
+		setExpiresInSec(3600);
+		let loader = getService("loader-service").loader;
+		let cardApi;
+		let string;
+		cardApi = await loader.import(`${baseRealm.url}card-api`);
+		string = await loader.import(`${baseRealm.url}string`);
+		let { field, contains, CardDef, Component } = cardApi;
+		let { default: StringField } = string;
+		class Pet extends CardDef {
+			static displayName = "Pet";
+			static headerColor = "#355e3b";
+			static {
+				decorateFieldV2(this.prototype, "name", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#name = (initializeDeferredDecorator(this, "name"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						return this.name;
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static embedded = class Embedded extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "UGGFKzPi",
+						"block": "[[[10,\"h3\"],[15,\"data-test-pet\",[30,1,[\"name\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"name\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/acceptance/host-mode-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "LnrE5x46",
+						"block": "[[[10,0],[14,0,\"pet-isolated\"],[14,\"data-scopedcss-cf7fdf256a-fb8b4d7f1e\",\"\"],[12],[1,\"\\n  \"],[10,\"h2\"],[15,\"data-test-pet-isolated\",[30,1,[\"name\"]]],[14,\"data-scopedcss-cf7fdf256a-fb8b4d7f1e\",\"\"],[12],[1,\"\\n    \"],[8,[30,2,[\"name\"]],[[24,\"data-scopedcss-cf7fdf256a-fb8b4d7f1e\",\"\"]],null,null],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/acceptance/host-mode-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Whitepaper extends CardDef {
+			static displayName = "Boxel Whitepaper";
+			static prefersWideFormat = true;
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						return "Boxel Whitepaper";
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "kyHUMfML",
+						"block": "[[[10,\"article\"],[14,0,\"whitepaper\"],[14,\"data-test-whitepaper\",\"\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"\\n  \"],[10,\"header\"],[14,0,\"wp-header\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"\\n    \"],[10,\"h1\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"Boxel Whitepaper\"],[13],[1,\"\\n    \"],[10,2],[14,0,\"wp-subtitle\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"A System for Composable Software in the Age\\n      of Abundant Code\"],[13],[1,\"\\n    \"],[10,2],[14,0,\"wp-byline\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"By Chris Tse, Cardstack Foundation — January\\n      2026\"],[13],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,\"section\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"\\n    \"],[10,\"h2\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"Executive Summary\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"We are witnessing the most significant shift in software\\n      development since the invention of high-level programming\\n      languages. Large language models (LLMs) can now generate\\n      functional code in seconds. Yet the infrastructure surrounding\\n      that code—the databases, the deployment pipelines, the security\\n      models, the economic relationships—remains trapped in paradigms\\n      from the 1990s.\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"The result is a peculiar kind of friction. You can ask Claude\\n      to write you a React component in thirty seconds, but deploying\\n      that component to production still requires navigating a maze of\\n      Git repositories, CI/CD pipelines, environment variables, SSL\\n      certificates, and cloud provider dashboards. The intelligence\\n      has arrived, but the architecture hasn't caught up.\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"Boxel is what comes next: a complete environment where\\n      AI-generated software can be created, run, evolved, and\\n      monetized without ever leaving a coherent system. Not another\\n      tool to add to your stack—a replacement for the stack itself.\"],[13],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,\"section\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"\\n    \"],[10,\"h2\"],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"1. The Fragmentation Problem\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"Open your browser tabs right now. If you're building anything\\n      with AI, you probably have ChatGPT or Claude open for ideation\\n      and code generation. Cursor or Windsurf for editing that code in\\n      context. V0 or Lovable for generating UI components. GitHub for\\n      version control. Vercel or Netlify for deployment. Notion or\\n      Confluence for documentation. Figma for design. Slack or Discord\\n      for communication.\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"Each of these tools is excellent at what it does. Each\\n      represents millions of dollars in engineering investment and\\n      years of refinement. And each is a silo.\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"The workflow: describe an idea to ChatGPT, copy the code into\\n      Cursor, commit to GitHub, deploy to Vercel, document in Notion,\\n      share in Slack. At each boundary, you lose context. The AI that\\n      helped you write the code doesn't know how you deployed it. The\\n      documentation system doesn't understand the code it describes.\"],[13],[1,\"\\n    \"],[10,2],[14,\"data-scopedcss-cf7fdf256a-6a5c19e5ce\",\"\"],[12],[1,\"The irony is acute. We have AI systems capable of understanding\\n      complex software in its entirety—but we force them to operate\\n      through disconnected interfaces, each with its own\\n      authentication, its own data model, its own limitations. We have\\n      given AI the ability to think holistically while constraining it\\n      to act in fragments.\"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/acceptance/host-mode-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		await setupAcceptanceTestRealm({
+			realmURL: testHostModeRealmURL,
+			mockMatrixUtils,
+			permissions: { "*": ["read"] },
+			contents: {
+				...SYSTEM_CARD_FIXTURE_CONTENTS,
+				"pet.gts": { Pet },
+				"whitepaper.gts": { Whitepaper },
+				"view-card-demo.gts": viewCardDemoCardSource,
+				"Whitepaper/index.json": { data: {
+					type: "card",
+					attributes: {},
+					meta: { adoptsFrom: {
+						module: `${testHostModeRealmURL}whitepaper`,
+						name: "Whitepaper"
+					} }
+				} },
+				"Pet/mango.json": { data: {
+					attributes: { name: "Mango" },
+					meta: { adoptsFrom: {
+						module: `${testHostModeRealmURL}pet`,
+						name: "Pet"
+					} }
+				} },
+				"ViewCardDemo/index.json": { data: {
+					type: "card",
+					attributes: {
+						cardTitle: "Primary View Demo",
+						targetCardURL: `${testHostModeRealmURL}ViewCardDemo/secondary.json`
+					},
+					meta: { adoptsFrom: {
+						module: `${testHostModeRealmURL}view-card-demo`,
+						name: "ViewCardDemo"
+					} }
+				} },
+				"ViewCardDemo/secondary.json": { data: {
+					type: "card",
+					attributes: {
+						cardTitle: "Secondary View Demo",
+						targetCardURL: `${testHostModeRealmURL}ViewCardDemo/tertiary.json`
+					},
+					meta: { adoptsFrom: {
+						module: `${testHostModeRealmURL}view-card-demo`,
+						name: "ViewCardDemo"
+					} }
+				} },
+				"ViewCardDemo/tertiary.json": { data: {
+					type: "card",
+					attributes: {
+						cardTitle: "Tertiary View Demo",
+						targetCardURL: `${testHostModeRealmURL}ViewCardDemo/index.json`
+					},
+					meta: { adoptsFrom: {
+						module: `${testHostModeRealmURL}view-card-demo`,
+						name: "ViewCardDemo"
+					} }
+				} },
+				"index.json": { data: {
+					type: "card",
+					meta: { adoptsFrom: {
+						module: "https://cardstack.com/base/cards-grid",
+						name: "CardsGrid"
+					} }
+				} },
+				"broken-card.gts": `
+          import { contains, field, Component, CardDef } from 'https://cardstack.com/base/card-api';
+          import StringField from 'https://cardstack.com/base/string';
+          export class BrokenCard extends CardDef {
+            static displayName = 'BrokenCard';
+            @field name = contains(StringField);
+            static isolated = class Isolated extends Component<typeof this> {
+              <template><div>{{this.triggerError}}</div></template>
+              get triggerError() {
+                throw new Error('Intentional rendering error');
+              }
+            };
+          }
+        `,
+				"BrokenCard/broken.json": { data: {
+					attributes: { name: "Broken" },
+					meta: { adoptsFrom: {
+						module: `${testHostModeRealmURL}broken-card`,
+						name: "BrokenCard"
+					} }
+				} },
+				"realm.json": realmConfigCardJSON({
+					name: "Test Workspace B",
+					backgroundURL: "https://i.postimg.cc/VNvHH93M/pawel-czerwinski-Ly-ZLa-A5jti-Y-unsplash.jpg",
+					iconURL: "https://i.postimg.cc/L8yXRvws/icon.png"
+				})
+			}
+		});
+		setActiveRealms([testHostModeRealmURL]);
+	});
+	(0, import_qunit.test)("visiting a default width card in host mode", async function(assert) {
+		await visit("/test/Pet/mango.json");
+		assert.dom("[data-test-host-mode-content]").hasStyle({ "background-image": "url(\"https://i.postimg.cc/VNvHH93M/pawel-czerwinski-Ly-ZLa-A5jti-Y-unsplash.jpg\")" });
+		assert.dom(`[data-test-host-mode-card="${testHostModeRealmURL}Pet/mango"]`).exists();
+		assert.dom("[data-test-host-mode-content]").hasNoClass("is-wide");
+		assert.strictEqual(getPageTitle(), "Mango");
+		await percySnapshot(assert);
+	});
+	(0, import_qunit.test)("visiting a full width card in host mode", async function(assert) {
+		await visit("/test");
+		assert.dom(`[data-test-host-mode-card="${testHostModeRealmURL}index"]`).exists();
+		assert.strictEqual(getPageTitle(), "Test Workspace B");
+		assert.dom("[data-test-host-mode-content]").hasClass("is-wide");
+		await percySnapshot(assert);
+	});
+	(0, import_qunit.test)("visiting a non-existent card shows an error", async function(assert) {
+		let store = getService("store");
+		let originalGet = store.get.bind(store);
+		let gate = new Deferred();
+		let pending = new Deferred();
+		let targetId = `${testHostModeRealmURL}Pet/non-existent.json`;
+		store.get = async (...args) => {
+			let [id] = args;
+			if (id === targetId) {
+				pending.fulfill();
+				await gate.promise;
+			}
+			return originalGet(...args);
+		};
+		let visitPromise = visit("/test/Pet/non-existent.json");
+		await pending.promise;
+		assert.dom("[data-test-host-loading]").doesNotExist("Loading screen is never shown on host mode");
+		gate.fulfill();
+		await visitPromise;
+		await waitFor("[data-test-card-error]");
+		assert.dom("[data-test-card-error]").exists();
+		assert.dom("[data-test-card-error]").containsText("Card not found");
+		assert.strictEqual(getPageTitle(), `Card not found: ${testHostModeRealmURL}Pet/non-existent`);
+		assert.dom("[data-test-host-loading]").doesNotExist();
+		store.get = originalGet;
+	});
+	(0, import_qunit.test)("visiting a card with a rendering error shows an error", async function(assert) {
+		await visit("/test/BrokenCard/broken.json");
+		await waitFor("[data-test-card-error]");
+		assert.dom("[data-test-card-error]").exists();
+		assert.dom("[data-test-card-error]").containsText("This card contains an error");
+		assert.strictEqual(getPageTitle(), `Error rendering ${testHostModeRealmURL}BrokenCard/broken`);
+	});
+	(0, import_qunit.test)("invoking viewCard from a card stacks the linked card", async function(assert) {
+		let targetStackId = `${testHostModeRealmURL}ViewCardDemo/secondary`;
+		await visit("/test/ViewCardDemo/index.json");
+		await waitFor("[data-test-view-card-demo-button]");
+		assert.dom(`[data-test-host-mode-stack-item="${targetStackId}"]`).doesNotExist();
+		await click("[data-test-view-card-demo-button]");
+		await waitFor(`[data-test-host-mode-stack-item="${targetStackId}"]`);
+		assert.dom(`[data-test-host-mode-stack-item="${targetStackId}"]`).exists();
+	});
+	(0, import_qunit.test)("clicking a card in card list stacks it", async function(assert) {
+		await visit("/test");
+		await click("[data-test-boxel-filter-list-button=\"All Cards\"]");
+		await waitFor("[data-test-cards-grid-item]");
+		assert.dom(`[data-test-host-mode-stack-item="${testHostModeRealmURL}Pet/mango"]`).doesNotExist();
+		await click(`[data-test-cards-grid-item="${testHostModeRealmURL}Pet/mango"]`);
+		await waitFor(`[data-test-host-mode-stack-item="${testHostModeRealmURL}Pet/mango"]`);
+		assert.dom(`[data-test-host-mode-stack-item="${testHostModeRealmURL}Pet/mango"]`).exists();
+		assert.dom("[data-test-pet-isolated=\"Mango\"]").exists();
+	});
+	(0, import_qunit.test)("viewCard tabs persist after stacking and closing cards in host mode", async function(assert) {
+		let primaryCardId = `${testHostModeRealmURL}ViewCardDemo/index`;
+		let firstStackCardId = `${testHostModeRealmURL}ViewCardDemo/secondary`;
+		let secondStackCardId = `${testHostModeRealmURL}ViewCardDemo/tertiary`;
+		await visit("/test/ViewCardDemo/index.json");
+		let primaryCardSelector = `[data-test-host-mode-card="${primaryCardId}"]`;
+		await waitFor(`${primaryCardSelector} [data-test-view-card-demo-active-tab]`);
+		await waitFor(`${primaryCardSelector} [data-test-view-card-demo-button]`);
+		assert.dom(`${primaryCardSelector} [data-test-view-card-demo-active-tab]`).hasAttribute("data-test-view-card-demo-active-tab", "overview");
+		await click(`${primaryCardSelector} [data-test-view-card-demo-tab="details"]`);
+		assert.dom(`${primaryCardSelector} [data-test-view-card-demo-active-tab]`).hasAttribute("data-test-view-card-demo-active-tab", "details");
+		await click(`${primaryCardSelector} [data-test-view-card-demo-button]`);
+		let firstStackSelector = `[data-test-host-mode-stack-item="${firstStackCardId}"]`;
+		await waitFor(`${firstStackSelector} [data-test-view-card-demo-active-tab]`);
+		await waitFor(`${firstStackSelector} [data-test-view-card-demo-button]`);
+		await waitFor(firstStackSelector);
+		assert.dom(`${firstStackSelector} [data-test-view-card-demo-active-tab]`).hasAttribute("data-test-view-card-demo-active-tab", "overview");
+		await click(`${firstStackSelector} [data-test-view-card-demo-tab="history"]`);
+		assert.dom(`${firstStackSelector} [data-test-view-card-demo-active-tab]`).hasAttribute("data-test-view-card-demo-active-tab", "history");
+		await click(`${firstStackSelector} [data-test-view-card-demo-button]`);
+		let secondStackSelector = `[data-test-host-mode-stack-item="${secondStackCardId}"]`;
+		await waitFor(`${secondStackSelector} [data-test-view-card-demo-button]`);
+		await waitFor(secondStackSelector);
+		await click(`[data-test-host-mode-breadcrumb="${firstStackCardId}"]`);
+		await waitUntil(() => {
+			return !document.querySelector(secondStackSelector);
+		});
+		assert.dom(`${firstStackSelector} [data-test-view-card-demo-active-tab]`).hasAttribute("data-test-view-card-demo-active-tab", "history");
+		await click(`[data-test-host-mode-breadcrumb="${primaryCardId}"]`);
+		await waitUntil(() => {
+			return !document.querySelector(firstStackSelector);
+		});
+		assert.dom(`${primaryCardSelector} [data-test-view-card-demo-active-tab]`).hasAttribute("data-test-view-card-demo-active-tab", "details");
+	});
+	(0, import_qunit.test)("stack state persists in query parameter", async function(assert) {
+		await visit(`/test/Pet/mango.json?hostModeStack=${encodeURIComponent(JSON.stringify([`${testHostModeRealmURL}index`]))}`);
+		assert.dom(`[data-test-host-mode-stack-item="${testHostModeRealmURL}index"]`).exists();
+		await click(`[data-test-host-mode-stack-item="${testHostModeRealmURL}index"] [data-test-host-stack-item-close-button]`);
+		assert.strictEqual(currentURL(), "/test/Pet/mango.json");
+		assert.strictEqual(new URL(src_default.location.href).searchParams.get("hostModeStack"), null);
+	});
+	(0, import_qunit.test)("clicking the stack backdrop closes the top card", async function(assert) {
+		await visit(`/test/Pet/mango.json?hostModeStack=${encodeURIComponent(JSON.stringify([`${testHostModeRealmURL}index`]))}`);
+		await waitFor(`[data-test-host-mode-stack-item="${testHostModeRealmURL}index"]`);
+		assert.dom(`[data-test-host-mode-stack-item="${testHostModeRealmURL}index"]`).exists();
+		await click("[data-test-host-mode-stack]");
+		await waitUntil(() => {
+			return !document.querySelector(`[data-test-host-mode-stack-item="${testHostModeRealmURL}index"]`);
+		});
+		assert.dom(`[data-test-host-mode-stack-item="${testHostModeRealmURL}index"]`).doesNotExist();
+	});
+	(0, import_qunit.test)("clicking on a stack card does not close it", async function(assert) {
+		await visit(`/test/Pet/mango.json?hostModeStack=${encodeURIComponent(JSON.stringify([`${testHostModeRealmURL}index`]))}`);
+		let stackSelector = `[data-test-host-mode-stack-item="${testHostModeRealmURL}index"]`;
+		assert.dom(stackSelector).exists();
+		await click(stackSelector);
+		assert.dom(stackSelector).exists();
+	});
+	(0, import_qunit.test)("stack does not exist when there are no stacked cards", async function(assert) {
+		await visit("/test/Pet/mango.json");
+		assert.dom("[data-test-host-mode-stack]").doesNotExist();
+	});
+	(0, import_qunit.test)("scroll position is restored on card container after hydration", async function(assert) {
+		let start = document.createElement("div");
+		start.id = "boxel-isolated-start";
+		let end = document.createElement("div");
+		end.id = "boxel-isolated-end";
+		let fakeContainer = document.createElement("div");
+		fakeContainer.style.cssText = "height: 200px; overflow-y: auto;";
+		fakeContainer.innerHTML = "<div style=\"height: 2000px;\"></div>";
+		document.body.appendChild(start);
+		document.body.appendChild(fakeContainer);
+		document.body.appendChild(end);
+		fakeContainer.scrollTop = 150;
+		let testStyle = document.createElement("style");
+		testStyle.setAttribute("data-test-scroll-override", "");
+		testStyle.textContent = "[data-test-host-mode-card-loaded] { height: 400px !important; max-height: 400px !important; }";
+		document.head.appendChild(testStyle);
+		try {
+			await visit("/test/Whitepaper/index.json");
+			await waitFor("[data-test-whitepaper]");
+			assert.dom("[data-host-mode-card-scroll-container]").exists();
+			let cardContainer = document.querySelector("[data-host-mode-card-scroll-container]");
+			assert.strictEqual(cardContainer.scrollTop, 150, "scroll position from prerendered container is restored on the hydrated card scroll host");
+		} finally {
+			document.querySelector("[data-test-scroll-override]")?.remove();
+			start.remove();
+			end.remove();
+			fakeContainer.remove();
+		}
+	});
+	(0, import_qunit.module)("with a custom subdomain", function(hooks) {
+		hooks.beforeEach(function() {
+			let owner = getOwner(this);
+			owner.unregister?.("service:host-mode-service");
+			owner.register("service:host-mode-service", StubCustomSubdomainHostModeService);
+		});
+		(0, import_qunit.test)("visiting a card in host mode", async function(assert) {
+			await visit("/Pet/mango.json");
+			assert.dom(`[data-test-host-mode-card="${testHostModeRealmURL}Pet/mango"]`).exists();
+		});
+	});
+});
+function removeTrailingSlash(url) {
+	return url.endsWith("/") ? url.slice(0, -1) : url;
+}
+//#endregion