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

package/bundled-test-harness/assets/setup-CssMNvui.js

@@ -0,0 +1,772 @@
+import "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Br as testRealmURL } from "./runtime-common-BTaLJEw-.js";
+import { T as rri } from "./paths-C9-NYXnM.js";
+import { D as baseRRI } from "./constants-Icc0nFW-.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 { j as FieldContainer } from "./components-Ck24ubaT.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, ot as setupOperatorModeStateCleanup, t as setupMockMatrix } from "./mock-matrix-FjsXmU7-.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+//#region tests/integration/components/operator-mode/setup.gts
+function setupOperatorModeTests(hooks) {
+	setupRenderingTest(hooks);
+	setupOperatorModeStateCleanup(hooks);
+	const realmName = "Operator Mode Workspace";
+	let loader;
+	let testRealm;
+	let testRealmAdapter;
+	let operatorModeStateService;
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+		operatorModeStateService = getService("operator-mode-state-service");
+	});
+	setupLocalIndexing(hooks);
+	setupRealmCacheTeardown(hooks);
+	setupOnSave(hooks);
+	setupCardLogs(hooks, async () => await loader.import("@cardstack/base/card-api"));
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: true
+	});
+	hooks.beforeEach(async function() {
+		let cardApi;
+		let string;
+		let textArea;
+		let cardsGrid;
+		let spec;
+		cardApi = await loader.import("@cardstack/base/card-api");
+		string = await loader.import("@cardstack/base/string");
+		textArea = await loader.import("@cardstack/base/text-area");
+		cardsGrid = await loader.import("@cardstack/base/cards-grid");
+		spec = await loader.import("@cardstack/base/spec");
+		let { field, contains, containsMany, linksTo, linksToMany, serialize, CardDef, Component, FieldDef } = cardApi;
+		let { default: StringField } = string;
+		let { default: TextAreaField } = textArea;
+		let { CardsGrid } = cardsGrid;
+		let { Spec } = spec;
+		let friendWithCSSSource = `
+      import { Component, field, contains, linksTo, CardDef, StringField } from '@cardstack/base/card-api';
+      export class FriendWithCSS extends CardDef {
+        static displayName = 'Friend';
+        @field cardTitle = contains(StringField);
+        @field friend = linksTo(() => FriendWithCSS);
+        static isolated = class Isolated extends Component<typeof this> {
+          <template>
+            <div class='friend'>
+              <@fields.cardTitle />
+              has a friend
+              <div class="friend-container">
+                <@fields.friend />
+              </div>
+            </div>
+            <style scoped>
+              .friend {
+                color: red;
+              }
+              .friend-container {
+                padding: 5px;
+                height: 65px;
+              }
+            </style>
+          </template>
+        };
+      }
+    `;
+		class Car extends CardDef {
+			static displayName = "Car";
+			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": "F7hHy4Az",
+						"block": "[[[10,\"h3\"],[15,\"data-test-pet\",[30,1,[\"name\"]]],[14,\"data-test-embedded\",\"\"],[12],[1,\"\\n  \"],[8,[30,2,[\"name\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static fitted = class Fitted extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "q0MCnfZ3",
+						"block": "[[[10,\"h3\"],[15,\"data-test-pet\",[30,1,[\"name\"]]],[14,\"data-test-fitted\",\"\"],[12],[1,\"\\n  \"],[8,[30,2,[\"name\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Pet extends CardDef {
+			static displayName = "Pet";
+			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": "F7hHy4Az",
+						"block": "[[[10,\"h3\"],[15,\"data-test-pet\",[30,1,[\"name\"]]],[14,\"data-test-embedded\",\"\"],[12],[1,\"\\n  \"],[8,[30,2,[\"name\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static fitted = class Fitted extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "q0MCnfZ3",
+						"block": "[[[10,\"h3\"],[15,\"data-test-pet\",[30,1,[\"name\"]]],[14,\"data-test-fitted\",\"\"],[12],[1,\"\\n  \"],[8,[30,2,[\"name\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class ShippingInfo extends FieldDef {
+			static displayName = "Shipping Info";
+			static {
+				decorateFieldV2(this.prototype, "preferredCarrier", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#preferredCarrier = (initializeDeferredDecorator(this, "preferredCarrier"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "remarks", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#remarks = (initializeDeferredDecorator(this, "remarks"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						return this.preferredCarrier;
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static embedded = class Embedded extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "Gkun2moX",
+						"block": "[[[10,1],[15,\"data-test-preferredCarrier\",[30,1,[\"preferredCarrier\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"preferredCarrier\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Address extends FieldDef {
+			static displayName = "Address";
+			static {
+				decorateFieldV2(this.prototype, "city", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#city = (initializeDeferredDecorator(this, "city"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "country", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#country = (initializeDeferredDecorator(this, "country"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "shippingInfo", [field], function() {
+					return contains(ShippingInfo);
+				});
+			}
+			#shippingInfo = (initializeDeferredDecorator(this, "shippingInfo"), void 0);
+			static embedded = class Embedded extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "dVliwRzu",
+						"block": "[[[10,0],[14,\"data-test-address\",\"\"],[12],[1,\"\\n  \"],[10,\"h3\"],[15,\"data-test-city\",[30,1,[\"city\"]]],[12],[1,\"\\n    \"],[8,[30,2,[\"city\"]],null,null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,\"h3\"],[15,\"data-test-country\",[30,1,[\"country\"]]],[12],[1,\"\\n    \"],[8,[30,2,[\"country\"]],null,null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,0],[14,\"data-test-shippingInfo-field\",\"\"],[12],[8,[30,2,[\"shippingInfo\"]],null,null,null],[13],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static edit = class Edit extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "x+ctMfUd",
+						"block": "[[[8,[32,0],[[24,\"data-test-boxel-input-city\",\"\"]],[[\"@label\",\"@tag\"],[\"city\",\"label\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[30,1,[\"city\"]],null,null,null],[1,\"\\n\"]],[]]]]],[1,\"\\n\"],[8,[32,0],[[24,\"data-test-boxel-input-country\",\"\"]],[[\"@label\",\"@tag\"],[\"country\",\"label\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[30,1,[\"country\"]],null,null,null],[1,\"\\n\"]],[]]]]],[1,\"\\n\"],[10,0],[14,\"data-test-shippingInfo-field\",\"\"],[12],[8,[30,1,[\"shippingInfo\"]],null,null,null],[13]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"scope": () => [FieldContainer],
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Friend extends CardDef {
+			static displayName = "Friend";
+			static {
+				decorateFieldV2(this.prototype, "name", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#name = (initializeDeferredDecorator(this, "name"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "friend", [field], function() {
+					return linksTo(() => Friend);
+				});
+			}
+			#friend = (initializeDeferredDecorator(this, "friend"), void 0);
+			static fitted = class Fitted extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "ZX/XMcks",
+						"block": "[[[8,[30,1,[\"name\"]],null,null,null]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Person extends CardDef {
+			static displayName = "Person";
+			static {
+				decorateFieldV2(this.prototype, "firstName", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "pet", [field], function() {
+					return linksTo(Pet);
+				});
+			}
+			#pet = (initializeDeferredDecorator(this, "pet"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "friends", [field], function() {
+					return linksToMany(Pet);
+				});
+			}
+			#friends = (initializeDeferredDecorator(this, "friends"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cars", [field], function() {
+					return linksToMany(Car);
+				});
+			}
+			#cars = (initializeDeferredDecorator(this, "cars"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "nicknames", [field], function() {
+					return containsMany(StringField);
+				});
+			}
+			#nicknames = (initializeDeferredDecorator(this, "nicknames"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "favoriteGames", [field], function() {
+					return containsMany(StringField);
+				});
+			}
+			#favoriteGames = (initializeDeferredDecorator(this, "favoriteGames"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "firstLetterOfTheName", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						return this.firstName[0];
+					} });
+				});
+			}
+			#firstLetterOfTheName = (initializeDeferredDecorator(this, "firstLetterOfTheName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						return this.firstName;
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "address", [field], function() {
+					return contains(Address);
+				});
+			}
+			#address = (initializeDeferredDecorator(this, "address"), void 0);
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "mL7SNcW0",
+						"block": "[[[10,\"h2\"],[15,\"data-test-person\",[30,1,[\"firstName\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"firstName\"]],null,null,null],[1,\"\\n\"],[13],[1,\"\\n\"],[10,2],[15,\"data-test-first-letter-of-the-name\",[30,1,[\"firstLetterOfTheName\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"firstLetterOfTheName\"]],null,null,null],[1,\"\\n\"],[13],[1,\"\\nPet:\\n\"],[8,[30,2,[\"pet\"]],null,null,null],[1,\"\\nFriends:\\n\"],[8,[30,2,[\"friends\"]],null,null,null],[1,\"\\nCars:\\n\"],[8,[30,2,[\"cars\"]],null,null,null],[1,\"\\nNicknames:\\n\"],[8,[30,2,[\"nicknames\"]],null,null,null],[1,\"\\nFavorite Games:\\n\"],[8,[30,2,[\"favoriteGames\"]],null,null,null],[1,\"\\n\"],[10,0],[14,\"data-test-addresses\",\"\"],[12],[1,\"Address: \"],[8,[30,2,[\"address\"]],null,null,null],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class BoomField extends StringField {
+			static [serialize](_boom) {
+				throw new Error("Boom!");
+			}
+			static embedded = class Embedded extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "fxPSHrRZ",
+						"block": "[[[1,[30,1]]],[\"@model\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class BoomPet extends Pet {
+			static displayName = "Boom Pet";
+			static {
+				decorateFieldV2(this.prototype, "boom", [field], function() {
+					return contains(BoomField);
+				});
+			}
+			#boom = (initializeDeferredDecorator(this, "boom"), void 0);
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "9AE2VZvU",
+						"block": "[[[10,\"h2\"],[15,\"data-test-pet\",[30,1,[\"name\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"name\"]],null,null,null],[1,\"\\n  \"],[8,[30,2,[\"boom\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Author extends CardDef {
+			static displayName = "Author";
+			static {
+				decorateFieldV2(this.prototype, "firstName", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "lastName", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#lastName = (initializeDeferredDecorator(this, "lastName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						return [this.firstName, this.lastName].filter(Boolean).join(" ");
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "ZFaWydBQ",
+						"block": "[[[10,0],[14,\"data-test-isolated-author\",\"\"],[12],[1,\"\\n  \"],[8,[30,1,[\"cardTitle\"]],null,null,null],[1,\"\\n  \"],[8,[30,1,[\"firstName\"]],null,null,null],[1,\"\\n  \"],[8,[30,1,[\"lastName\"]],null,null,null],[1,\"\\n\"],[13]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static fitted = class Fitted extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "ghjRsgjY",
+						"block": "[[[10,1],[15,\"data-test-author\",[29,[[30,1,[\"firstName\"]]]]],[12],[1,\"\\n  \"],[8,[30,2,[\"firstName\"]],null,null,null],[1,\"\\n  \"],[8,[30,2,[\"lastName\"]],null,null,null],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class SpecCardLinker extends CardDef {
+			static displayName = "Spec Card Link";
+			static {
+				decorateFieldV2(this.prototype, "spec", [field], function() {
+					return linksTo(Spec);
+				});
+			}
+			#spec = (initializeDeferredDecorator(this, "spec"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "9YrKEIkn",
+						"block": "[[[10,0],[14,\"data-test-spec-card-linker-isolated\",\"\"],[12],[1,\"\\n  The card is:\\n  \"],[8,[30,1,[\"cardTitle\"]],null,null,null],[1,\"\\n  \"],[10,\"br\"],[12],[13],[1,\"\\n  Linked to:\\n  \"],[1,[30,2,[\"spec\",\"cardTitle\"]]],[1,\"\\n\"],[13]],[\"@fields\",\"@model\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class BlogPost extends CardDef {
+			static displayName = "Blog Post";
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "slug", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#slug = (initializeDeferredDecorator(this, "slug"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(TextAreaField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "authorBio", [field], function() {
+					return linksTo(Author);
+				});
+			}
+			#authorBio = (initializeDeferredDecorator(this, "authorBio"), void 0);
+			static fitted = class Fitted extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "uHBfGUMT",
+						"block": "[[[8,[30,1,[\"cardTitle\"]],null,null,null],[1,\" by \"],[8,[30,1,[\"authorBio\"]],null,null,null]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "hEa/Ga+r",
+						"block": "[[[10,0],[14,\"data-test-blog-post-isolated\",\"\"],[12],[1,\"\\n  \"],[8,[30,1,[\"cardTitle\"]],null,null,null],[1,\"\\n  by\\n  \"],[8,[30,1,[\"authorBio\"]],null,null,null],[1,\"\\n\"],[13]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class ExplodingCard extends CardDef {
+			static displayName = "Exploding Card";
+			static {
+				decorateFieldV2(this.prototype, "name", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#name = (initializeDeferredDecorator(this, "name"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "status", [field], function() {
+					return contains(StringField);
+				});
+			}
+			#status = (initializeDeferredDecorator(this, "status"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(StringField, { computeVia: function() {
+						if (this.status === "boom") throw new Error("Boom!");
+						return this.name;
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+		}
+		class PublishingPacket extends CardDef {
+			static displayName = "Publishing Packet";
+			static headerColor = "#6638ff";
+			static {
+				decorateFieldV2(this.prototype, "blogPost", [field], function() {
+					return linksTo(BlogPost);
+				});
+			}
+			#blogPost = (initializeDeferredDecorator(this, "blogPost"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "socialBlurb", [field], function() {
+					return contains(TextAreaField);
+				});
+			}
+			#socialBlurb = (initializeDeferredDecorator(this, "socialBlurb"), void 0);
+			static isolated = class Isolated extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "BKH5aNqO",
+						"block": "[[[10,0],[14,\"data-test-pubpacket-isolated\",\"\"],[12],[1,\"\\n  \"],[10,\"h1\"],[12],[8,[30,1,[\"cardTitle\"]],null,null,null],[13],[1,\"\\n  \"],[10,2],[12],[8,[30,1,[\"socialBlurb\"]],null,null,null],[13],[1,\"\\n  Posts:\\n  \"],[8,[30,1,[\"blogPost\"]],null,null,null],[1,\"\\n\"],[13]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static edit = class Edit extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "e4BZiD+S",
+						"block": "[[[10,0],[14,\"data-test-pubpacket-edit\",\"\"],[12],[1,\"\\n  \"],[10,\"h1\"],[12],[8,[30,1,[\"cardTitle\"]],null,null,null],[13],[1,\"\\n  \"],[10,0],[12],[1,\"\\n    \"],[10,\"label\"],[14,\"data-test-field\",\"cardInfo-name\"],[12],[1,\"\\n      \"],[8,[30,1,[\"cardInfo\",\"name\"]],null,null,null],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,\"label\"],[14,\"data-test-field\",\"blogPost\"],[12],[1,\"\\n    Blog Post:\\n    \"],[8,[30,1,[\"blogPost\"]],null,null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,\"label\"],[14,\"data-test-field\",\"socialBlurb\"],[12],[1,\"\\n    Social Blurb:\\n    \"],[8,[30,1,[\"socialBlurb\"]],null,null,null],[1,\"\\n  \"],[13],[1,\"\\n\"],[13]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/operator-mode/setup.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class PetRoom extends CardDef {
+			static displayName = "Pet Room";
+			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);
+		}
+		let myvi = new Car({ name: "Myvi" });
+		let proton = new Car({ name: "Proton" });
+		let petMango = new Pet({ name: "Mango" });
+		let petJackie = new Pet({ name: "Jackie" });
+		let petWoody = new Pet({ name: "Woody" });
+		let petBuzz = new Pet({ name: "Buzz" });
+		let friendB = new Friend({ name: "Friend B" });
+		let author1 = new Author({
+			firstName: "Alien",
+			lastName: "Bob"
+		});
+		let blogPost = new BlogPost({
+			cardTitle: "Outer Space Journey",
+			body: "Hello world",
+			authorBio: author1
+		});
+		let explodingCard = new ExplodingCard({
+			name: "Stable Example",
+			status: "ok"
+		});
+		let preExplodedCard = new ExplodingCard({
+			name: "Pre-Exploded Example",
+			status: "boom"
+		});
+		let personCards = /* @__PURE__ */ new Map();
+		for (let i = 1; i <= 11; i++) personCards.set(`Person/${i}.json`, new Person({
+			firstName: String(i),
+			address: new Address({
+				city: "Bandung",
+				country: "Indonesia"
+			}),
+			pet: petMango
+		}));
+		({adapter: testRealmAdapter, realm: testRealm} = await withCachedRealmSetup(async () => await setupIntegrationTestRealm({
+			mockMatrixUtils,
+			contents: {
+				"pet.gts": { Pet },
+				"shipping-info.gts": { ShippingInfo },
+				"address.gts": { Address },
+				"person.gts": { Person },
+				"boom-field.gts": { BoomField },
+				"boom-pet.gts": { BoomPet },
+				"blog-post.gts": { BlogPost },
+				"exploding-card.gts": { ExplodingCard },
+				"car.gts": { Car },
+				"author.gts": { Author },
+				"friend.gts": { Friend },
+				"friend-with-css.gts": friendWithCSSSource,
+				"publishing-packet.gts": { PublishingPacket },
+				"pet-room.gts": { PetRoom },
+				"Pet/mango.json": petMango,
+				"spec-card-linker.gts": { SpecCardLinker },
+				"BoomPet/paper.json": new BoomPet({ name: "Paper" }),
+				"Car/myvi.json": myvi,
+				"Car/proton.json": proton,
+				"SpecCardLinker/spec-card-linker.json": { data: {
+					attributes: { cardTitle: "Spec Card Linker" },
+					meta: { adoptsFrom: {
+						module: rri("../spec-card-linker.gts"),
+						name: "SpecCardLinker"
+					} }
+				} },
+				"fields/biginteger-field.json": { data: {
+					attributes: {
+						cardTitle: "Bigint Field",
+						cardDescription: "A field that captures big int values",
+						specType: "field",
+						ref: {
+							module: baseRRI("big-integer"),
+							name: "default"
+						}
+					},
+					meta: { adoptsFrom: {
+						module: baseRRI("spec"),
+						name: "Spec"
+					} }
+				} },
+				"Pet/jackie.json": petJackie,
+				"Pet/woody.json": petWoody,
+				"Pet/buzz.json": petBuzz,
+				"Person/fadhlan.json": new Person({
+					firstName: "Fadhlan",
+					address: new Address({
+						city: "Bandung",
+						country: "Indonesia",
+						shippingInfo: new ShippingInfo({
+							preferredCarrier: "DHL",
+							remarks: `Don't let bob deliver the package--he's always bringing it to the wrong address`
+						})
+					}),
+					pet: petMango,
+					nicknames: ["Lan"],
+					favoriteGames: ["Soccer"]
+				}),
+				"Person/hassan.json": { data: {
+					attributes: { firstName: "Hassan" },
+					relationships: { friends: { links: { self: null } } },
+					meta: { adoptsFrom: {
+						module: rri("../person"),
+						name: "Person"
+					} }
+				} },
+				"Person/burcu.json": new Person({
+					firstName: "Burcu",
+					friends: [
+						petJackie,
+						petWoody,
+						petBuzz
+					],
+					cars: [myvi, proton],
+					nicknames: [
+						"Ace",
+						"Bolt",
+						"Comet"
+					],
+					favoriteGames: ["Chess", "Go"]
+				}),
+				"Friend/friend-b.json": friendB,
+				"Friend/friend-a.json": new Friend({
+					name: "Friend A",
+					friend: friendB
+				}),
+				"FriendWithCSS/friend-b.json": { data: {
+					attributes: { cardTitle: "Jade" },
+					meta: { adoptsFrom: {
+						module: rri("../friend-with-css.gts"),
+						name: "FriendWithCSS"
+					} }
+				} },
+				"FriendWithCSS/friend-a.json": { data: {
+					attributes: { cardTitle: "Hassan" },
+					relationships: { friend: { links: { self: "./friend-b" } } },
+					meta: { adoptsFrom: {
+						module: rri("../friend-with-css.gts"),
+						name: "FriendWithCSS"
+					} }
+				} },
+				"FriendWithCSS/missing-link.json": { data: {
+					attributes: { cardTitle: "Boris" },
+					relationships: { friend: { links: { self: "./does-not-exist" } } },
+					meta: { adoptsFrom: {
+						module: rri("../friend-with-css.gts"),
+						name: "FriendWithCSS"
+					} }
+				} },
+				"grid.json": new CardsGrid(),
+				"index.json": new CardsGrid(),
+				"Spec/publishing-packet.json": new Spec({
+					cardTitle: "Publishing Packet",
+					cardDescription: "Spec for PublishingPacket",
+					specType: "card",
+					ref: {
+						module: `${testRealmURL}publishing-packet`,
+						name: "PublishingPacket"
+					}
+				}),
+				"Spec/pet-room.json": new Spec({
+					cardTitle: "General Pet Room",
+					cardDescription: "Spec for Pet Room Card",
+					specType: "card",
+					ref: {
+						module: `${testRealmURL}pet-room`,
+						name: "PetRoom"
+					}
+				}),
+				"Spec/pet-card.json": new Spec({
+					cardTitle: "Pet",
+					cardDescription: "Spec for Pet",
+					specType: "card",
+					ref: {
+						module: `${testRealmURL}pet`,
+						name: "Pet"
+					}
+				}),
+				"Author/1.json": author1,
+				"Author/2.json": new Author({ firstName: "R2-D2" }),
+				"Author/mark.json": new Author({
+					firstName: "Mark",
+					lastName: "Jackson"
+				}),
+				"BlogPost/1.json": blogPost,
+				"BlogPost/2.json": new BlogPost({ cardTitle: "Beginnings" }),
+				"ExplodingCard/1.json": explodingCard,
+				"ExplodingCard/exploded.json": preExplodedCard,
+				"CardDef/1.json": new CardDef({ cardTitle: "CardDef instance" }),
+				"PublishingPacket/story.json": new PublishingPacket({
+					cardTitle: "Space Story",
+					blogPost
+				}),
+				"realm.json": realmConfigCardJSON({
+					name: realmName,
+					iconURL: "https://boxel-images.boxel.ai/icons/Letter-o.png"
+				}),
+				...Object.fromEntries(personCards)
+			}
+		})));
+		await getService("realm").getOrCreateRealmResource(testRealmURL).fetchInfo();
+	});
+	function setCardInOperatorModeState(cardURL, format = "isolated") {
+		operatorModeStateService.restore({ stacks: cardURL ? [[{
+			id: cardURL,
+			format
+		}]] : [[]] });
+	}
+	return {
+		realmName,
+		setCardInOperatorModeState,
+		get loader() {
+			return loader;
+		},
+		get testRealm() {
+			return testRealm;
+		},
+		get testRealmAdapter() {
+			return testRealmAdapter;
+		},
+		get operatorModeStateService() {
+			return operatorModeStateService;
+		}
+	};
+}
+//#endregion
+export { setupOperatorModeTests as t };