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

package/bundled-test-harness/assets/schema-generation-test-uLLGm5Vh.js

@@ -0,0 +1,28 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { r as basicMappings } from "./ai-CqDVSGbV.js";
+import { t as HostToolClasses } from "./tools-CTjy7Aub.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { t as setupWindowMock } from "./test-support-CDK-SbYd.js";
+//#region tests/integration/tools/schema-generation-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Integration | Command | host command schema generation test", function(hooks) {
+	setupRenderingTest(hooks);
+	setupWindowMock(hooks);
+	(0, import_qunit.module)("command schema generation", function(hooks) {
+		let loader;
+		let mappings;
+		let cardAPI;
+		hooks.beforeEach(async function() {
+			loader = getService("loader-service").loader;
+			mappings = await basicMappings(loader);
+			cardAPI = await loader.import("@cardstack/base/card-api");
+		});
+		for (const CommandClass of HostToolClasses) (0, import_qunit.test)("getInputJsonSchema for " + CommandClass.name, async function(assert) {
+			const inputSchema = await new CommandClass(getService("tool-service").toolContext).getInputJsonSchema(cardAPI, mappings, true);
+			assert.ok(inputSchema, "Input JSON schema is defined");
+		});
+	});
+});
+//#endregion

package/bundled-test-harness/assets/score-BQhCQdUP.js

@@ -0,0 +1,2 @@
+import { n as ScoreEmbedded, t as ScoreAtom } from "./score-CoWEzENH.js";
+export { ScoreAtom, ScoreEmbedded };

package/bundled-test-harness/assets/score-CoWEzENH.js

@@ -0,0 +1,100 @@
+import "./chunk-Rp0pCe6z.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import { r as concat } from "./helper-m6jA5HmU.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import "./template-C81fYDrq.js";
+import { i as getNumericValue, o as statusRampColor, r as getFormattedDisplayValue, t as calculatePercentage } from "./util-LfBohus7.js";
+//#region ../base/number/components/score.gts
+var ScoreAtom = class extends Component {
+	get options() {
+		return this.args.configuration?.options ?? {};
+	}
+	get numericValue() {
+		return getNumericValue(this.args.model);
+	}
+	get minValue() {
+		return this.options.min ?? 0;
+	}
+	get maxValue() {
+		return this.options.max ?? 100;
+	}
+	get percentage() {
+		return Math.min(100, Math.max(0, calculatePercentage(this.numericValue, this.minValue, this.maxValue)));
+	}
+	get iconColor() {
+		return statusRampColor(this.percentage);
+	}
+	get displayValue() {
+		return getFormattedDisplayValue(this.args.model, this.options);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "aQCB//0+",
+			"block": "[[[10,1],[14,0,\"score-field-atom\"],[14,\"data-scopedcss-554aaeba95-2c25d4abba\",\"\"],[12],[1,\"\\n  \"],[10,\"svg\"],[14,0,\"trophy-icon\"],[15,5,[28,[32,0],[[28,[32,1],[\"color: \",[30,0,[\"iconColor\"]]],null]],null]],[14,\"viewBox\",\"0 0 16 16\"],[14,\"fill\",\"currentColor\"],[14,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[14,\"data-scopedcss-554aaeba95-2c25d4abba\",\"\"],[12],[1,\"\\n    \"],[10,\"path\"],[14,\"d\",\"M8 2L10.09 6.26L14 7.27L11 10.14L11.18 14.02L8 12.77L4.82 14.02L5 10.14L2 7.27L5.91 6.26L8 2Z\"],[14,\"data-scopedcss-554aaeba95-2c25d4abba\",\"\"],[12],[13],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,1],[14,0,\"value\"],[14,\"data-scopedcss-554aaeba95-2c25d4abba\",\"\"],[12],[1,[30,0,[\"displayValue\"]]],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/number/components/score.gts",
+			"scope": () => [htmlSafe, concat],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var ScoreEmbedded = class extends Component {
+	get options() {
+		return this.args.configuration?.options ?? {};
+	}
+	get displayValue() {
+		return getFormattedDisplayValue(this.args.model, this.options);
+	}
+	get numericValue() {
+		return getNumericValue(this.args.model);
+	}
+	get minValue() {
+		return this.options.min ?? 0;
+	}
+	get maxValue() {
+		return this.options.max ?? 100;
+	}
+	get percentage() {
+		return Math.min(100, Math.max(0, calculatePercentage(this.numericValue, this.minValue, this.maxValue)));
+	}
+	get scoreColor() {
+		return statusRampColor(this.percentage);
+	}
+	get tierLabel() {
+		if (this.percentage >= 75) return "Excellent";
+		if (this.percentage >= 50) return "Good";
+		if (this.percentage >= 25) return "Fair";
+		return "Poor";
+	}
+	get percentile() {
+		const inversePercentage = 100 - this.percentage;
+		if (inversePercentage < 15) return "Top 15%";
+		if (inversePercentage < 30) return "Top 30%";
+		if (inversePercentage < 50) return "Top 50%";
+		return "Below Average";
+	}
+	get label() {
+		return this.options.label ?? "Score";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "qmdrKuAu",
+			"block": "[[[10,0],[14,0,\"score-field-embedded\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,0,\"score-header\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n    \"],[10,1],[14,0,\"score-label\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"Score\"],[13],[1,\"\\n    \"],[10,0],[14,0,\"score-badge\"],[15,5,[28,[32,0],[[28,[32,1],[\"background: \",[30,0,[\"scoreColor\"]]],null]],null]],[14,\"data-test-score-badge\",\"\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n      \"],[10,\"svg\"],[14,0,\"badge-icon\"],[14,\"viewBox\",\"0 0 16 16\"],[14,\"fill\",\"currentColor\"],[14,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n        \"],[10,\"path\"],[14,\"d\",\"M8 2L10.09 6.26L14 7.27L11 10.14L11.18 14.02L8 12.77L4.82 14.02L5 10.14L2 7.27L5.91 6.26L8 2Z\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[13],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,1],[14,0,\"badge-tier\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,[30,0,[\"tierLabel\"]]],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,0],[14,0,\"score-main\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n    \"],[10,0],[14,0,\"score-display\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n      \"],[10,1],[14,0,\"score-value\"],[15,5,[28,[32,0],[[28,[32,1],[\"color: \",[30,0,[\"scoreColor\"]]],null]],null]],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"\\n        \"],[1,[30,0,[\"displayValue\"]]],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,1],[14,0,\"score-max\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,\"/ \"],[1,[30,0,[\"maxValue\"]]],[13],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,0],[14,0,\"score-percentile\"],[14,\"data-scopedcss-554aaeba95-e2935fa371\",\"\"],[12],[1,[30,0,[\"percentile\"]]],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/number/components/score.gts",
+			"scope": () => [htmlSafe, concat],
+			"isStrictMode": true
+		}), this);
+	}
+};
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["number/components/score"] = {
+	"css": ["./score.gts.CiAgLnNjb3JlLWZpZWxkLWF0b21bZGF0YS1zY29wZWRjc3MtNTU0YWFlYmE5NS0yYzI1ZDRhYmJhXSB7CiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBnYXA6IDAuMzc1cmVtOwogICAgcGFkZGluZzogMC4yNXJlbSAwLjYyNXJlbTsKICAgIGJhY2tncm91bmQ6IHZhcigtLW11dGVkKTsKICAgIGJvcmRlci1yYWRpdXM6IDk5OXB4OwogICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tYm9yZGVyKTsKICB9CiAgLnRyb3BoeS1pY29uW2RhdGEtc2NvcGVkY3NzLTU1NGFhZWJhOTUtMmMyNWQ0YWJiYV0gewogICAgd2lkdGg6IDFyZW07CiAgICBoZWlnaHQ6IDFyZW07CiAgICBmbGV4LXNocmluazogMDsKICAgIHRyYW5zaXRpb246IGNvbG9yIDAuM3MgZWFzZTsKICB9CiAgLnZhbHVlW2RhdGEtc2NvcGVkY3NzLTU1NGFhZWJhOTUtMmMyNWQ0YWJiYV0gewogICAgZm9udC1zaXplOiAwLjg3NXJlbTsKICAgIGZvbnQtd2VpZ2h0OiA3MDA7CiAgICBjb2xvcjogdmFyKC0tZm9yZWdyb3VuZCwgdmFyKC0tYm94ZWwtZGFyaykpOwogICAgbGluZS1oZWlnaHQ6IDE7CiAgfQo%3D.glimmer-scoped.css", "./score.gts.CiAgLnNjb3JlLWZpZWxkLWVtYmVkZGVkW2RhdGEtc2NvcGVkY3NzLTU1NGFhZWJhOTUtZTI5MzVmYTM3MV0gewogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICBnYXA6IDFyZW07CiAgICBwYWRkaW5nOiAxLjVyZW07CiAgICBib3JkZXItcmFkaXVzOiAxcmVtOwogICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgdmFyKC0tY2FyZCkgMCUsIHZhcigtLW11dGVkKSAxMDAlKTsKICAgIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLWJvcmRlcik7CiAgICBib3gtc2hhZG93OgogICAgICAwIDRweCA2cHggLTFweCByZ2IoMCAwIDAgLyAwLjA1KSwKICAgICAgMCAycHggNHB4IC0xcHggcmdiKDAgMCAwIC8gMC4wMyk7CiAgfQogIC5zY29yZS1oZWFkZXJbZGF0YS1zY29wZWRjc3MtNTU0YWFlYmE5NS1lMjkzNWZhMzcxXSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB9CiAgLnNjb3JlLWxhYmVsW2RhdGEtc2NvcGVkY3NzLTU1NGFhZWJhOTUtZTI5MzVmYTM3MV0gewogICAgZm9udC1zaXplOiAwLjg3NXJlbTsKICAgIGZvbnQtd2VpZ2h0OiA2MDA7CiAgICBsZXR0ZXItc3BhY2luZzogMC4wMjVlbTsKICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7CiAgICBjb2xvcjogdmFyKC0tbXV0ZWQtZm9yZWdyb3VuZCk7CiAgfQogIC5zY29yZS1iYWRnZVtkYXRhLXNjb3BlZGNzcy01NTRhYWViYTk1LWUyOTM1ZmEzNzFdIHsKICAgIGRpc3BsYXk6IGlubGluZS1mbGV4OwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGdhcDogMC4zNzVyZW07CiAgICBwYWRkaW5nOiAwLjM3NXJlbSAwLjc1cmVtOwogICAgYm9yZGVyLXJhZGl1czogOTk5cHg7CiAgICBib3gtc2hhZG93OiAwIDJweCA0cHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIH0KICAuYmFkZ2UtaWNvbltkYXRhLXNjb3BlZGNzcy01NTRhYWViYTk1LWUyOTM1ZmEzNzFdIHsKICAgIHdpZHRoOiAwLjg3NXJlbTsKICAgIGhlaWdodDogMC44NzVyZW07CiAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpOwogIH0KICAuYmFkZ2UtdGllcltkYXRhLXNjb3BlZGNzcy01NTRhYWViYTk1LWUyOTM1ZmEzNzFdIHsKICAgIGZvbnQtc2l6ZTogMC43NXJlbTsKICAgIGZvbnQtd2VpZ2h0OiA3MDA7CiAgICBsZXR0ZXItc3BhY2luZzogMC4wNWVtOwogICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKICAgIGNvbG9yOiAjZmZmZmZmOwogIH0KICAuc2NvcmUtbWFpbltkYXRhLXNjb3BlZGNzcy01NTRhYWViYTk1LWUyOTM1ZmEzNzFdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgICBnYXA6IDFyZW07CiAgfQogIC5zY29yZS1kaXNwbGF5W2RhdGEtc2NvcGVkY3NzLTU1NGFhZWJhOTUtZTI5MzVmYTM3MV0gewogICAgZGlzcGxheTogZmxleDsKICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTsKICAgIGdhcDogMC41cmVtOwogIH0KICAuc2NvcmUtdmFsdWVbZGF0YS1zY29wZWRjc3MtNTU0YWFlYmE5NS1lMjkzNWZhMzcxXSB7CiAgICBmb250LXNpemU6IDMuNXJlbTsKICAgIGZvbnQtd2VpZ2h0OiA5MDA7CiAgICBsaW5lLWhlaWdodDogMTsKICAgIGxldHRlci1zcGFjaW5nOiAtMC4wM2VtOwogIH0KICAuc2NvcmUtbWF4W2RhdGEtc2NvcGVkY3NzLTU1NGFhZWJhOTUtZTI5MzVmYTM3MV0gewogICAgZm9udC1zaXplOiAxLjVyZW07CiAgICBmb250LXdlaWdodDogNjAwOwogICAgY29sb3I6IHZhcigtLW11dGVkLWZvcmVncm91bmQpOwogIH0KICAuc2NvcmUtcGVyY2VudGlsZVtkYXRhLXNjb3BlZGNzcy01NTRhYWViYTk1LWUyOTM1ZmEzNzFdIHsKICAgIGZvbnQtc2l6ZTogMC44NzVyZW07CiAgICBmb250LXdlaWdodDogNjAwOwogICAgcGFkZGluZzogMC4zNzVyZW0gMC43NXJlbTsKICAgIGJhY2tncm91bmQ6IHZhcigtLW11dGVkKTsKICAgIGJvcmRlci1yYWRpdXM6IDAuNXJlbTsKICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kKTsKICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgfQo%3D.glimmer-scoped.css"],
+	"imports": ["number/util/index"]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["number/components/score"] = {
+	"ScoreAtom": ScoreAtom,
+	"ScoreEmbedded": ScoreEmbedded
+};
+//#endregion
+export { ScoreEmbedded as n, ScoreAtom as t };

package/bundled-test-harness/assets/scrolling-test-WHWEkKeZ.js

@@ -0,0 +1,384 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Ar as testRealmURL, Vn as APP_BOXEL_MESSAGE_MSGTYPE } from "./runtime-common-ClpqhbwG.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import "./panel-C3E0s49q.js";
+import { t as OperatorModeContainer } from "./container-Dj-5prh9.js";
+import { M as waitUntil, T as settled, d as click, l as triggerEvent, o as waitFor } from "./dist-BOAdzfkP.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { D as realmConfigCardJSON, F as setupLocalIndexing, I as setupOnSave, L as setupRealmCacheTeardown, M as setupCardLogs, P as setupIntegrationTestRealm, Z as withCachedRealmSetup, lt as setupRenderingTest, ot as setupOperatorModeStateCleanup, t as setupMockMatrix } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { A as field, a as CardDef, s as Component$1, w as contains } from "./card-api-Dzje0smT.js";
+import { t as string_default } from "./string-BHZZwNlZ.js";
+import { n as renderComponent } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/ai-assistant-panel/scrolling-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Integration | ai-assistant-panel | scrolling", function(hooks) {
+	const realmName = "Operator Mode Workspace";
+	let loader;
+	let operatorModeStateService;
+	setupRenderingTest(hooks);
+	setupOperatorModeStateCleanup(hooks);
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+	});
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	setupRealmCacheTeardown(hooks);
+	setupCardLogs(hooks, async () => await loader.import("@cardstack/base/card-api"));
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: true,
+		now: (() => {
+			let clock = new Date(2024, 8, 19).getTime();
+			return () => clock += 10;
+		})()
+	});
+	let { createAndJoinRoom, simulateRemoteMessage, setReadReceipt } = mockMatrixUtils;
+	let noop = () => {};
+	hooks.beforeEach(async function() {
+		operatorModeStateService = getService("operator-mode-state-service");
+		class Person extends CardDef {
+			static displayName = "Person";
+			static {
+				decorateFieldV2(this.prototype, "firstName", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "firstLetterOfTheName", [field], function() {
+					return contains(string_default, { computeVia: function() {
+						return this.firstName[0];
+					} });
+				});
+			}
+			#firstLetterOfTheName = (initializeDeferredDecorator(this, "firstLetterOfTheName"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(string_default, { computeVia: function() {
+						return this.firstName;
+					} });
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static isolated = class Isolated extends Component$1 {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "4Vw0ki00",
+						"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]],[\"@model\",\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/scrolling-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		await withCachedRealmSetup(async () => {
+			await setupIntegrationTestRealm({
+				mockMatrixUtils,
+				contents: {
+					"person.gts": { Person },
+					"Person/fadhlan.json": new Person({ firstName: "Fadhlan" }),
+					"realm.json": realmConfigCardJSON({ name: realmName })
+				}
+			});
+		});
+	});
+	function setCardInOperatorModeState(cardURL, format = "isolated") {
+		operatorModeStateService.restore({ stacks: cardURL ? [[{
+			id: cardURL,
+			format
+		}]] : [[]] });
+	}
+	async function openAiAssistant() {
+		await waitFor("[data-test-open-ai-assistant]");
+		await click("[data-test-open-ai-assistant]");
+		await waitFor("[data-test-room-settled]");
+		let roomId = document.querySelector("[data-test-room]")?.getAttribute("data-test-room");
+		if (!roomId) throw new Error("Expected a room ID");
+		return roomId;
+	}
+	async function renderAiAssistantPanel(id) {
+		setCardInOperatorModeState(id);
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "JWmIdgRk",
+					"block": "[[[8,[32,0],null,[[\"@onClose\"],[[32,1]]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/scrolling-test.gts",
+					"scope": () => [OperatorModeContainer, noop],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		return await openAiAssistant();
+	}
+	async function scrollAiAssistantToBottom() {
+		let conversationElement = document.querySelector("[data-test-ai-assistant-conversation]");
+		conversationElement.scrollTop = conversationElement.scrollHeight - conversationElement.clientHeight;
+		await triggerEvent("[data-test-ai-assistant-conversation]", "scroll");
+		await new Promise((r) => setTimeout(r, 500));
+	}
+	async function scrollAiAssistantToTop() {
+		let conversationElement = document.querySelector("[data-test-ai-assistant-conversation]");
+		conversationElement.scrollTop = 0;
+		await triggerEvent("[data-test-ai-assistant-conversation]", "scroll");
+		await new Promise((r) => setTimeout(r, 500));
+	}
+	function isAiAssistantScrolledToBottom() {
+		let conversationElement = document.querySelector("[data-test-ai-assistant-conversation]");
+		return Math.abs(conversationElement.scrollHeight - conversationElement.clientHeight - conversationElement.scrollTop) < 50;
+	}
+	function isAiAssistantScrolledToTop() {
+		return document.querySelector("[data-test-ai-assistant-conversation]").scrollTop < 20;
+	}
+	const MAX_GEOMETRY_SAMPLES = 40;
+	let scrollGeometryLog = [];
+	let stopSamplingScrollGeometry;
+	hooks.beforeEach(function() {
+		scrollGeometryLog = [];
+		let startedAt = performance.now();
+		let previousGeometry;
+		let sampling = true;
+		let sample = () => {
+			if (!sampling) return;
+			let conversationElement = document.querySelector("[data-test-ai-assistant-conversation]");
+			if (conversationElement) {
+				let { scrollHeight, clientHeight } = conversationElement;
+				let scrollTop = Math.round(conversationElement.scrollTop);
+				let geometry = `scrollHeight=${scrollHeight} clientHeight=${clientHeight} scrollTop=${scrollTop}`;
+				if (geometry !== previousGeometry && scrollGeometryLog.length < MAX_GEOMETRY_SAMPLES) {
+					previousGeometry = geometry;
+					scrollGeometryLog.push(`+${Math.round(performance.now() - startedAt)}ms ${geometry} distanceFromBottom=${scrollHeight - clientHeight - scrollTop}`);
+				}
+			}
+			requestAnimationFrame(sample);
+		};
+		requestAnimationFrame(sample);
+		stopSamplingScrollGeometry = () => sampling = false;
+	});
+	hooks.afterEach(function() {
+		stopSamplingScrollGeometry?.();
+		stopSamplingScrollGeometry = void 0;
+	});
+	function describeScrollPosition() {
+		let history = scrollGeometryLog.length ? `\n  conversation geometry through this test:\n    ${scrollGeometryLog.join("\n    ")}` : "";
+		let conversationElement = document.querySelector("[data-test-ai-assistant-conversation]");
+		if (!conversationElement) return `no [data-test-ai-assistant-conversation] element${history}`;
+		let { scrollHeight, clientHeight, scrollTop } = conversationElement;
+		return `scrollHeight=${scrollHeight} clientHeight=${clientHeight} scrollTop=${scrollTop} distanceFromBottom=${scrollHeight - clientHeight - scrollTop} bottomThreshold=50${history}`;
+	}
+	async function assertScrolledToBottom(assert, message = "AI assistant is scrolled to bottom") {
+		try {
+			await waitUntil(() => isAiAssistantScrolledToBottom(), { timeout: 2e3 });
+			assert.ok(true, message);
+		} catch (e) {
+			let reason = e instanceof Error ? e.message : String(e);
+			assert.ok(false, `${message} — ${describeScrollPosition()} (${reason})`);
+		}
+	}
+	async function assertScrolledToTop(assert, message = "AI assistant is scrolled to top") {
+		try {
+			await waitUntil(() => isAiAssistantScrolledToTop(), { timeout: 2e3 });
+			assert.ok(true, message);
+		} catch (e) {
+			let reason = e instanceof Error ? e.message : String(e);
+			assert.ok(false, `${message} — ${describeScrollPosition()} (${reason})`);
+		}
+	}
+	function fillRoomWithReadMessages(roomId, messagesHaveBeenRead = true) {
+		for (let i = 0; i < 20; i++) {
+			simulateRemoteMessage(roomId, "@testuser:localhost", {
+				body: `question #${i + 1}`,
+				msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
+				format: "org.matrix.custom.html",
+				isStreamingFinished: true
+			});
+			let eventId = simulateRemoteMessage(roomId, "@aibot:localhost", {
+				body: `answer #${i + 1}`,
+				msgtype: "m.text",
+				format: "org.matrix.custom.html",
+				isStreamingFinished: true
+			});
+			if (messagesHaveBeenRead) setReadReceipt(roomId, eventId, "@testuser:localhost");
+		}
+	}
+	(0, import_qunit.test)("it shows unread message indicator when new message received and not scrolled to bottom", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		fillRoomWithReadMessages(roomId);
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await scrollAiAssistantToTop();
+		assert.dom("[data-test-unread-messages-button]").doesNotExist("unread messages button does not exist when all messages have been read");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			body: "This is an unread message",
+			msgtype: "m.text",
+			format: "org.matrix.custom.html",
+			isStreamingFinished: true
+		});
+		await waitFor("[data-test-message-idx=\"40\"]");
+		assert.dom("[data-test-unread-messages-button]").exists("unread messages button exists when there are unread messages");
+		assert.dom("[data-test-unread-messages-button]").containsText("1 New Message");
+	});
+	(0, import_qunit.test)("clicking on unread message indicator scrolls to unread message", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		fillRoomWithReadMessages(roomId);
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await scrollAiAssistantToTop();
+		assert.dom("[data-test-unread-messages-button]").doesNotExist("unread messages button does not exist when all messages have been read");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			body: "This is an unread message",
+			msgtype: "m.text",
+			format: "org.matrix.custom.html",
+			isStreamingFinished: true
+		});
+		await waitFor("[data-test-message-idx=\"40\"]");
+		await click("[data-test-unread-messages-button]");
+		await assertScrolledToBottom(assert);
+	});
+	(0, import_qunit.test)("it does not show unread message indicator when new message received and scrolled to bottom", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		fillRoomWithReadMessages(roomId);
+		await scrollAiAssistantToBottom();
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			body: "This is an unread message",
+			msgtype: "m.text",
+			format: "org.matrix.custom.html",
+			isStreamingFinished: true
+		});
+		await waitFor("[data-test-message-idx=\"40\"]");
+		assert.dom("[data-test-unread-messages-button]").doesNotExist("unread messages button does not exist when scrolled to the bottom");
+	});
+	function shrinkConversationViewport(byPixels) {
+		let roomElement = document.querySelector("[data-test-room]");
+		if (!roomElement) throw new Error("Expected a room element");
+		roomElement.style.height = `${roomElement.clientHeight - byPixels}px`;
+	}
+	(0, import_qunit.test)("it stays at the bottom when the conversation viewport shrinks", async function(assert) {
+		fillRoomWithReadMessages(await renderAiAssistantPanel());
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await scrollAiAssistantToBottom();
+		shrinkConversationViewport(60);
+		await assertScrolledToBottom(assert, "AI assistant stays at the bottom after the conversation viewport shrinks");
+	});
+	(0, import_qunit.test)("it pins to the bottom when a viewport shrink makes a short conversation scrollable", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		simulateRemoteMessage(roomId, "@testuser:localhost", {
+			body: "question #1",
+			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
+			format: "org.matrix.custom.html",
+			isStreamingFinished: true
+		});
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			body: "answer #1",
+			msgtype: "m.text",
+			format: "org.matrix.custom.html",
+			isStreamingFinished: true
+		});
+		await waitFor("[data-test-message-idx=\"1\"]");
+		let conversationElement = document.querySelector("[data-test-ai-assistant-conversation]");
+		assert.strictEqual(conversationElement.scrollHeight, conversationElement.clientHeight, "the conversation fits its viewport before the shrink");
+		shrinkConversationViewport(conversationElement.clientHeight - 80);
+		await assertScrolledToBottom(assert, "AI assistant pins to the bottom when a viewport shrink makes the conversation scrollable");
+	});
+	(0, import_qunit.test)("it holds its scroll position when the conversation viewport shrinks away from the bottom", async function(assert) {
+		fillRoomWithReadMessages(await renderAiAssistantPanel());
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await scrollAiAssistantToTop();
+		shrinkConversationViewport(60);
+		await assertScrolledToTop(assert, "AI assistant holds its scroll position when the viewport shrinks and the conversation is not at the bottom");
+	});
+	(0, import_qunit.test)("it scrolls to first unread message when opening a room with unread messages", async function(assert) {
+		setCardInOperatorModeState(`${testRealmURL}Person/fadhlan`);
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "JWmIdgRk",
+					"block": "[[[8,[32,0],null,[[\"@onClose\"],[[32,1]]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/scrolling-test.gts",
+					"scope": () => [OperatorModeContainer, noop],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		await waitFor("[data-test-person=\"Fadhlan\"]");
+		fillRoomWithReadMessages(createAndJoinRoom({
+			sender: "@testuser:localhost",
+			name: "test room 1"
+		}), false);
+		await settled();
+		await click("[data-test-open-ai-assistant]");
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await assertScrolledToTop(assert, "AI assistant is scrolled to top (where the first unread message is)");
+	});
+	(0, import_qunit.test)("it scrolls to last message when opening a room with no unread messages", async function(assert) {
+		setCardInOperatorModeState(`${testRealmURL}Person/fadhlan`);
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "JWmIdgRk",
+					"block": "[[[8,[32,0],null,[[\"@onClose\"],[[32,1]]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/scrolling-test.gts",
+					"scope": () => [OperatorModeContainer, noop],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		await waitFor("[data-test-person=\"Fadhlan\"]");
+		fillRoomWithReadMessages(createAndJoinRoom({
+			sender: "@testuser:localhost",
+			name: "test room 1"
+		}));
+		await settled();
+		await click("[data-test-open-ai-assistant]");
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await assertScrolledToBottom(assert);
+	});
+	(0, import_qunit.test)("scrolling stays at the bottom if a message is streaming in", async function(assert) {
+		setCardInOperatorModeState(`${testRealmURL}Person/fadhlan`);
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "JWmIdgRk",
+					"block": "[[[8,[32,0],null,[[\"@onClose\"],[[32,1]]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/scrolling-test.gts",
+					"scope": () => [OperatorModeContainer, noop],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		await waitFor("[data-test-person=\"Fadhlan\"]");
+		let roomId = createAndJoinRoom({
+			sender: "@testuser:localhost",
+			name: "test room 1"
+		});
+		fillRoomWithReadMessages(roomId);
+		await settled();
+		await click("[data-test-open-ai-assistant]");
+		await waitFor("[data-test-message-idx=\"39\"]");
+		await assertScrolledToBottom(assert);
+		let eventId = simulateRemoteMessage(roomId, "@aibot:localhost", {
+			body: `thinking...`,
+			msgtype: "m.text",
+			format: "org.matrix.custom.html",
+			isStreamingFinished: false
+		});
+		assert.ok(isAiAssistantScrolledToBottom(), "AI assistant is scrolled to bottom");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			body: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`,
+			msgtype: "m.text",
+			format: "org.matrix.custom.html",
+			isStreamingFinished: true,
+			["m.relates_to"]: {
+				rel_type: "m.replace",
+				event_id: eventId
+			}
+		});
+		assert.ok(isAiAssistantScrolledToBottom(), "AI assistant is scrolled to bottom");
+	});
+});
+//#endregion