@cardstack/boxel-cli 0.13.0-unstable.4 → 0.13.0-unstable.6

package/bundled-test-harness/assets/brand-guide-custom-css-test-Dn3fvblr.js

@@ -1,196 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import { d as click } from "./dist-BOAdzfkP.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import { lt as setupRenderingTest } from "./mock-matrix-Dd8k0DNa.js";
-import { r as getService } from "./dist-CPfIHBla.js";
-import { t as renderCard } from "./render-component-B15Z0e2v.js";
-//#region tests/integration/components/brand-guide-custom-css-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-(0, import_qunit.module)("Integration | brand-guide | custom-css section", function(hooks) {
-	setupRenderingTest(hooks);
-	let loader;
-	let BrandGuide;
-	let CompoundColorField;
-	let CustomCssVariable;
-	let ThemeVarField;
-	hooks.beforeEach(async function() {
-		loader = getService("loader-service").loader;
-		let brandGuideModule = await loader.import("@cardstack/base/brand-guide");
-		BrandGuide = brandGuideModule.default;
-		CompoundColorField = brandGuideModule.CompoundColorField;
-		CustomCssVariable = brandGuideModule.CustomCssVariable;
-		ThemeVarField = (await loader.import("@cardstack/base/structured-theme-variables")).default;
-	});
-	(0, import_qunit.test)("custom-css section is visible when customCssVariables or brandColorPalette has entries", async function(assert) {
-		let card = new BrandGuide();
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"]").doesNotExist("hidden when no custom variables or palette entries exist");
-		let cardWithVars = new BrandGuide({ customCssVariables: [new CustomCssVariable({
-			name: "spacing-sm",
-			value: "0.5rem"
-		})] });
-		await renderCard(loader, cardWithVars, "isolated");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"]").exists("section appears with customCssVariables");
-		let cardWithPalette = new BrandGuide({ brandColorPalette: [new CompoundColorField({
-			name: "brand-blue",
-			value: "#0050ff"
-		})] });
-		await renderCard(loader, cardWithPalette, "isolated");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"]").exists("section appears with brandColorPalette");
-	});
-	(0, import_qunit.test)("custom CSS variable names are normalized and values are rendered, with incomplete entries filtered out", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [
-			new CustomCssVariable({
-				name: "",
-				value: "should-be-hidden"
-			}),
-			new CustomCssVariable({
-				name: "noValue",
-				value: ""
-			}),
-			new CustomCssVariable({
-				name: "myFont",
-				value: "Georgia, serif"
-			}),
-			new CustomCssVariable({
-				name: "spacing",
-				value: "1.5rem"
-			})
-		] });
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-brand-guide-css-var]").exists({ count: 2 }, "only entries with both name and value are rendered");
-		assert.dom("[data-test-brand-guide-css-var-name]").hasText("--my-font", "camelCase name is kebab-cased and prefixed with --");
-		assert.dom("[data-test-brand-guide-css-var-value]").exists({ count: 2 }, "values render for each complete entry");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"] [data-test-boxel-copy-button]").exists("copy button is present");
-	});
-	(0, import_qunit.test)("custom-css section is hidden when all entries have missing name or value", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [new CustomCssVariable({
-			name: "noValue",
-			value: ""
-		}), new CustomCssVariable({
-			name: "",
-			value: "noName"
-		})] });
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"]").doesNotExist("section hidden when no entry has both name and value");
-	});
-	(0, import_qunit.test)("custom-css section is hidden on a themed card when palette entries are missing name or value", async function(assert) {
-		let card = new BrandGuide({
-			rootVariables: new ThemeVarField({ background: "#f6e6ee" }),
-			brandColorPalette: [new CompoundColorField({
-				name: "",
-				value: "#ff0000"
-			}), new CompoundColorField({
-				name: "noColor",
-				value: ""
-			})]
-		});
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-dashboard-empty-state]").doesNotExist("the root variable gives the card a theme");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"]").doesNotExist("palette entries that emit no variables do not count as section content");
-	});
-	(0, import_qunit.test)("trailing semicolons in custom CSS variable values are stripped in display and copy block", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [new CustomCssVariable({
-			name: "myFont",
-			value: "Georgia, serif;"
-		}), new CustomCssVariable({
-			name: "spacing",
-			value: "1.5rem;;"
-		})] });
-		await renderCard(loader, card, "isolated");
-		let valueEls = document.querySelectorAll("[data-test-brand-guide-css-var-value]");
-		assert.strictEqual(valueEls[0]?.textContent, "Georgia, serif", "trailing semicolon is stripped in display");
-		assert.strictEqual(valueEls[1]?.textContent, "1.5rem", "multiple trailing semicolons are stripped in display");
-		let css = card.cssVariables ?? "";
-		assert.ok(css.includes("--my-font: Georgia, serif;"), "copy block value has exactly one trailing semicolon");
-		assert.notOk(css.includes(";;"), "copy block never produces double semicolons");
-	});
-	(0, import_qunit.test)("customCssVariables appear in computed cssVariables with normalized names, empty-name entries excluded", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [
-			new CustomCssVariable({
-				name: "",
-				value: "should-be-excluded"
-			}),
-			new CustomCssVariable({
-				name: "myFont",
-				value: "Georgia, serif"
-			}),
-			new CustomCssVariable({
-				name: "spacingSm",
-				value: "0.5rem"
-			})
-		] });
-		await renderCard(loader, card, "isolated");
-		let css = card.cssVariables ?? "";
-		assert.ok(css.includes("--my-font: Georgia, serif"), "camelCase name is dasherized and prefixed with --");
-		assert.ok(css.includes("--spacing-sm: 0.5rem"), "camelCase compound name is dasherized correctly");
-		assert.notOk(css.includes("should-be-excluded"), "entry with empty name is excluded from cssVariables");
-	});
-	(0, import_qunit.test)("custom CSS variables with a dark value emit it under .dark and fall back to the light value otherwise", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [
-			new CustomCssVariable({
-				name: "surfaceTint",
-				value: "#ffffff",
-				darkValue: "#111111"
-			}),
-			new CustomCssVariable({
-				name: "spacing",
-				value: "1.5rem"
-			}),
-			new CustomCssVariable({
-				name: "blankDark",
-				value: "solid",
-				darkValue: "   "
-			})
-		] });
-		await renderCard(loader, card, "isolated");
-		let css = card.cssVariables ?? "";
-		let darkStart = css.indexOf(".dark");
-		assert.ok(darkStart > 0, "a .dark block is emitted");
-		let rootBlock = css.slice(0, darkStart);
-		let darkBlock = css.slice(darkStart);
-		assert.ok(rootBlock.includes("--surface-tint: #ffffff;"), "light value is emitted under :root");
-		assert.ok(darkBlock.includes("--surface-tint: #111111;"), "dark value is emitted under .dark");
-		assert.notOk(darkBlock.includes("#ffffff"), "light value does not leak into .dark when a dark value is set");
-		assert.ok(darkBlock.includes("--spacing: 1.5rem;"), "a variable without a dark value keeps the light value in .dark");
-		assert.ok(darkBlock.includes("--blank-dark: solid;"), "a whitespace-only dark value falls back to the light value");
-	});
-	(0, import_qunit.test)("custom-css listing and copy block follow the dark-mode toggle", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [new CustomCssVariable({
-			name: "surfaceTint",
-			value: "#ffffff",
-			darkValue: "#111111"
-		}), new CustomCssVariable({
-			name: "spacing",
-			value: "1.5rem"
-		})] });
-		await renderCard(loader, card, "isolated");
-		let values = () => [...document.querySelectorAll("[data-test-brand-guide-css-var-value]")].map((el) => el.textContent);
-		assert.deepEqual(values(), ["#ffffff", "1.5rem"], "light values are listed by default");
-		await click("[data-test-mode=\"toggle-dark\"]");
-		assert.deepEqual(values(), ["#111111", "1.5rem"], "dark value replaces the light value; unset dark values keep the light value");
-		await click("[data-test-mode=\"toggle-light\"]");
-		assert.deepEqual(values(), ["#ffffff", "1.5rem"], "toggling back restores light values");
-	});
-	(0, import_qunit.test)("palette entries render var names and swatches, filtering entries missing name or value", async function(assert) {
-		let card = new BrandGuide({ brandColorPalette: [
-			new CompoundColorField({
-				name: "",
-				value: "#ff0000"
-			}),
-			new CompoundColorField({
-				name: "noColor",
-				value: ""
-			}),
-			new CompoundColorField({
-				name: "primary",
-				value: "#ff0000"
-			})
-		] });
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-brand-guide-palette-var]").exists({ count: 1 }, "entries missing name or value are filtered out");
-		assert.dom("[data-test-brand-guide-palette-var-name]").hasText("--primary", "palette entry var name is shown as a CSS variable");
-		assert.dom("[data-test-brand-guide-palette-swatch]").exists("palette entry renders a color swatch cell");
-	});
-});
-//#endregion

package/bundled-test-harness/assets/brand-guide-edit-test-NeiT3MyK.js

@@ -1,140 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import "./runtime-common-BTaLJEw-.js";
-import { x as PermissionsContextName } from "./constants-Icc0nFW-.js";
-import { d as click, s as fillIn } from "./dist-BOAdzfkP.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import { lt as setupRenderingTest, nt as provide } from "./mock-matrix-Dd8k0DNa.js";
-import { r as getService } from "./dist-CPfIHBla.js";
-import { t as renderCard } from "./render-component-B15Z0e2v.js";
-//#region tests/integration/components/brand-guide-edit-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-(0, import_qunit.module)("Integration | brand-guide | edit view", function(hooks) {
-	setupRenderingTest(hooks);
-	let loader;
-	let BrandGuide;
-	let CompoundColorField;
-	let CustomCssVariable;
-	let ThemeVarField;
-	hooks.beforeEach(async function() {
-		loader = getService("loader-service").loader;
-		let brandGuideModule = await loader.import("@cardstack/base/brand-guide");
-		BrandGuide = brandGuideModule.default;
-		CompoundColorField = brandGuideModule.CompoundColorField;
-		CustomCssVariable = brandGuideModule.CustomCssVariable;
-		ThemeVarField = (await loader.import("@cardstack/base/structured-theme-variables")).default;
-	});
-	function renderedSectionIds(element) {
-		return [...element.querySelectorAll("[data-test-brand-guide-section]")].map((el) => el.getAttribute("data-test-brand-guide-section"));
-	}
-	(0, import_qunit.test)("edit view shows every editable section with importer and reset, hiding display-only sections", async function(assert) {
-		let card = new BrandGuide();
-		await renderCard(loader, card, "edit");
-		for (let id of [
-			"brand-palette",
-			"typography",
-			"mark-usage",
-			"brand-image-attachments",
-			"custom-css",
-			"visual-dna",
-			"inspirations",
-			"import-css",
-			"view-code"
-		]) assert.dom(`[data-test-brand-guide-section="${id}"]`).exists(`${id} section is editable on an empty card`);
-		assert.dom("[data-test-brand-guide-section=\"ui-components\"]").doesNotExist();
-		assert.dom("[data-test-brand-guide-section=\"card-container-css\"]").doesNotExist();
-		assert.dom("[data-test-import-theme]").exists();
-		assert.dom("[data-test-reset]").exists();
-	});
-	(0, import_qunit.test)("edit view renders field editors instead of the read-only variable listings", async function(assert) {
-		let card = new BrandGuide({
-			brandColorPalette: [new CompoundColorField({
-				name: "brand-blue",
-				value: "#0050ff"
-			})],
-			customCssVariables: [new CustomCssVariable({
-				name: "spacing-sm",
-				value: "0.5rem"
-			})]
-		});
-		await renderCard(loader, card, "edit");
-		assert.dom("[data-test-brand-guide-section=\"brand-palette\"] input").exists("brand color palette entries are editable");
-		assert.dom("[data-test-brand-guide-section=\"custom-css\"] input").exists({ count: 3 }, "custom CSS variables expose name, light value and dark value inputs");
-		assert.dom("[data-test-brand-guide-css-var]").doesNotExist("read-only custom CSS listing is not rendered in edit");
-		assert.dom("[data-test-brand-image-attachment-var]").doesNotExist("read-only attachment listing is not rendered in edit");
-	});
-	(0, import_qunit.test)("custom CSS variable editor shows the value column for the previewed color scheme", async function(assert) {
-		let card = new BrandGuide({
-			rootVariables: new ThemeVarField({ background: "#f6e6ee" }),
-			customCssVariables: [new CustomCssVariable({
-				name: "spacing-sm",
-				value: "0.5rem"
-			})]
-		});
-		await renderCard(loader, card, "edit");
-		assert.dom("[data-test-custom-css-variable-value=\"light\"]").isVisible("light value is edited by default");
-		assert.dom("[data-test-custom-css-variable-value=\"dark\"]").isNotVisible("dark value stays out of the way in light mode");
-		await click("[data-test-mode=\"toggle-dark\"]");
-		assert.dom("[data-test-custom-css-variable-value=\"dark\"]").isVisible("dark mode edits the optional dark value");
-		assert.dom("[data-test-custom-css-variable-value=\"light\"]").isNotVisible("light value is hidden in dark mode");
-		await click("[data-test-mode=\"toggle-light\"]");
-		assert.dom("[data-test-custom-css-variable-value=\"light\"]").isVisible("toggling back restores the light value column");
-	});
-	(0, import_qunit.test)("a custom CSS variable typed in the editor appears in the generated CSS", async function(assert) {
-		provide(PermissionsContextName, { canWrite: true });
-		let card = new BrandGuide({ rootVariables: new ThemeVarField({ background: "#f6e6ee" }) });
-		await renderCard(loader, card, "edit");
-		await click("[data-test-brand-guide-section=\"custom-css\"] [data-test-add-new]");
-		await fillIn(document.querySelectorAll("[data-test-brand-guide-section=\"custom-css\"] input")[0], "ikea main");
-		await fillIn("[data-test-custom-css-variable-value=\"light\"] input", "#0051ba");
-		assert.dom("[data-test-brand-guide-section=\"view-code\"] [data-test-css-field]").includesText("--ikea-main: #0051ba;", "the new variable shows up under View Code without saving");
-		await click("[data-test-mode=\"toggle-dark\"]");
-		await fillIn("[data-test-custom-css-variable-value=\"dark\"] input", "lightblue");
-		let css = card.cssVariables ?? "";
-		assert.ok(css.slice(css.indexOf(".dark")).includes("--ikea-main: lightblue;"), "the dark value is emitted under .dark");
-	});
-	(0, import_qunit.test)("theme-less edit view leads with the import and generated css sections", async function(assert) {
-		let card = new BrandGuide();
-		let element = await renderCard(loader, card, "edit");
-		assert.deepEqual(renderedSectionIds(element).slice(0, 2), ["import-css", "view-code"], "the import workflow leads when the card has no theme");
-		let themedCard = new BrandGuide({ rootVariables: new ThemeVarField({ background: "#f6e6ee" }) });
-		element = await renderCard(loader, themedCard, "edit");
-		assert.strictEqual(renderedSectionIds(element)[0], "brand-palette", "a themed card keeps the guide order");
-	});
-	(0, import_qunit.test)("dark-mode toggle is affixed in the nav bar", async function(assert) {
-		let card = new BrandGuide({ rootVariables: new ThemeVarField({ background: "#f6e6ee" }) });
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-theme-nav] [data-test-mode]").exists();
-	});
-	(0, import_qunit.test)("reset clears custom css variables along with the theme variables", async function(assert) {
-		let card = new BrandGuide({
-			rootVariables: new ThemeVarField({ background: "#f6e6ee" }),
-			customCssVariables: [new CustomCssVariable({
-				name: "spacingSm",
-				value: "0.5rem"
-			})]
-		});
-		await renderCard(loader, card, "edit");
-		await click("[data-test-reset]");
-		assert.strictEqual(card.customCssVariables.length, 0, "custom css variables are cleared");
-		assert.notOk(card.rootVariables?.background, "theme variables are cleared too");
-	});
-	(0, import_qunit.test)("isolated view has no importer or reset button", async function(assert) {
-		let card = new BrandGuide({ customCssVariables: [new CustomCssVariable({
-			name: "spacing-sm",
-			value: "0.5rem"
-		})] });
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-brand-guide-section=\"import-css\"]").doesNotExist();
-		assert.dom("[data-test-import-theme]").doesNotExist();
-		assert.dom("[data-test-reset]").doesNotExist();
-	});
-	(0, import_qunit.test)("theme-less isolated view shows the dashboard empty state instead of sections", async function(assert) {
-		let card = new BrandGuide();
-		await renderCard(loader, card, "isolated");
-		assert.dom("[data-test-dashboard-empty-state]").exists();
-		assert.dom("[data-test-brand-guide-section]").doesNotExist();
-		await renderCard(loader, card, "edit");
-		assert.dom("[data-test-dashboard-empty-state]").doesNotExist("edit mode shows the editors, not the empty state");
-	});
-});
-//#endregion

package/bundled-test-harness/assets/brand-logo-mark-field-test-C2A1EnBB.js

@@ -1,86 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import "./runtime-common-BTaLJEw-.js";
-import { x as PermissionsContextName } from "./constants-Icc0nFW-.js";
-import { d as click, s as fillIn } from "./dist-BOAdzfkP.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import { lt as setupRenderingTest, nt as provide } from "./mock-matrix-Dd8k0DNa.js";
-import { r as getService } from "./dist-CPfIHBla.js";
-import { t as renderCard } from "./render-component-B15Z0e2v.js";
-//#region tests/integration/components/brand-logo-mark-field-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-(0, import_qunit.module)("Integration | brand-logo | MarkField edit", function(hooks) {
-	setupRenderingTest(hooks);
-	let loader;
-	let BrandLogo;
-	let ImageDef;
-	hooks.beforeEach(async function() {
-		loader = getService("loader-service").loader;
-		let brandLogoModule = await loader.import("@cardstack/base/brand-logo");
-		let cardApiModule = await loader.import("@cardstack/base/card-api");
-		BrandLogo = brandLogoModule.default;
-		ImageDef = cardApiModule.ImageDef;
-	});
-	hooks.beforeEach(function() {
-		provide(PermissionsContextName, {
-			canWrite: true,
-			canRead: true
-		});
-	});
-	hooks.afterEach(function() {
-		delete globalThis._CARDSTACK_FILE_CHOOSER;
-	});
-	function stubFileChooser(file) {
-		globalThis._CARDSTACK_FILE_CHOOSER = { async chooseFile() {
-			return file;
-		} };
-	}
-	(0, import_qunit.test)("shows url input and Select Image button when no value is set", async function(assert) {
-		let card = new BrandLogo();
-		await renderCard(loader, card, "edit");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-url-input]").exists("url input is rendered");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-select-image]").hasText("Select Image", "Select Image button is shown when no value");
-	});
-	(0, import_qunit.test)("shows X button and no Select Image button when a url is set", async function(assert) {
-		let card = new BrandLogo({ primaryMark1: "https://example.com/logo.svg" });
-		await renderCard(loader, card, "edit");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-clear]").exists("X clear button is shown when a url is set");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-select-image]").doesNotExist("Select Image button is hidden when a url is set");
-	});
-	(0, import_qunit.test)("typing a url in the input updates the field value", async function(assert) {
-		let card = new BrandLogo();
-		await renderCard(loader, card, "edit");
-		await fillIn("[data-test-field=\"primaryMark1\"] [data-test-mark-url-input]", "https://example.com/logo.svg");
-		assert.strictEqual(card.primaryMark1, "https://example.com/logo.svg", "field value is updated after input");
-	});
-	(0, import_qunit.test)("clicking the X button clears the field value", async function(assert) {
-		let card = new BrandLogo({ primaryMark1: "https://example.com/logo.svg" });
-		await renderCard(loader, card, "edit");
-		await click("[data-test-field=\"primaryMark1\"] [data-test-mark-clear]");
-		assert.strictEqual(card.primaryMark1, null, "field value is cleared");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-clear]").doesNotExist("X button is hidden after clearing");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-select-image]").hasText("Select Image", "Select Image button reappears after clearing");
-	});
-	(0, import_qunit.test)("clicking Select Image sets the field url from the chosen file", async function(assert) {
-		stubFileChooser(new ImageDef({
-			id: "https://example.com/uploaded.png",
-			url: "https://example.com/uploaded.png",
-			sourceUrl: "https://example.com/uploaded.png",
-			name: "uploaded.png",
-			contentType: "image/png"
-		}));
-		let card = new BrandLogo();
-		await renderCard(loader, card, "edit");
-		await click("[data-test-field=\"primaryMark1\"] [data-test-mark-select-image]");
-		assert.strictEqual(card.primaryMark1, "https://example.com/uploaded.png", "field value is set to the uploaded file url");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-clear]").exists("X button appears after upload");
-	});
-	(0, import_qunit.test)("cancelling the file chooser leaves the field unchanged", async function(assert) {
-		stubFileChooser(void 0);
-		let card = new BrandLogo();
-		await renderCard(loader, card, "edit");
-		await click("[data-test-field=\"primaryMark1\"] [data-test-mark-select-image]");
-		assert.strictEqual(card.primaryMark1, void 0, "field value remains empty after cancel");
-		assert.dom("[data-test-field=\"primaryMark1\"] [data-test-mark-select-image]").hasText("Select Image", "Select Image button is still shown after cancel");
-	});
-});
-//#endregion

package/bundled-test-harness/assets/broken-link-template-test-CWn6V5zZ.js

@@ -1,192 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import { a as cardTypeName } from "./bfm-card-references-Cjos2rOp.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 { et as BrokenLinkTemplate } from "./components-Ck24ubaT.js";
-import { d as click, h as render } from "./dist-BOAdzfkP.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import { lt as setupRenderingTest } from "./mock-matrix-Dd8k0DNa.js";
-//#region tests/integration/components/broken-link-template-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-var NOT_FOUND_URL = "https://example.com/realm/Pet/broken-card-id";
-var ERROR_URL = "https://example.com/realm/Author/exploded-card-id";
-function notFoundErrorDoc() {
-	return {
-		status: 404,
-		title: "Not Found",
-		message: `Could not find ${NOT_FOUND_URL}`,
-		additionalErrors: null
-	};
-}
-function genericErrorDoc() {
-	return {
-		status: 500,
-		title: "Internal Server Error",
-		message: "TypeError: Cannot read properties of undefined (reading \"name\")",
-		stack: "Error: kaboom\n    at PetCard.render (pet.gts:42:7)",
-		additionalErrors: [{
-			status: 500,
-			message: "inner dependency exploded",
-			stack: "Error: inner\n    at Dep.evaluate (dep.gts:9:3)"
-		}]
-	};
-}
-async function renderTemplate(scenario) {
-	let displayName = cardTypeName(scenario.brokenUrl);
-	await render(setComponentTemplate(templateFactory({
-		"id": "8Q+OsuTF",
-		"block": "[[[8,[32,0],null,[[\"@brokenUrl\",\"@errorDoc\",\"@state\",\"@format\",\"@displayName\"],[[32,1,[\"brokenUrl\"]],[32,1,[\"errorDoc\"]],[32,1,[\"state\"]],[32,1,[\"format\"]],[32,2]]],null]],[],[]]",
-		"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/broken-link-template-test.gts",
-		"scope": () => [
-			BrokenLinkTemplate,
-			scenario,
-			displayName
-		],
-		"isStrictMode": true
-	}), templateOnly()));
-}
-(0, import_qunit.module)("Integration | Component | broken-link-template", function(hooks) {
-	setupRenderingTest(hooks);
-	(0, import_qunit.test)("the visible box is identical across states — only the type name shows; the failure reason is not surfaced inline", async function(assert) {
-		for (let state of ["not-found", "error"]) {
-			await renderTemplate({
-				brokenUrl: state === "not-found" ? NOT_FOUND_URL : ERROR_URL,
-				errorDoc: state === "not-found" ? notFoundErrorDoc() : genericErrorDoc(),
-				state,
-				format: "embedded"
-			});
-			assert.dom("[data-test-broken-link-template=\"embedded\"]").exists("root carries the format data attribute");
-			assert.dom(`[data-test-broken-link-state="${state}"]`).exists("root carries the state data attribute");
-			assert.dom("[data-test-broken-link-type]").hasText(state === "not-found" ? "Pet" : "Author");
-			assert.dom("[data-test-broken-link-url]").isNotVisible();
-			assert.dom("[data-test-broken-link-headline]").isNotVisible();
-		}
-	});
-	(0, import_qunit.test)("detail stays in the DOM but is visually hidden until the reveal is triggered", async function(assert) {
-		await renderTemplate({
-			brokenUrl: ERROR_URL,
-			errorDoc: genericErrorDoc(),
-			state: "error",
-			format: "isolated"
-		});
-		assert.dom("[data-test-broken-link-reveal]").exists("reveal trigger exists");
-		assert.dom("[data-test-broken-link-overlay]").exists("overlay node is in the DOM").isNotVisible("overlay is hidden until the reveal is triggered");
-		assert.dom("[data-test-broken-link-overlay-close]").exists("close trigger exists");
-		assert.dom("[data-test-broken-link-url]").hasText(ERROR_URL).isNotVisible();
-		assert.dom("[data-test-broken-link-message]").hasText(genericErrorDoc().message).isNotVisible();
-		assert.dom("[data-test-broken-link-stack]").includesText("PetCard.render").isNotVisible();
-		assert.dom("[data-test-broken-link-additional-error=\"0\"]").includesText("inner dependency exploded").isNotVisible();
-	});
-	(0, import_qunit.test)("triggering the reveal opens the overlay; closing it hides the overlay again", async function(assert) {
-		await renderTemplate({
-			brokenUrl: ERROR_URL,
-			errorDoc: genericErrorDoc(),
-			state: "error",
-			format: "isolated"
-		});
-		assert.dom("[data-test-broken-link-overlay]").isNotVisible();
-		await click("[data-test-broken-link-reveal]");
-		assert.dom("[data-test-broken-link-overlay]").isVisible("overlay opens when the reveal is triggered");
-		assert.dom("[data-test-broken-link-url]").isVisible();
-		await click("[data-test-broken-link-overlay-close]");
-		assert.dom("[data-test-broken-link-overlay]").isNotVisible("overlay closes when the close affordance is triggered");
-	});
-	(0, import_qunit.test)("the overlay headline reflects the state — the one place not-found and error differ", async function(assert) {
-		await renderTemplate({
-			brokenUrl: NOT_FOUND_URL,
-			errorDoc: notFoundErrorDoc(),
-			state: "not-found",
-			format: "embedded"
-		});
-		assert.dom("[data-test-broken-link-headline]").hasText("Linked card not found");
-		assert.dom("[data-test-broken-link-message]").doesNotExist("not-found suppresses the redundant \"Could not find\" line");
-		await renderTemplate({
-			brokenUrl: ERROR_URL,
-			errorDoc: genericErrorDoc(),
-			state: "error",
-			format: "embedded"
-		});
-		assert.dom("[data-test-broken-link-headline]").hasText("Linked card failed to load");
-		assert.dom("[data-test-broken-link-message]").exists();
-	});
-	(0, import_qunit.test)("the overlay carries status, message, stack, and additional errors regardless of format", async function(assert) {
-		let errorDoc = genericErrorDoc();
-		for (let format of [
-			"isolated",
-			"fitted",
-			"embedded",
-			"atom"
-		]) {
-			await renderTemplate({
-				brokenUrl: ERROR_URL,
-				errorDoc,
-				state: "error",
-				format
-			});
-			assert.dom("[data-test-broken-link-status]").includesText("500").includesText("Internal Server Error");
-			assert.dom("[data-test-broken-link-message]").hasText(errorDoc.message);
-			assert.dom("[data-test-broken-link-stack]").includesText("PetCard.render").includesText("pet.gts:42:7");
-			assert.dom("[data-test-broken-link-additional-error=\"0\"]").includesText("inner dependency exploded");
-		}
-	});
-	(0, import_qunit.test)("the overlay keeps the prose message visible when it differs from the stack, and hides the visual duplicate when the stack repeats it", async function(assert) {
-		await renderTemplate({
-			brokenUrl: ERROR_URL,
-			errorDoc: genericErrorDoc(),
-			state: "error",
-			format: "isolated"
-		});
-		await click("[data-test-broken-link-reveal]");
-		assert.dom("[data-test-broken-link-message]").isVisible("message stays visible when the stack header differs from it");
-		let redundant = genericErrorDoc();
-		redundant.stack = `Error: ${redundant.message}\n    at PetCard.render (pet.gts:42:7)`;
-		await renderTemplate({
-			brokenUrl: ERROR_URL,
-			errorDoc: redundant,
-			state: "error",
-			format: "isolated"
-		});
-		await click("[data-test-broken-link-reveal]");
-		assert.dom("[data-test-broken-link-message]").hasText(redundant.message).isNotVisible("the redundant message stays in the DOM but is visually hidden");
-	});
-	(0, import_qunit.test)("atom format renders an inline placeholder with the type name and a reveal trigger", async function(assert) {
-		await renderTemplate({
-			brokenUrl: NOT_FOUND_URL,
-			errorDoc: notFoundErrorDoc(),
-			state: "not-found",
-			format: "atom"
-		});
-		assert.dom("[data-test-broken-link-template=\"atom\"]").exists();
-		assert.dom("[data-test-broken-link-type]").hasText("Pet");
-		assert.dom("[data-test-broken-link-reveal]").exists();
-		assert.dom("[data-test-broken-link-overlay]").isNotVisible();
-	});
-	(0, import_qunit.test)("renders without crashing when errorDoc is minimal", async function(assert) {
-		await renderTemplate({
-			brokenUrl: ERROR_URL,
-			errorDoc: {
-				status: 500,
-				message: "",
-				additionalErrors: null
-			},
-			state: "error",
-			format: "embedded"
-		});
-		assert.dom("[data-test-broken-link-url]").hasText(ERROR_URL);
-		assert.dom("[data-test-broken-link-message]").doesNotExist("no message in DOM when the doc has none");
-	});
-	(0, import_qunit.test)("renders unsafe URLs as plain text rather than an anchor (defence against corrupted card data)", async function(assert) {
-		let evilUrl = "javascript:alert(1)";
-		await renderTemplate({
-			brokenUrl: evilUrl,
-			errorDoc: notFoundErrorDoc(),
-			state: "not-found",
-			format: "embedded"
-		});
-		assert.dom("[data-test-broken-link-url]").exists("the URL is still recoverable in the DOM").hasText(evilUrl).hasTagName("span", "rendered as plain text — clicking it cannot navigate");
-	});
-});
-//#endregion