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

package/bundled-test-harness/assets/reasoning-test-CwTfyDlj.js

@@ -0,0 +1,234 @@
+import { s as __toESM } from "./chunk-CGdGNDIi.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime-CYyqkz5q-z3Y1hsJm.js";
+import { Mn as APP_BOXEL_REASONING_CONTENT_KEY, Zn as testRealmURL, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
+import { $n as setComponentTemplate } from "./service-DJ87xpDt.js";
+import { V as templateFactory } from "./index-DaCZcoCY-D2gI_aMw.js";
+import { o as Component } from "./dist-CXaz7pMY.js";
+import "./template-D3TMIrc1.js";
+import "./template-factory-DMEv2kVd.js";
+import { t as OperatorModeContainer } from "./container-C8gu0I0Q.js";
+import { A as settled, I as waitUntil, d as click, o as waitFor } from "./dist-D1U_uSwt.js";
+import { t as require_qunit } from "./qunit-Cqwmt9Vl.js";
+import { r as getService } from "./dist-CY3T64Hs.js";
+import { A as setupIntegrationTestRealm, M as setupOnSave, N as setupRealmCacheTeardown, O as setupCardLogs, et as setupOperatorModeStateCleanup, j as setupLocalIndexing, q as withCachedRealmSetup, rt as setupRenderingTest, t as setupMockMatrix, w as realmConfigCardJSON } from "./mock-matrix-BhFWlMMr.js";
+import { G as contains, I as StringField, Q as field, a as CardDef, d as Component$1, mt as setupBaseRealm } from "./base-realm-DpSTsZxD.js";
+import { n as renderComponent } from "./render-component-Bs21y6iv.js";
+//#region tests/integration/components/ai-assistant-panel/reasoning-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Integration | ai-assistant-panel | reasoning", function(hooks) {
+	const realmName = "Operator Mode Workspace";
+	let loader;
+	let operatorModeStateService;
+	setupRenderingTest(hooks);
+	setupOperatorModeStateCleanup(hooks);
+	setupBaseRealm(hooks);
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+	});
+	setupLocalIndexing(hooks);
+	setupOnSave(hooks);
+	setupRealmCacheTeardown(hooks);
+	setupCardLogs(hooks, async () => await loader.import(`${baseRealm.url}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 { simulateRemoteMessage } = 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(StringField);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), 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 isolated = class Isolated extends Component$1 {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "q1dtpnh4",
+						"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/reasoning-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": "lQTD3fFO",
+					"block": "[[[8,[32,0],null,[[\"@onClose\"],[[32,1]]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/reasoning-test.gts",
+					"scope": () => [OperatorModeContainer, noop],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		return await openAiAssistant();
+	}
+	(0, import_qunit.test)("it can render reasoning from ai bot", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.",
+			body: null,
+			msgtype: "m.text",
+			isStreamingFinished: false
+		});
+		await waitFor(`[data-test-room="${roomId}"] [data-test-message-idx="0"]`);
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").containsText("they want to know what kind of dog to get");
+	});
+	(0, import_qunit.test)("by default reasoning content expands when reasoning starts streaming, then collapses when body starts streaming", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		let eventId = simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "Thinking...",
+			body: null,
+			msgtype: "m.text",
+			isStreamingFinished: false
+		});
+		await waitFor(`[data-test-room="${roomId}"] [data-test-message-idx="0"]`);
+		assert.dom("[data-test-message-idx=\"0\"] .reasoning-content").containsText("Thinking...");
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").doesNotExist();
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.",
+			body: null,
+			msgtype: "m.text",
+			isStreamingFinished: false,
+			"m.relates_to": {
+				rel_type: "m.replace",
+				event_id: eventId
+			}
+		});
+		await waitUntil(() => {
+			return document.querySelector("[data-test-message-idx=\"0\"] details[data-test-reasoning]")?.textContent?.includes?.("they want to know what kind of dog to get");
+		});
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").containsText("they want to know what kind of dog to get");
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").hasAttribute("open");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.",
+			body: "You should get a",
+			msgtype: "m.text",
+			isStreamingFinished: false,
+			"m.relates_to": {
+				rel_type: "m.replace",
+				event_id: eventId
+			}
+		});
+		await waitUntil(() => {
+			return document.querySelector("[data-test-message-idx=\"0\"]")?.textContent?.includes?.("You should get a");
+		});
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").doesNotHaveAttribute("open");
+	});
+	(0, import_qunit.test)("if user explicity collapses or expands reasoning content, that state is remembered", async function(assert) {
+		let roomId = await renderAiAssistantPanel();
+		let eventId = simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "Thinking...",
+			body: null,
+			msgtype: "m.text",
+			isStreamingFinished: false
+		});
+		await settled();
+		assert.dom("[data-test-message-idx=\"0\"] .reasoning-content").containsText("Thinking...");
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").doesNotExist();
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.",
+			body: null,
+			msgtype: "m.text",
+			isStreamingFinished: false,
+			"m.relates_to": {
+				rel_type: "m.replace",
+				event_id: eventId
+			}
+		});
+		await settled();
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").containsText("they want to know what kind of dog to get");
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").hasAttribute("open");
+		await click("[data-test-message-idx=\"0\"] details[data-test-reasoning] summary");
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").doesNotHaveAttribute("open");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.\n\nThey like beagles.",
+			body: null,
+			msgtype: "m.text",
+			isStreamingFinished: false,
+			"m.relates_to": {
+				rel_type: "m.replace",
+				event_id: eventId
+			}
+		});
+		await settled();
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").doesNotHaveAttribute("open");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.\n\nThey like beagles.",
+			body: "You should get a beagle.",
+			msgtype: "m.text",
+			isStreamingFinished: false
+		});
+		await settled();
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").doesNotHaveAttribute("open");
+		await click("[data-test-message-idx=\"0\"] details[data-test-reasoning] summary");
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").hasAttribute("open");
+		simulateRemoteMessage(roomId, "@aibot:localhost", {
+			[APP_BOXEL_REASONING_CONTENT_KEY]: "OK, they want to know what kind of dog to get. Let me think about what relevant details I know about them.\n\nThey like beagles.",
+			body: "You should get a beagle. They are great companions.",
+			msgtype: "m.text",
+			isStreamingFinished: false,
+			"m.relates_to": {
+				rel_type: "m.replace",
+				event_id: eventId
+			}
+		});
+		await settled();
+		assert.dom("[data-test-message-idx=\"0\"] details[data-test-reasoning]").hasAttribute("open");
+	});
+});
+//#endregion

package/bundled-test-harness/assets/recent-files-test-MVIGLp8S.js

@@ -0,0 +1,449 @@
+import { s as __toESM } from "./chunk-CGdGNDIi.js";
+import { Zn as testRealmURL, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
+import { I as waitUntil, c as triggerKeyEvent, d as click, i as findAll, o as waitFor, s as fillIn } from "./dist-D1U_uSwt.js";
+import { s as Position } from "./editor.api-C-6J5J7V.js";
+import "./editor.main-CpuM6HrX.js";
+import { t as require_qunit } from "./qunit-Cqwmt9Vl.js";
+import { r as getService } from "./dist-CY3T64Hs.js";
+import { D as setupAcceptanceTestRealm, F as setupUserSubscription, N as setupRealmCacheTeardown, a as SYSTEM_CARD_FIXTURE_CONTENTS, at as setupAuthEndpoints, dt as percySnapshot, j as setupLocalIndexing, nt as setupApplicationTest, q as withCachedRealmSetup, t as setupMockMatrix, tt as visitOperatorMode, w as realmConfigCardJSON } from "./mock-matrix-BhFWlMMr.js";
+import { r as getRecentFiles, s as setRecentFiles } from "./recent-files-cards-C3vIjaKb.js";
+//#region tests/acceptance/code-submode/recent-files-test.ts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var indexCardSource = `
+  import { CardDef, Component } from "https://cardstack.com/base/card-api";
+
+  export class Index extends CardDef {
+    static isolated = class Isolated extends Component<typeof this> {
+      <template>
+        <div data-test-index-card>
+          Hello, world!
+        </div>
+      </template>
+    };
+  }
+`;
+var personCardSource = `
+  import { contains, containsMany, field, linksToMany, CardDef, Component } from "https://cardstack.com/base/card-api";
+  import StringField from "https://cardstack.com/base/string";
+  import { Friend } from './friend';
+
+  export class Person extends CardDef {
+    static displayName = 'Person';
+    @field firstName = contains(StringField);
+    @field lastName = contains(StringField);
+    @field cardTitle = contains(StringField, {
+      computeVia: function (this: Person) {
+        return [this.firstName, this.lastName].filter(Boolean).join(' ');
+      },
+    });
+    @field friends = linksToMany(Friend);
+    @field address = containsMany(StringField);
+    static isolated = class Isolated extends Component<typeof this> {
+      <template>
+        <div data-test-person>
+          <p>First name: <@fields.firstName /></p>
+          <p>Last name: <@fields.lastName /></p>
+          <p>Title: <@fields.cardTitle /></p>
+          <p>Address List: <@fields.address /></p>
+          <p>Friends: <@fields.friends /></p>
+        </div>
+        <style scoped>
+          div {
+            color: green;
+            content: '';
+          }
+        </style>
+      </template>
+    };
+  }
+`;
+var employeeCardSource = `
+  import {
+    contains,
+    field,
+    Component,
+  } from 'https://cardstack.com/base/card-api';
+  import StringField from 'https://cardstack.com/base/string';
+  import { Person } from './person';
+
+  export class Employee extends Person {
+    static displayName = 'Employee';
+    @field department = contains(StringField);
+
+    static isolated = class Isolated extends Component<typeof this> {
+      <template>
+        <@fields.firstName /> <@fields.lastName />
+
+        Department: <@fields.department />
+      </template>
+    };
+  }
+`;
+var inThisFileSource = `
+  import {
+    contains,
+    field,
+    CardDef,
+    FieldDef,
+  } from 'https://cardstack.com/base/card-api';
+  import StringField from 'https://cardstack.com/base/string';
+
+  export const exportedVar = 'exported var';
+
+  const localVar = 'local var';
+
+  class LocalClass {}
+  export class ExportedClass {}
+
+  export class ExportedClassInheritLocalClass extends LocalClass {}
+
+  function localFunction() {}
+  export function exportedFunction() {}
+
+  export { LocalClass as AClassWithExportName };
+
+  class LocalCard extends CardDef {
+    static displayName = 'local card';
+  }
+
+  export class ExportedCard extends CardDef {
+    static displayName = 'exported card';
+    @field someString = contains(StringField);
+  }
+
+  export class ExportedCardInheritLocalCard extends LocalCard {
+    static displayName = 'exported card extends local card';
+  }
+
+  class LocalField extends FieldDef {
+    static displayName = 'local field';
+  }
+  export class ExportedField extends FieldDef {
+    static displayName = 'exported field';
+    @field someString = contains(StringField);
+  }
+
+  export class ExportedFieldInheritLocalField extends LocalField {
+    static displayName = 'exported field extends local field';
+  }
+
+  export default class DefaultClass {}
+`;
+var friendCardSource = `
+  import { contains, linksTo, field, CardDef, Component } from "https://cardstack.com/base/card-api";
+  import StringField from "https://cardstack.com/base/string";
+
+  export class Friend extends CardDef {
+    static displayName = 'Friend';
+    @field name = contains(StringField);
+    @field friend = linksTo(() => Friend);
+    @field cardTitle = contains(StringField, {
+      computeVia: function (this: Person) {
+        return name;
+      },
+    });
+    static isolated = class Isolated extends Component<typeof this> {
+      <template>
+        <div data-test-person>
+          <p>First name: <@fields.firstName /></p>
+          <p>Last name: <@fields.lastName /></p>
+          <p>Title: <@fields.cardTitle /></p>
+        </div>
+        <style scoped>
+          div {
+            color: green;
+            content: '';
+          }
+        </style>
+      </template>
+    };
+  }
+`;
+var monacoService;
+(0, import_qunit.module)("Acceptance | code submode | recent files tests", function(hooks) {
+	setupApplicationTest(hooks);
+	setupLocalIndexing(hooks);
+	setupRealmCacheTeardown(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [baseRealm.url, testRealmURL]
+	});
+	let { createAndJoinRoom } = mockMatrixUtils;
+	hooks.beforeEach(async function() {
+		createAndJoinRoom({
+			sender: "@testuser:localhost",
+			name: "room-test"
+		});
+		setupUserSubscription();
+		setupAuthEndpoints();
+		monacoService = getService("monaco-service");
+		await withCachedRealmSetup(async () => {
+			await setupAcceptanceTestRealm({
+				mockMatrixUtils,
+				contents: {
+					...SYSTEM_CARD_FIXTURE_CONTENTS,
+					"index.gts": indexCardSource,
+					"pet-person.gts": personCardSource,
+					"person.gts": personCardSource,
+					"français.json": "{}",
+					"friend.gts": friendCardSource,
+					"employee.gts": employeeCardSource,
+					"in-this-file.gts": inThisFileSource,
+					"person-entry.json": { data: {
+						type: "card",
+						attributes: {
+							cardTitle: "Person",
+							cardDescription: "Spec",
+							specType: "card",
+							ref: {
+								module: `./person`,
+								name: "Person"
+							}
+						},
+						meta: { adoptsFrom: {
+							module: `${baseRealm.url}spec`,
+							name: "Spec"
+						} }
+					} },
+					"index.json": { data: {
+						type: "card",
+						attributes: {},
+						meta: { adoptsFrom: {
+							module: "./index",
+							name: "Index"
+						} }
+					} },
+					"not-json.json": "I am not JSON.",
+					"Person/1.json": { data: {
+						type: "card",
+						attributes: {
+							firstName: "Hassan",
+							lastName: "Abdel-Rahman"
+						},
+						meta: { adoptsFrom: {
+							module: "../person",
+							name: "Person"
+						} }
+					} },
+					"z00.json": "{}",
+					"z01.json": "{}",
+					"z02.json": "{}",
+					"z03.json": "{}",
+					"z04.json": "{}",
+					"z05.json": "{}",
+					"z06.json": "{}",
+					"z07.json": "{}",
+					"z08.json": "{}",
+					"z09.json": "{}",
+					"z10.json": "{}",
+					"z11.json": "{}",
+					"z12.json": "{}",
+					"z13.json": "{}",
+					"z14.json": "{}",
+					"z15.json": "{}",
+					"z16.json": "{}",
+					"z17.json": "{}",
+					"z18.json": "{}",
+					"z19.json": "{}",
+					"zzz/zzz/file.json": "{}",
+					"realm.json": realmConfigCardJSON({
+						name: "Test Workspace B",
+						backgroundURL: "https://i.postimg.cc/VNvHH93M/pawel-czerwinski-Ly-ZLa-A5jti-Y-unsplash.jpg",
+						iconURL: "https://i.postimg.cc/L8yXRvws/icon.png"
+					})
+				}
+			});
+		});
+	});
+	const recentFilesWoTimestamp = () => getRecentFiles()?.map(([realmURL, filePath, cursorP, _ts]) => [
+		realmURL,
+		filePath,
+		cursorP
+	]);
+	(0, import_qunit.test)("recent file links are shown", async function(assert) {
+		setRecentFiles([
+			[testRealmURL, "index.json"],
+			["https://localhost:4202/test/", "français.json"],
+			"a-non-url-to-ignore"
+		]);
+		await visitOperatorMode({
+			stacks: [[{
+				id: `${testRealmURL}Person/1`,
+				format: "isolated"
+			}]],
+			submode: "code",
+			codePath: `${testRealmURL}Person/1.json`,
+			fileView: "browser",
+			openDirs: {}
+		});
+		await waitFor("[data-test-file]");
+		await waitFor("[data-test-directory]");
+		await waitUntil(() => findAll("[data-test-recent-file]").length === 2);
+		assert.dom("[data-test-recent-file]").exists({ count: 2 });
+		await waitFor("[data-test-recent-file]:nth-child(1) [data-test-realm-icon-url]");
+		assert.dom("[data-test-recent-file]:nth-child(1) [data-test-realm-icon-url]").hasStyle({ backgroundImage: "url(\"https://i.postimg.cc/L8yXRvws/icon.png\")" }).hasAttribute("role", "img").hasAttribute("aria-label", "Test Workspace B");
+		await waitFor("[data-test-recent-file]:nth-child(2) [data-test-realm-icon-url]");
+		assert.dom("[data-test-recent-file]:nth-child(2) [data-test-realm-icon-url]").hasStyle({ backgroundImage: "url(\"https://boxel-images.boxel.ai/icons/cardstack.png\")" }).hasAttribute("role", "img").hasAttribute("aria-label", "Test Workspace A");
+		await click("[data-test-file=\"index.json\"]");
+		assert.dom("[data-test-recent-file]:nth-child(1)").containsText("Person/1 .json");
+		await waitFor("[data-test-file=\"Person/1.json\"]");
+		await click("[data-test-file=\"Person/1.json\"]");
+		assert.dom("[data-test-recent-file]:nth-child(1)").containsText("index .json");
+		await waitFor("[data-test-file=\"français.json\"]");
+		await click("[data-test-file=\"français.json\"]");
+		assert.dom("[data-test-recent-file]:first-child").containsText("Person/1 .json").doesNotContainText(testRealmURL, "expected realm root to be hidden");
+		assert.dom("[data-test-recent-file]:nth-child(2)").containsText("index .json");
+		await click("[data-test-recent-file]:nth-child(2)");
+		assert.dom("[data-test-index-card]").exists("index card is rendered");
+		assert.dom("[data-test-recent-file]:first-child").containsText("français .json");
+		assert.dom("[data-test-recent-file]:nth-child(2)").containsText("Person/1 .json");
+		assert.deepEqual(recentFilesWoTimestamp(), [
+			[
+				testRealmURL,
+				"index.json",
+				null
+			],
+			[
+				testRealmURL,
+				"français.json",
+				null
+			],
+			[
+				testRealmURL,
+				"Person/1.json",
+				null
+			],
+			[
+				"https://localhost:4202/test/",
+				"français.json",
+				null
+			]
+		]);
+	});
+	(0, import_qunit.test)("recent files are truncated at 100", async function(assert) {
+		let recentFilesEntries = [];
+		for (let i = 0; i < 100; i++) recentFilesEntries.push([testRealmURL, `file-${i}.txt`]);
+		setRecentFiles(recentFilesEntries);
+		await visitOperatorMode({
+			stacks: [[{
+				id: `${testRealmURL}Person/1`,
+				format: "isolated"
+			}]],
+			submode: "code",
+			codePath: `${testRealmURL}Person/1.json`,
+			fileView: "browser",
+			openDirs: {}
+		});
+		await waitFor("[data-test-file]");
+		await waitFor("[data-test-directory]");
+		await percySnapshot(assert);
+		assert.dom("[data-test-recent-file]:nth-child(1)").containsText("file-0 .txt");
+		assert.dom("[data-test-recent-file]:nth-child(99)").containsText("file-98 .txt");
+		await click("[data-test-file=\"index.json\"]");
+		assert.dom("[data-test-recent-file]:nth-child(1)").containsText("Person/1 .json");
+		assert.dom("[data-test-recent-file]:nth-child(99)").containsText("file-97 .txt");
+	});
+	(0, import_qunit.test)("recent files section does not list files not-found", async function(assert) {
+		await visitOperatorMode({
+			submode: "code",
+			codePath: `${testRealmURL}person.gts`
+		});
+		await waitFor("[data-test-card-module-definition]");
+		assert.dom("[data-test-card-url-bar-input]").hasValue(`${testRealmURL}person.gts`);
+		assert.dom("[data-test-card-url-bar-error]").doesNotExist();
+		assert.dom("[data-test-recent-files]").exists();
+		assert.dom("[data-test-recent-file]").doesNotExist();
+		await fillIn("[data-test-card-url-bar-input]", `${testRealmURL}pers`);
+		await triggerKeyEvent("[data-test-card-url-bar-input]", "keypress", "Enter");
+		await waitFor("[data-test-card-module-definition]", { count: 0 });
+		assert.dom("[data-test-card-url-bar-input]").hasValue(`${testRealmURL}pers`);
+		assert.dom("[data-test-card-url-bar-error]").containsText("This resource does not exist");
+		assert.dom("[data-test-recent-file]").exists({ count: 1 });
+		assert.dom(`[data-test-recent-file="${testRealmURL}person.gts"]`).exists();
+		assert.dom(`[data-test-recent-file]:first-child`).containsText("person .gts");
+		await fillIn("[data-test-card-url-bar-input]", `${testRealmURL}Person/1.json`);
+		await triggerKeyEvent("[data-test-card-url-bar-input]", "keypress", "Enter");
+		assert.dom("[data-test-card-url-bar-input]").hasValue(`${testRealmURL}Person/1.json`);
+		assert.dom("[data-test-card-url-bar-error]").doesNotExist();
+		assert.dom("[data-test-recent-file]").exists({ count: 1 });
+		assert.dom(`[data-test-recent-file="${testRealmURL}pers"]`).doesNotExist();
+		assert.dom(`[data-test-recent-file]:first-child`).containsText("person .gts");
+	});
+	(0, import_qunit.test)("displays recent files in base realm", async function(assert) {
+		setRecentFiles([
+			["https://cardstack.com/base/", "code-ref.gts"],
+			["https://cardstack.com/base/", "spec.gts"],
+			"a-non-url-to-ignore"
+		]);
+		await visitOperatorMode({
+			stacks: [[{
+				id: `${testRealmURL}Person/1`,
+				format: "isolated"
+			}]],
+			submode: "code",
+			codePath: `https://cardstack.com/base/date.gts`,
+			fileView: "browser",
+			openDirs: {}
+		});
+		await waitFor("[data-test-file]");
+		await waitFor("[data-test-directory]");
+		assert.dom("[data-test-recent-file]").exists({ count: 2 });
+		await waitFor("[data-test-recent-file]:nth-child(1) [data-test-realm-icon-url]");
+		assert.dom("[data-test-recent-file]:nth-child(1) [data-test-realm-icon-url]").hasStyle({ backgroundImage: "url(\"https://boxel-images.boxel.ai/icons/cardstack.png\")" }).hasAttribute("role", "img").hasAttribute("aria-label", "Base Workspace");
+		await waitFor("[data-test-recent-file]:nth-child(2) [data-test-realm-icon-url]");
+		assert.dom("[data-test-recent-file]:nth-child(2) [data-test-realm-icon-url]").hasStyle({ backgroundImage: "url(\"https://boxel-images.boxel.ai/icons/cardstack.png\")" });
+		await waitFor("[data-test-file=\"field-component.gts\"]");
+		await click("[data-test-file=\"field-component.gts\"]");
+		await waitFor("[data-test-file=\"field-component.gts\"].selected");
+		assert.dom("[data-test-recent-file]:nth-child(1)").containsText("date .gts");
+		assert.dom("[data-test-recent-file]:nth-child(2)").containsText("code-ref .gts");
+		assert.dom("[data-test-recent-file]:nth-child(3)").containsText("spec .gts");
+		let removedCursorPositions = recentFilesWoTimestamp()?.map(([mod, name]) => [mod, name]);
+		assert.deepEqual(removedCursorPositions, [
+			["https://cardstack.com/base/", "field-component.gts"],
+			["https://cardstack.com/base/", "date.gts"],
+			["https://cardstack.com/base/", "code-ref.gts"],
+			["https://cardstack.com/base/", "spec.gts"]
+		]);
+	});
+	(0, import_qunit.test)("set cursor based on the position in recent file", async function(assert) {
+		setRecentFiles([[
+			testRealmURL,
+			"index.json",
+			null,
+			Date.now()
+		], [
+			testRealmURL,
+			"friend.gts",
+			{
+				line: 14,
+				column: 1
+			},
+			Date.now()
+		]]);
+		await visitOperatorMode({
+			stacks: [],
+			submode: "code",
+			codePath: `${testRealmURL}friend.gts`,
+			fileView: "browser",
+			openDirs: {}
+		});
+		let cursorPosition = monacoService.getCursorPosition();
+		assert.strictEqual(cursorPosition?.lineNumber, 14);
+		assert.strictEqual(cursorPosition?.column, 1);
+		monacoService.updateCursorPosition(new Position(22, 3));
+		assert.deepEqual(recentFilesWoTimestamp(), [[
+			testRealmURL,
+			"friend.gts",
+			{
+				column: 3,
+				line: 22
+			}
+		], [
+			testRealmURL,
+			"index.json",
+			null
+		]]);
+	});
+});
+//#endregion