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

package/bundled-test-harness/assets/dashboard-CmuOhIYC.js

@@ -0,0 +1,3628 @@
+import { r as __exportAll } from "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Fn as APP_BOXEL_ACTIVE_LLM, Gn as APP_BOXEL_LLM_MODE, Jo as isCardInstance, ks as logger, nr as APP_BOXEL_ROOM_SKILLS_EVENT_TYPE, pr as DEFAULT_FALLBACK_MODELS } from "./runtime-common-BTaLJEw-.js";
+import { C as resolveRRIReference, T as rri } from "./paths-C9-NYXnM.js";
+import { O as baseRealm } from "./constants-Icc0nFW-.js";
+import { A as trimJsonExtension } from "./bfm-card-references-Cjos2rOp.js";
+import { Vn as guidFor, et as tracked, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { d as action, r as service, t as Service } from "./service-LFpJ8EEP.js";
+import { H as templateFactory, S as on, ht as typeOf } from "./index-DaCZcoCY-CgzbilMy.js";
+import { n as src_default } from "./src-DPaAwa4H.js";
+import { l as NewSessionIdPersistenceKey } from "./local-storage-keys-CS7XLz7J.js";
+import { l as didCancel, n as buildTask } from "./async-arrow-runtime-STsj7E8Y.js";
+import { t as cached } from "./tracking-CNiq91Pk.js";
+import { i as fn, r as concat } from "./helper-BHX0HLF2.js";
+import "./modifier-D0EP-FQ7.js";
+import { n as Submodes, r as capitalize } from "./submode-switcher-BpDa9Rui.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import { n as tracked$1, t as cached$1 } from "./tracking-800VJb8b.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { T as add, c as eq, f as not, it as cn_default, l as gt, z as css_var_default } from "./helpers-U4_dLjnS.js";
+import { K as RealmIcon, mt as IconComponent$5, x as IconComponent$6 } from "./components-Ck24ubaT.js";
+import { B as IconComponent$8, n as IconComponent$7 } from "./icons-Ctk-4xDe.js";
+import { r as modifier } from "./dist-nMt-N14r.js";
+import "./internals-BTorg710.js";
+import { n as IconComponent$10, r as IconComponent$11, t as IconComponent$9 } from "./check-R9s-cqQx.js";
+import { t as IconComponent$12 } from "./copy-CQfP-SsZ.js";
+import { a as allSettled, r as timeout } from "./dist-DEVZvbin.js";
+import { t as IconComponent$13 } from "./chevron-down-DUSOcdba.js";
+import "./operator-mode-state-service-Bh__jfq7.js";
+import { t as importResource } from "./import-B4ndFN20.js";
+import { r as provide } from "./dist-Ble0L9o7.js";
+import { t as SearchResults } from "./search-results-DGrNaPxh.js";
+import { i as realmIdentifierSegments } from "./realm-utils-C4Js9BAW.js";
+import { n as getSearchEntriesResource } from "./search-entries-0TMjLUAc.js";
+import { n as isMatrixError } from "./matrix-utils-DgdkiqON.js";
+import { t as CreateAiAssistantRoomTool } from "./create-ai-assistant-room-C41ylhDb.js";
+import { t as SummarizeSessionTool } from "./summarize-session-Dy9LE5PI.js";
+import { t as UpdateRoomSkillsTool } from "./update-room-skills-BmB0o3wG.js";
+import { t as catalogRealmURL } from "./utils-DjDK6b6F.js";
+import { a as resolveSize, i as firstDefined, o as resolveTone, r as emit } from "./pretui-primitives-CRs8NRm0.js";
+import { t as Button } from "./button-BvYQm_A1.js";
+import { a as resolveOpen, d as focusWhen, f as listen, g as rovingTabindex, r as modalBehavior, t as POPUPS_IN_PLACE } from "./overlay-D2rQi8lJ.js";
+import { n as IconButton } from "./icon-button-C1zH38Nc.js";
+import { t as VisuallyHidden } from "./visually-hidden-KvpJ_iic.js";
+import { a as cssValue, i as cssStyleFrom, t as cssDeclaration } from "./pretui-css-BX-BJj3t.js";
+import { t as RealmURLTooltip } from "./realm-url-tooltip-D2wwSzyR.js";
+import { t as perform } from "./perform-g9ba6YNZ.js";
+import { t as keepStyle } from "./keep-style-BE2XHAZs.js";
+import { t as ProgressBar } from "./progress-bar-esZEZGws.js";
+import { t as Spinner } from "./spinner-Bx9x55NA.js";
+import { a as IconComponent$14, i as IconComponent$15, t as Menu } from "./menu-Cl50TSFe.js";
+import { t as IconComponent$16 } from "./alert-triangle-W33oN1Fi.js";
+import { n as IconComponent$17 } from "./play-CwV6e-PP.js";
+import { n as ai_assist_icon_2x_default, t as SegmentedControl } from "./segmented-control-DxJdoJ4Z.js";
+import { o as IconComponent$18 } from "./workspace-actions-jGJSfl8M.js";
+import { a as nearestNavIndexInRow, c as unreachableRealmServersMessage, i as listedFavoriteRealmIdentifiers, l as wallpaperImage, n as isHostedRealm, o as orderedCatalogRealmURLs, r as isOffScreen } from "./workspace-list-7bSufR_6.js";
+import { t as AddWorkspace } from "./add-workspace-CPnNIXS9.js";
+import { t as Select } from "./select-BiQTg2ts.js";
+import { t as IconComponent$19 } from "./settings-BMkO30Yi.js";
+import { i as linkedIds, s as storiesFrom, t as LISTING_FIELDS } from "./catalog-stories-C4pan19Z.js";
+import { a as fitPage, n as HostedPill, t as Workspace } from "./workspace-0LfPqbYB.js";
+import { t as greetingFor } from "./greeting-CKacu-Rn.js";
+//#region app/utils/titleize.ts
+var titleize_exports = /* @__PURE__ */ __exportAll({ titleize: () => titleize });
+function titleize(val) {
+	if (!val || typeOf(val) !== "string") return;
+	return (val.includes("-") ? val.split("-") : val.split(" ")).map((el) => capitalize(el)).join(" ");
+}
+//#endregion
+//#region app/services/ai-assistant-panel-service.ts
+var ai_assistant_panel_service_exports = /* @__PURE__ */ __exportAll({
+	NEW_SESSION_NAME: () => NEW_SESSION_NAME,
+	default: () => AiAssistantPanelService
+});
+var NEW_SESSION_NAME = "New AI Assistant Chat";
+var AiAssistantPanelService = class extends Service {
+	static {
+		decorateFieldV2(this.prototype, "codeSemanticsService", [service]);
+	}
+	#codeSemanticsService = (initializeDeferredDecorator(this, "codeSemanticsService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "toolService", [service]);
+	}
+	#toolService = (initializeDeferredDecorator(this, "toolService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "monacoService", [service]);
+	}
+	#monacoService = (initializeDeferredDecorator(this, "monacoService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "localPersistenceService", [service]);
+	}
+	#localPersistenceService = (initializeDeferredDecorator(this, "localPersistenceService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "session", [service]);
+	}
+	#session = (initializeDeferredDecorator(this, "session"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "store", [service]);
+	}
+	#store = (initializeDeferredDecorator(this, "store"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "displayRoomError", [tracked$1], function() {
+			return false;
+		});
+	}
+	#displayRoomError = (initializeDeferredDecorator(this, "displayRoomError"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "isShowingPastSessions", [tracked$1], function() {
+			return false;
+		});
+	}
+	#isShowingPastSessions = (initializeDeferredDecorator(this, "isShowingPastSessions"), void 0);
+	deletedRoomIds = /* @__PURE__ */ new Set();
+	static {
+		decorateFieldV2(this.prototype, "roomToRename", [tracked$1], function() {});
+	}
+	#roomToRename = (initializeDeferredDecorator(this, "roomToRename"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "roomToDelete", [tracked$1], function() {});
+	}
+	#roomToDelete = (initializeDeferredDecorator(this, "roomToDelete"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "roomDeleteError", [tracked$1], function() {});
+	}
+	#roomDeleteError = (initializeDeferredDecorator(this, "roomDeleteError"), void 0);
+	constructor(owner) {
+		super(owner);
+		this.resetState();
+		this.session.register(this);
+	}
+	sessionStarted() {
+		this.ensureRoomsLoaded();
+	}
+	ensureRoomsLoaded() {
+		if (!this.isOpen) return;
+		if (!this.matrixService.currentRoomId && !this.loadRoomsTask.isRunning) return this.loadRoomsTask.perform();
+	}
+	resetState() {
+		this.displayRoomError = false;
+		this.isShowingPastSessions = false;
+		this.roomToRename = void 0;
+		this.roomToDelete = void 0;
+		this.roomDeleteError = void 0;
+		this.deletedRoomIds.clear();
+		src_default.localStorage.removeItem(NewSessionIdPersistenceKey);
+		this.loadRoomsTask.cancelAll();
+		this.doCreateRoom.cancelAll();
+		this.summarizeSessionTask.cancelAll();
+		this.copyFileHistoryTask.cancelAll();
+		this.prepareSessionContextTask.cancelAll();
+	}
+	commandModuleResource = importResource(this, () => "@cardstack/base/command");
+	get commandModule() {
+		if (this.commandModuleResource.error) throw new Error(`Error loading commandModule: ${JSON.stringify(this.commandModuleResource.error)}`);
+		if (!this.commandModuleResource.module) throw new Error(`bug: SkillConfigField has not loaded yet--make sure to await this.loaded before using the api`);
+		return this.commandModuleResource.module;
+	}
+	get isAiAssistantHidden() {
+		return this.operatorModeStateService.state.submode === Submodes.Host;
+	}
+	get isOpen() {
+		return this.operatorModeStateService.aiAssistantOpen && !this.isAiAssistantHidden;
+	}
+	get isFocusPillVisible() {
+		return !!this.focusPillLabel;
+	}
+	get focusPillLabel() {
+		if (this.operatorModeStateService.state.submode !== Submodes.Code) return;
+		let selectedCodeRef = this.codeSemanticsService.selectedCodeRef;
+		if (selectedCodeRef?.name) return selectedCodeRef?.name;
+		if (this.operatorModeStateService.isViewingCardInCodeMode) return "Card";
+	}
+	get focusPillItemType() {
+		if (this.operatorModeStateService.isViewingCardInCodeMode) return;
+		return titleize(this.operatorModeStateService.state.moduleInspector ?? "schema");
+	}
+	get focusPillFormat() {
+		const format = this.operatorModeStateService.currentViewingFormat;
+		if (!format) return;
+		return titleize(format);
+	}
+	get focusPillCodeRange() {
+		let selection = this.monacoService.trackedSelection;
+		if (!selection) return;
+		if (!(selection.startLineNumber !== selection.endLineNumber || selection.startColumn !== selection.endColumn)) return;
+		if (selection.startLineNumber === selection.endLineNumber) return `Line ${selection.startLineNumber}`;
+		return `Lines ${selection.startLineNumber}-${selection.endLineNumber}`;
+	}
+	get focusPillMetaPills() {
+		const metaPills = [];
+		const itemType = this.focusPillItemType;
+		if (itemType) metaPills.push(itemType);
+		const format = this.focusPillFormat;
+		if (format) metaPills.push(format);
+		const codeRange = this.focusPillCodeRange;
+		if (codeRange) metaPills.push(codeRange);
+		return metaPills;
+	}
+	openPanel() {
+		this.operatorModeStateService.openAiAssistant();
+		return this.loadRoomsTask.perform();
+	}
+	static {
+		decorateMethodV2(this.prototype, "openPanel", [action]);
+	}
+	closePanel() {
+		this.operatorModeStateService.closeAiAssistant();
+	}
+	static {
+		decorateMethodV2(this.prototype, "closePanel", [action]);
+	}
+	displayPastSessions() {
+		this.isShowingPastSessions = true;
+	}
+	static {
+		decorateMethodV2(this.prototype, "displayPastSessions", [action]);
+	}
+	hidePastSessions() {
+		this.isShowingPastSessions = false;
+	}
+	static {
+		decorateMethodV2(this.prototype, "hidePastSessions", [action]);
+	}
+	enterRoom(roomId, hidePastSessionsList = true) {
+		this.matrixService.currentRoomId = roomId;
+		this.localPersistenceService.setCurrentRoomId(roomId);
+		if (hidePastSessionsList) this.hidePastSessions();
+	}
+	static {
+		decorateMethodV2(this.prototype, "enterRoom", [action]);
+	}
+	async openNewSession() {
+		try {
+			await this.openPanel();
+			await this.createNewSession();
+		} catch (error) {
+			if (!didCancel(error)) throw error;
+		}
+	}
+	async createNewSession(opts = {
+		addSameSkills: false,
+		shouldCopyFileHistory: false,
+		shouldSummarizeSession: false
+	}) {
+		this.displayRoomError = false;
+		if (this.newSessionId && !opts.addSameSkills && !opts.shouldSummarizeSession && !opts.shouldCopyFileHistory) {
+			this.enterRoom(this.newSessionId);
+			return;
+		}
+		await this.doCreateRoom.perform(NEW_SESSION_NAME, opts);
+	}
+	static {
+		decorateMethodV2(this.prototype, "createNewSession", [action]);
+	}
+	get newSessionId() {
+		let id = src_default.localStorage.getItem(NewSessionIdPersistenceKey);
+		if (id && this.matrixService.roomResources.has(id) && this.matrixService.roomResources.get(id)?.messages.length === 0) return id;
+	}
+	get isCreateRoomIdle() {
+		return this.doCreateRoom.isIdle;
+	}
+	get currentRoomResource() {
+		if (!this.matrixService.currentRoomId) return;
+		return this.matrixService.roomResources.get(this.matrixService.currentRoomId);
+	}
+	extractSkillIdsFromCurrentRoom() {
+		let skillConfig = this.currentRoomResource?.matrixRoom?.skillsConfig;
+		let toIds = (fileDefs) => (fileDefs ?? []).map((fileDef) => fileDef.sourceUrl).filter((id) => Boolean(id));
+		return {
+			enabledSkillIds: toIds(skillConfig?.enabledSkillCards),
+			disabledSkillIds: toIds(skillConfig?.disabledSkillCards)
+		};
+	}
+	getPreferredLLMMode() {
+		let currentMode = this.currentRoomResource?.activeLLMMode;
+		if (currentMode) return currentMode;
+		let latestRoom = this.latestRoom;
+		if (!latestRoom) return;
+		return this.matrixService.roomResources.get(latestRoom.roomId)?.activeLLMMode;
+	}
+	collectFileHistory(roomId) {
+		if (!roomId) return {
+			attachedFiles: [],
+			attachedCards: []
+		};
+		const roomResource = this.matrixService.roomResources.get(roomId);
+		if (!roomResource) return {
+			attachedFiles: [],
+			attachedCards: []
+		};
+		const seenFileUrls = /* @__PURE__ */ new Set();
+		const seenCardUrls = /* @__PURE__ */ new Set();
+		const attachedFiles = [];
+		const attachedCards = [];
+		for (const message of roomResource.messages) {
+			if (message.attachedFiles) {
+				for (const file of message.attachedFiles) if (file.sourceUrl && !seenFileUrls.has(file.sourceUrl)) {
+					seenFileUrls.add(file.sourceUrl);
+					attachedFiles.push(file);
+				}
+			}
+			if (message.attachedCardIds) {
+				for (const cardId of message.attachedCardIds) if (cardId && !seenCardUrls.has(cardId)) {
+					seenCardUrls.add(cardId);
+					const card = this.store.peek(cardId);
+					if (card && isCardInstance(card)) attachedCards.push(card);
+				}
+			}
+		}
+		return {
+			attachedFiles,
+			attachedCards
+		};
+	}
+	doCreateRoom = buildTask(() => ({
+		context: this,
+		generator: function* (name = NEW_SESSION_NAME, opts) {
+			let { addSameSkills, shouldCopyFileHistory, shouldSummarizeSession, deferDefaultSkills } = opts;
+			try {
+				let roomId;
+				let oldRoomId = this.matrixService.currentRoomId;
+				if (deferDefaultSkills) roomId = yield this.createFallbackRoom(name);
+				else {
+					let createRoomCommand = new CreateAiAssistantRoomTool(this.toolService.toolContext);
+					let input = { name };
+					let llmMode = this.getPreferredLLMMode();
+					if (llmMode) input.llmMode = llmMode;
+					let enabledSkillIds = [];
+					let disabledSkillIds = [];
+					if (addSameSkills) ({enabledSkillIds, disabledSkillIds} = this.extractSkillIdsFromCurrentRoom());
+					if (enabledSkillIds.length || disabledSkillIds.length) {
+						input.enabledSkillIds = enabledSkillIds;
+						input.disabledSkillIds = disabledSkillIds;
+					} else input.enabledSkillIds = yield this.matrixService.loadDefaultSkills();
+					({roomId} = yield createRoomCommand.execute(input));
+				}
+				src_default.localStorage.setItem(NewSessionIdPersistenceKey, roomId);
+				this.enterRoom(roomId);
+				if (deferDefaultSkills) this.applyDefaultSkillsToRoom(roomId);
+				if (oldRoomId && (shouldSummarizeSession || shouldCopyFileHistory)) this.prepareSessionContextTask.perform(oldRoomId, roomId, {
+					shouldSummarizeSession,
+					shouldCopyFileHistory
+				});
+			} catch (e) {
+				console.error(e);
+				this.displayRoomError = true;
+			}
+		}
+	}), null, "doCreateRoom", "restartable");
+	async createFallbackRoom(name) {
+		let userId = this.matrixService.userId;
+		if (!userId) throw new Error("Requires userId to create a fallback room");
+		let aiBotFullId = this.matrixService.aiBotUserId;
+		let llmMode = this.getPreferredLLMMode();
+		let systemCard = this.matrixService.systemCard;
+		let configuration = systemCard?.defaultModelConfiguration ?? systemCard?.modelConfigurations?.[0];
+		let model = configuration?.modelId ?? "anthropic/claude-haiku-5.5";
+		let fallback = DEFAULT_FALLBACK_MODELS.find((m) => m.modelId === model);
+		let roomPromise = this.matrixService.createRoom({
+			preset: this.matrixService.privateChatPreset,
+			invite: [aiBotFullId],
+			name,
+			room_alias_name: encodeURIComponent(`${name} - ${(/* @__PURE__ */ new Date()).toISOString()} - ${userId}`),
+			power_level_content_override: { users: {
+				[userId]: 100,
+				[aiBotFullId]: this.matrixService.aiBotPowerLevel
+			} },
+			initial_state: [
+				{
+					type: APP_BOXEL_ACTIVE_LLM,
+					content: {
+						model,
+						toolsSupported: configuration?.toolsSupported ?? fallback?.toolsSupported ?? false,
+						inputModalities: configuration?.inputModalities ?? fallback?.inputModalities,
+						reasoningEffort: configuration?.reasoningEffort ?? void 0
+					}
+				},
+				{
+					type: APP_BOXEL_LLM_MODE,
+					content: { mode: llmMode || "ask" }
+				},
+				{
+					type: APP_BOXEL_ROOM_SKILLS_EVENT_TYPE,
+					content: {
+						enabledSkillCards: [],
+						disabledSkillCards: [],
+						toolDefinitions: []
+					}
+				}
+			]
+		});
+		let timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(/* @__PURE__ */ new Error("Room creation timed out waiting for sync")), 3e4));
+		let { room_id: roomId } = await Promise.race([roomPromise, timeoutPromise]);
+		return roomId;
+	}
+	async applyDefaultSkillsToRoom(roomId) {
+		try {
+			let skillIds = await this.matrixService.loadDefaultSkills();
+			if (!skillIds.length) return;
+			await new UpdateRoomSkillsTool(this.toolService.toolContext).execute({
+				roomId,
+				skillCardIdsToActivate: skillIds
+			});
+		} catch (e) {
+			console.error("Failed to apply default skills to room:", e);
+		}
+	}
+	summarizeSessionTask = buildTask(() => ({
+		context: this,
+		generator: function* (oldRoomId, newRoomId) {
+			try {
+				const result = yield new SummarizeSessionTool(this.toolService.toolContext).execute({ roomId: oldRoomId });
+				if (!result.summary) return;
+				const messageContent = `This is a summary of the previous conversation that should be included as context for our discussion:\n\n${result.summary}`;
+				yield this.matrixService.sendMessage(newRoomId, messageContent, [], []);
+			} catch (error) {
+				console.error("Failed to summarize session:", error);
+			}
+		}
+	}), null, "summarizeSessionTask", "restartable");
+	copyFileHistoryTask = buildTask(() => ({
+		context: this,
+		generator: function* (oldRoomId, roomId) {
+			try {
+				const { attachedCards, attachedFiles } = this.collectFileHistory(oldRoomId);
+				if (attachedFiles.length > 0 || attachedCards.length > 0) yield this.matrixService.sendMessage(roomId, "This session includes files and cards from the previous conversation for context.", attachedCards, attachedFiles);
+			} catch (error) {
+				console.error("Failed to copy file history:", error);
+			}
+		}
+	}), null, "copyFileHistoryTask", "restartable");
+	prepareSessionContextTask = buildTask(() => ({
+		context: this,
+		generator: function* (oldRoomId, newRoomId, opts) {
+			const { shouldSummarizeSession, shouldCopyFileHistory } = opts;
+			if (shouldSummarizeSession) yield this.summarizeSessionTask.perform(oldRoomId, newRoomId);
+			if (shouldCopyFileHistory) yield this.copyFileHistoryTask.perform(oldRoomId, newRoomId);
+		}
+	}), null, "prepareSessionContextTask", "restartable");
+	get isSummarizingSession() {
+		return this.summarizeSessionTask.isRunning;
+	}
+	get isCopyingFileHistory() {
+		return this.copyFileHistoryTask.isRunning;
+	}
+	get isPreparingSession() {
+		return this.isSummarizingSession || this.isCopyingFileHistory;
+	}
+	skipSessionPreparation() {
+		this.summarizeSessionTask.cancelAll();
+		this.copyFileHistoryTask.cancelAll();
+		this.prepareSessionContextTask.cancelAll();
+	}
+	static {
+		decorateMethodV2(this.prototype, "skipSessionPreparation", [action]);
+	}
+	get loadingRooms() {
+		return this.loadRoomsTask.isRunning;
+	}
+	async waitForSessionRooms() {
+		await this.matrixService.waitForInitialSync();
+		await this.matrixService.flushAll;
+		await allSettled([...this.matrixService.roomResources.values()].map((r) => r.processing));
+	}
+	loadRoomsTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.waitForSessionRooms();
+			yield this.enterRoomInitially();
+		}
+	}), null, "loadRoomsTask", "restartable");
+	async enterRoomInitially() {
+		let persistedRoomId = this.localPersistenceService.getCurrentRoomId();
+		if (persistedRoomId) {
+			let roomToEnter = this.aiSessionRooms.find((r) => r.roomId === persistedRoomId);
+			if (!roomToEnter) {
+				let interval;
+				try {
+					await Promise.race([timeout(2e3), new Promise((resolve) => {
+						interval = src_default.setInterval(() => {
+							roomToEnter = this.aiSessionRooms.find((r) => r.roomId === persistedRoomId);
+							if (roomToEnter) {
+								if (interval !== void 0) {
+									src_default.clearInterval(interval);
+									interval = void 0;
+								}
+								resolve();
+							}
+						}, 250);
+					})]);
+				} finally {
+					if (interval !== void 0) src_default.clearInterval(interval);
+				}
+			}
+			if (roomToEnter) {
+				this.enterRoom(roomToEnter.roomId);
+				return;
+			}
+		}
+		let latestRoom = this.latestRoom;
+		if (latestRoom) {
+			this.enterRoom(latestRoom.roomId);
+			return;
+		}
+		await this.createNewSession();
+	}
+	get aiSessionRooms() {
+		let sessions = [];
+		for (let resource of this.matrixService.roomResources.values()) {
+			if (!resource.matrixRoom) continue;
+			if (!resource.matrixRoom.hasActiveMember(this.matrixService.aiBotUserId)) continue;
+			if (resource.roomId && this.deletedRoomIds.has(resource.roomId)) continue;
+			if (this.matrixService.userId && !resource.matrixRoom.hasActiveMember(this.matrixService.userId)) continue;
+			if (resource.name && resource.roomId) sessions.push({
+				roomId: resource.roomId,
+				name: resource.name,
+				lastMessage: resource.messages[resource.messages.length - 1],
+				created: resource.created,
+				lastActiveTimestamp: resource.lastActiveTimestamp
+			});
+		}
+		return sessions.sort((a, b) => this.matrixService.getLastActiveTimestamp(b.roomId, b.lastActiveTimestamp) - this.matrixService.getLastActiveTimestamp(a.roomId, a.lastActiveTimestamp));
+	}
+	get latestRoom() {
+		if (this.aiSessionRooms.length !== 0) return this.aiSessionRooms[0];
+	}
+	setRoomToRename(room) {
+		this.roomToRename = room;
+		this.hidePastSessions();
+	}
+	static {
+		decorateMethodV2(this.prototype, "setRoomToRename", [action]);
+	}
+	onCloseRename() {
+		this.roomToRename = void 0;
+		this.displayPastSessions();
+	}
+	static {
+		decorateMethodV2(this.prototype, "onCloseRename", [action]);
+	}
+	setRoomToDelete(room) {
+		this.roomDeleteError = void 0;
+		if (!room) {
+			this.roomToDelete = void 0;
+			return;
+		}
+		this.roomToDelete = {
+			id: room.roomId,
+			name: room.name || room.roomId
+		};
+	}
+	static {
+		decorateMethodV2(this.prototype, "setRoomToDelete", [action]);
+	}
+	leaveRoom(roomId) {
+		this.doLeaveRoom.perform(roomId);
+	}
+	static {
+		decorateMethodV2(this.prototype, "leaveRoom", [action]);
+	}
+	doLeaveRoom = buildTask(() => ({
+		context: this,
+		generator: function* (roomId) {
+			try {
+				this.deletedRoomIds.add(roomId);
+				this.matrixService.roomResourcesCache.delete(roomId);
+				if (src_default.localStorage.getItem("aiPanelNewSessionId") === roomId) src_default.localStorage.removeItem(NewSessionIdPersistenceKey);
+				if (this.matrixService.currentRoomId === roomId) {
+					this.localPersistenceService.setCurrentRoomId(void 0);
+					if (this.latestRoom) this.enterRoom(this.latestRoom.roomId, false);
+					else yield this.createNewSession({
+						addSameSkills: false,
+						shouldCopyFileHistory: false,
+						shouldSummarizeSession: false,
+						deferDefaultSkills: true
+					});
+				}
+				this.roomToDelete = void 0;
+				yield this.matrixService.leave(roomId);
+				yield this.matrixService.forget(roomId);
+			} catch (e) {
+				this.deletedRoomIds.delete(roomId);
+				console.error(e);
+				this.roomDeleteError = "Error deleting room";
+				if (isMatrixError(e)) this.roomDeleteError += `: ${e.data.error}`;
+				else if (e instanceof Error) this.roomDeleteError += `: ${e.message}`;
+			}
+		}
+	}), null, "doLeaveRoom", "restartable");
+};
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/bot.js
+var IconComponent$4 = setComponentTemplate(templateFactory({
+	"id": "i3vJib5D",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"lucide lucide-bot\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"d\",\"M12 8V4H8\"],[12],[13],[10,\"rect\"],[14,\"width\",\"16\"],[14,\"height\",\"12\"],[14,\"x\",\"4\"],[14,\"y\",\"8\"],[14,\"rx\",\"2\"],[12],[13],[10,\"path\"],[14,\"d\",\"M2 14h2M20 14h2M15 13v2M9 13v2\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/bot.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent$4.name = "bot";
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/store.js
+var IconComponent$3 = setComponentTemplate(templateFactory({
+	"id": "oBsj54YK",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"lucide lucide-store\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"d\",\"M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244\"],[12],[13],[10,\"path\"],[14,\"d\",\"M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/store.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent$3.name = "store";
+//#endregion
+//#region ../pretui/internal/structure-layout.gts
+/** Every spelling of a size this kit will accept. */
+/** Resolve any accepted size spelling to the house enum. */ function pretuiSize(raw, fallback = "m") {
+	return resolveSize(raw, fallback);
+}
+Object.assign(Object.create(null), {
+	horizontal: "horizontal",
+	row: "horizontal",
+	vertical: "vertical",
+	column: "vertical"
+});
+//#endregion
+//#region ../pretui/components/collapsible.gts
+/**
+* One trigger, one disclosed region.
+*
+* ```hbs
+* <Collapsible @label='Advanced' @defaultOpen={{false}}>
+*   <FormRow …/>
+* </Collapsible>
+* ```
+*/
+var Collapsible = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {
+			return this.args.defaultOpen ?? false;
+		});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	contentId = `${guidFor(this)}-content`;
+	triggerId = `${guidFor(this)}-trigger`;
+	get open() {
+		return this.args.open ?? this.internal;
+	}
+	get size() {
+		return pretuiSize(this.args.size);
+	}
+	get state() {
+		return this.open ? "open" : "closed";
+	}
+	toggle = () => {
+		if (this.args.disabled) return;
+		let next = !this.open;
+		if (this.args.open === void 0) this.internal = next;
+		this.args.onOpenChange?.(next);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "HbmHqx5Y",
+			"block": "[[[11,0],[24,0,\"pretui-collapsible\"],[16,\"data-state\",[30,0,[\"state\"]]],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"data-disabled\",[52,[30,1],\"true\",\"false\"]],[24,\"data-test-pretui-collapsible\",\"\"],[17,2],[24,\"data-scopedcss-21cf1356bc-55cb741b11\",\"\"],[12],[1,\"\\n  \"],[11,\"button\"],[16,1,[30,0,[\"triggerId\"]]],[24,0,\"pretui-collapsible-trigger\"],[16,\"aria-expanded\",[52,[30,0,[\"open\"]],\"true\",\"false\"]],[16,\"aria-controls\",[30,0,[\"contentId\"]]],[16,\"aria-disabled\",[52,[30,1],\"true\"]],[16,\"data-state\",[30,0,[\"state\"]]],[24,\"data-test-pretui-collapsible-trigger\",\"\"],[24,\"data-scopedcss-21cf1356bc-55cb741b11\",\"\"],[24,4,\"button\"],[4,[32,0],[\"click\",[30,0,[\"toggle\"]]],null],[12],[1,\"\\n\"],[41,[51,[30,3]],[[[1,\"      \"],[10,1],[14,0,\"pretui-collapsible-caret\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-21cf1356bc-55cb741b11\",\"\"],[12],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[10,1],[14,0,\"pretui-collapsible-label\"],[14,\"data-scopedcss-21cf1356bc-55cb741b11\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,5]],[[[1,\"        \"],[18,5,[[30,0,[\"open\"]]]],[1,\"\\n\"]],[]],[[[1,\"        \"],[1,[30,4]],[1,\"\\n\"]],[]]],[1,\"    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\\n\"],[1,\"  \"],[10,0],[15,1,[30,0,[\"contentId\"]]],[14,0,\"pretui-collapsible-fold\"],[14,\"role\",\"region\"],[15,\"aria-labelledby\",[30,0,[\"triggerId\"]]],[15,\"data-state\",[30,0,[\"state\"]]],[14,\"data-test-pretui-collapsible-content\",\"\"],[14,\"data-scopedcss-21cf1356bc-55cb741b11\",\"\"],[12],[1,\"\\n    \"],[10,0],[14,0,\"pretui-collapsible-inner\"],[14,\"data-scopedcss-21cf1356bc-55cb741b11\",\"\"],[12],[18,6,null],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"@disabled\",\"&attrs\",\"@hideCaret\",\"@label\",\"&trigger\",\"&default\"],[\"if\",\"unless\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/collapsible.gts",
+			"scope": () => [on],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/internal/choice-cards.gts
+var OptionCard = setComponentTemplate(templateFactory({
+	"id": "mO2Hqqne",
+	"block": "[[[11,\"label\"],[24,0,\"pretui-optioncard\"],[16,\"data-kind\",[30,1]],[16,\"data-selected\",[52,[30,2],\"true\",\"false\"]],[16,\"data-disabled\",[52,[30,3],\"true\",\"false\"]],[16,\"data-test-pretui-choice-card\",[30,4,[\"value\"]]],[17,5],[24,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[1,\"\\n  \"],[11,\"input\"],[24,0,\"pretui-optioncard-input\"],[16,3,[30,6]],[16,2,[30,4,[\"value\"]]],[16,\"checked\",[30,2]],[16,\"disabled\",[30,3]],[24,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[16,4,[30,1]],[4,[32,0],[\"change\",[30,7]],null],[12],[13],[1,\"\\n\"],[41,[30,8],[[[1,\"    \"],[10,1],[14,0,\"pretui-optioncard-media\"],[14,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[18,10,[[30,4]]],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[10,1],[14,0,\"pretui-optioncard-body\"],[14,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[1,\"\\n\"],[41,[30,9],[[[1,\"      \"],[18,11,[[30,4],[30,2]]],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,1],[14,0,\"pretui-optioncard-title\"],[14,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[1,[30,4,[\"title\"]]],[13],[1,\"\\n\"],[41,[30,4,[\"description\"]],[[[1,\"        \"],[10,1],[14,0,\"pretui-optioncard-desc\"],[14,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[1,[30,4,[\"description\"]]],[13],[1,\"\\n\"]],[]],null]],[]]],[1,\"  \"],[13],[1,\"\\n\"],[41,[30,4,[\"meta\"]],[[[1,\"    \"],[10,1],[14,0,\"pretui-optioncard-meta\"],[14,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[1,[30,4,[\"meta\"]]],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[10,1],[14,0,\"pretui-optioncard-mark\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-8f2c6951d3-fb0eb20c4a\",\"\"],[12],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@kind\",\"@selected\",\"@disabled\",\"@option\",\"&attrs\",\"@name\",\"@onChange\",\"@hasMedia\",\"@custom\",\"&media\",\"&default\"],[\"if\",\"yield\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/internal/choice-cards.gts",
+	"scope": () => [on],
+	"isStrictMode": true
+}), templateOnly());
+var ChoiceGrid = setComponentTemplate(templateFactory({
+	"id": "wNaY4vbT",
+	"block": "[[[11,0],[24,0,\"pretui-choicecards\"],[17,1],[24,\"data-scopedcss-8f2c6951d3-c7147e5aa6\",\"\"],[12],[18,2,null],[13],[1,\"\\n\"]],[\"&attrs\",\"&default\"],[\"yield\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/internal/choice-cards.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region ../pretui/components/radio-card.gts
+var RadioCard = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {
+			return this.args.defaultValue;
+		});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	generatedName = `${guidFor(this)}-rc`;
+	get name() {
+		return this.args.name ?? this.generatedName;
+	}
+	get options() {
+		return firstDefined(this.args.options, this.args.items) ?? [];
+	}
+	get value() {
+		return this.args.value ?? this.internal;
+	}
+	get groupDisabled() {
+		return firstDefined(this.args.disabled, this.args.isDisabled) ?? false;
+	}
+	get orientation() {
+		return this.args.orientation ?? "vertical";
+	}
+	pick = (option, ev) => {
+		if (this.args.value === void 0) this.internal = option.value;
+		emit([this.args.onValueChange, this.args.onChange], option.value);
+		if (this.args.value !== void 0) ev.target.closest(".pretui-choicecards")?.querySelectorAll("input[type=\"radio\"]").forEach((input) => input.checked = input.value === this.value);
+	};
+	isOn = (option) => this.value === option.value;
+	isDisabled = (option) => this.groupDisabled || Boolean(option.disabled);
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "tSyJpYXV",
+			"block": "[[[8,[32,0],[[24,\"role\",\"radiogroup\"],[16,\"aria-label\",[30,1]],[16,\"data-orientation\",[30,0,[\"orientation\"]]],[16,\"data-columns\",[30,2]],[24,\"data-test-pretui-radio-card\",\"\"],[17,3]],null,[[\"default\"],[[[[1,\"\\n\"],[42,[28,[31,1],[[28,[31,1],[[30,0,[\"options\"]]],null]],null],null,[[[1,\"    \"],[8,[32,1],null,[[\"@kind\",\"@name\",\"@option\",\"@selected\",\"@disabled\",\"@onChange\",\"@custom\",\"@hasMedia\"],[\"radio\",[30,0,[\"name\"]],[30,4],[28,[30,0,[\"isOn\"]],[[30,4]],null],[28,[30,0,[\"isDisabled\"]],[[30,4]],null],[28,[32,2],[[30,0,[\"pick\"]],[30,4]],null],[48,[30,8]],[48,[30,9]]]],[[\"default\",\"media\"],[[[[18,8,[[30,5],[30,6]]]],[5,6]],[[[18,9,[[30,7]]]],[7]]]]],[1,\"\\n\"]],[4]],null]],[]]]]]],[\"@label\",\"@columns\",\"&attrs\",\"option\",\"o\",\"selected\",\"o\",\"&default\",\"&media\"],[\"each\",\"-track-array\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/radio-card.gts",
+			"scope": () => [
+				ChoiceGrid,
+				OptionCard,
+				fn
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard/agent-kinds.ts
+var CLI_STEP = {
+	title: "Install the Boxel CLI",
+	note: "In a terminal, or ask your agent to run it",
+	text: "npm install -g @cardstack/boxel-cli"
+};
+var AGENT_KINDS = [
+	{
+		id: "claude",
+		label: "Claude Code",
+		hint: "Boxel plugin",
+		setup: [
+			CLI_STEP,
+			{
+				title: "Add the Boxel marketplace",
+				note: "Type it in Claude Code’s chat",
+				text: "/plugin marketplace add cardstack/boxel"
+			},
+			{
+				title: "Install the Boxel plugin",
+				text: "/plugin install boxel-cli@cardstack-boxel"
+			}
+		]
+	},
+	{
+		id: "codex",
+		label: "Codex",
+		hint: "Boxel plugin",
+		setup: [
+			CLI_STEP,
+			{
+				title: "Add the Boxel marketplace",
+				note: "In a terminal, or ask Codex to run it",
+				text: "codex plugin marketplace add cardstack/boxel"
+			},
+			{
+				title: "Install both Boxel plugins",
+				note: "Open Plugins, add boxel-cli and boxel-skills, then start a new chat",
+				text: "/plugins"
+			}
+		]
+	},
+	{
+		id: "boxel",
+		label: "Boxel AI Assistant",
+		hint: "Built into Boxel"
+	}
+];
+function agentKindFor(agent) {
+	return AGENT_KINDS.find((kind) => kind.id === agent) ?? AGENT_KINDS[0];
+}
+function usesCodingAgent(agent, agentSetup) {
+	return AGENT_KINDS.some((kind) => Boolean(kind.setup) && (kind.id === agent || (agentSetup?.[kind.id] ?? 0) > 0));
+}
+function shownAgentFor(agent, agentSetup) {
+	return agentKindFor(usesCodingAgent(agent, agentSetup) ? agent : "boxel");
+}
+function setupStepsFor(kind, workspaceURL) {
+	if (!kind.setup) return [];
+	return [
+		...kind.setup,
+		{
+			title: "Open a workspace",
+			note: "Your agent signs you in and syncs it",
+			text: `Work on my Boxel workspace ${workspaceURL ?? "<workspace URL>"}`,
+			isWorkspacePick: true
+		},
+		{
+			title: "Ask for a change",
+			text: "Make me a card for tracking tasks in this workspace"
+		},
+		{
+			title: "See it in Boxel",
+			note: "Boxel opens with the change live",
+			text: "Show it to me in Boxel"
+		}
+	];
+}
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/brand-openai.js
+var IconComponent$2 = setComponentTemplate(templateFactory({
+	"id": "+NE/ow3a",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"icon icon-tabler icons-tabler-outline icon-tabler-brand-openai\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"stroke\",\"none\"],[14,\"d\",\"M0 0h24v24H0z\"],[12],[13],[10,\"path\"],[14,\"d\",\"M11.217 19.384A3.501 3.501 0 0 0 18 18.167V13l-6-3.35\"],[12],[13],[10,\"path\"],[14,\"d\",\"M5.214 15.014A3.501 3.501 0 0 0 9.66 20.28L14 17.746V10.8\"],[12],[13],[10,\"path\"],[14,\"d\",\"M6 7.63c-1.391-.236-2.787.395-3.534 1.689a3.474 3.474 0 0 0 1.271 4.745L8 16.578l6-3.348\"],[12],[13],[10,\"path\"],[14,\"d\",\"M12.783 4.616A3.501 3.501 0 0 0 6 5.833V10.9l6 3.45\"],[12],[13],[10,\"path\"],[14,\"d\",\"M18.786 8.986A3.501 3.501 0 0 0 14.34 3.72L10 6.254V13.2\"],[12],[13],[10,\"path\"],[14,\"d\",\"M18 16.302c1.391.236 2.787-.395 3.534-1.689a3.474 3.474 0 0 0-1.271-4.745l-4.308-2.514L10 10.774\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/brand-openai.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent$2.name = "brand-openai";
+//#endregion
+//#region app/components/operator-mode/dashboard/claude-mark.gts
+var ClaudeMark = setComponentTemplate(templateFactory({
+	"id": "or8My7t1",
+	"block": "[[[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"viewBox\",\"0 0 24 24\"],[24,\"fill\",\"#D97757\"],[17,1],[12],[10,\"path\"],[14,\"d\",\"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z\"],[12],[13],[13]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/claude-mark.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region app/components/operator-mode/dashboard/agent-mark.gts
+var AgentMark = setComponentTemplate(templateFactory({
+	"id": "ZKWJB6pU",
+	"block": "[[[11,1],[16,0,[28,[32,0],[\"agent-mark\"],[[\"is-small\"],[[28,[32,1],[[30,1],\"small\"],null]]]]],[16,\"data-test-agent-mark\",[30,2,[\"id\"]]],[17,3],[24,\"data-scopedcss-6925226061-a445c6f0a0\",\"\"],[12],[1,\"\\n\"],[41,[28,[32,1],[[30,2,[\"id\"]],\"claude\"],null],[[[1,\"    \"],[10,1],[14,0,\"agent-mark-tile\"],[14,\"data-scopedcss-6925226061-a445c6f0a0\",\"\"],[12],[1,\"\\n      \"],[8,[32,2],[[24,0,\"agent-mark-icon\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-6925226061-a445c6f0a0\",\"\"]],null,null],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],[[[41,[28,[32,1],[[30,2,[\"id\"]],\"codex\"],null],[[[1,\"    \"],[10,1],[14,0,\"agent-mark-tile\"],[14,\"data-scopedcss-6925226061-a445c6f0a0\",\"\"],[12],[1,\"\\n      \"],[8,[32,3],[[24,0,\"agent-mark-icon\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-6925226061-a445c6f0a0\",\"\"]],null,null],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],[[[1,\"    \"],[10,\"img\"],[14,0,\"agent-mark-image\"],[15,\"src\",[32,4]],[14,\"alt\",\"\"],[14,\"width\",\"32\"],[14,\"height\",\"32\"],[14,\"data-scopedcss-6925226061-a445c6f0a0\",\"\"],[12],[13],[1,\"\\n  \"]],[]]]],[]]],[13],[1,\"\\n\"]],[\"@size\",\"@kind\",\"&attrs\"],[\"if\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/agent-mark.gts",
+	"scope": () => [
+		cn_default,
+		eq,
+		ClaudeMark,
+		IconComponent$2,
+		ai_assist_icon_2x_default
+	],
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region app/components/operator-mode/dashboard/agents.gts
+var log$3 = logger("component:dashboard/agents");
+var COPIED_FEEDBACK_MS = 2e3;
+var HOW_BOXEL_AI_WORKS = [
+	{
+		title: "Describe what you want",
+		note: "In your own words, from any workspace"
+	},
+	{
+		title: "Boxel AI Assistant builds it",
+		note: "Cards, fields and data, right in the workspace"
+	},
+	{
+		title: "Refine it in the chat",
+		note: "Ask for changes as you look"
+	}
+];
+var Agents = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "aiAssistantPanelService", [service]);
+	}
+	#aiAssistantPanelService = (initializeDeferredDecorator(this, "aiAssistantPanelService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "network", [service]);
+	}
+	#network = (initializeDeferredDecorator(this, "network"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realm", [service]);
+	}
+	#realm = (initializeDeferredDecorator(this, "realm"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "copied", [tracked$1], function() {
+			return null;
+		});
+	}
+	#copied = (initializeDeferredDecorator(this, "copied"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "pickedWorkspaceURL", [tracked$1]);
+	}
+	#pickedWorkspaceURL = (initializeDeferredDecorator(this, "pickedWorkspaceURL"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "expandedAgent", [tracked$1], function() {
+			return null;
+		});
+	}
+	#expandedAgent = (initializeDeferredDecorator(this, "expandedAgent"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "showsCodingAgents", [tracked$1], function() {
+			return false;
+		});
+	}
+	#showsCodingAgents = (initializeDeferredDecorator(this, "showsCodingAgents"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "openedAgent", [tracked$1]);
+	}
+	#openedAgent = (initializeDeferredDecorator(this, "openedAgent"), void 0);
+	focusPicker = false;
+	stepsId = `${guidFor(this)}-steps`;
+	agentOptions = AGENT_KINDS.map((kind) => ({
+		value: kind.id,
+		title: kind.label,
+		description: kind.hint
+	}));
+	get usesCodingAgent() {
+		return usesCodingAgent(this.matrixService.dashboardAgent, this.matrixService.dashboardState.agentSetup);
+	}
+	get isMinimized() {
+		return !this.showsCodingAgents && !this.usesCodingAgent;
+	}
+	get kind() {
+		if (this.showsCodingAgents && !this.usesCodingAgent) return agentKindFor(this.openedAgent ?? this.matrixService.dashboardAgent);
+		return shownAgentFor(this.matrixService.dashboardAgent, this.matrixService.dashboardState.agentSetup);
+	}
+	showCodingAgents() {
+		this.showsCodingAgents = true;
+		this.openedAgent = AGENT_KINDS.find((kind) => kind.setup)?.id;
+		this.focusPicker = true;
+	}
+	static {
+		decorateMethodV2(this.prototype, "showCodingAgents", [action]);
+	}
+	focusIfOpened = modifier((picker) => {
+		if (this.focusPicker) {
+			this.focusPicker = false;
+			picker.querySelector("input:checked")?.focus();
+		}
+	});
+	get copiedResult() {
+		return this.copied?.agent === this.kind.id ? this.copied : null;
+	}
+	copyFailed = (index) => this.copiedResult?.index === index && !this.copiedResult.ok;
+	copyTooltip = (index) => this.copiedResult?.index !== index ? "Copy" : this.copiedResult.ok ? "Copied" : "Copy failed";
+	copyIcon = (index) => this.copiedResult?.index !== index ? IconComponent$12 : this.copiedResult.ok ? IconComponent$9 : IconComponent$10;
+	copyIconStroke = (index) => this.copiedResult?.index === index ? "3" : void 0;
+	get isBuiltIn() {
+		return !this.kind.setup;
+	}
+	get workspaceOptions() {
+		let own = this.realmServer.userRealmIdentifiers.filter((url) => this.realm.canWrite(url));
+		let ownSet = new Set(own);
+		let favorites = this.matrixService.workspaceFavorites.filter((url) => ownSet.has(url));
+		return [...new Set([...favorites, ...own])].map((url) => ({
+			value: url,
+			label: this.realm.info(url).name
+		}));
+	}
+	static {
+		decorateMethodV2(this.prototype, "workspaceOptions", [cached$1]);
+	}
+	get workspaceURL() {
+		let options = this.workspaceOptions;
+		return options.find(({ value }) => value === this.pickedWorkspaceURL)?.value ?? options[0]?.value;
+	}
+	get steps() {
+		let id = this.workspaceURL;
+		return setupStepsFor(this.kind, id ? this.toURL(id) : void 0);
+	}
+	static {
+		decorateMethodV2(this.prototype, "steps", [cached$1]);
+	}
+	toURL(id) {
+		try {
+			return this.network.virtualNetwork.toURL(id).href;
+		} catch {
+			return id;
+		}
+	}
+	get copiedCount() {
+		let copied = this.matrixService.dashboardState.agentSetup?.[this.kind.id];
+		return Math.min(copied ?? 0, this.steps.length);
+	}
+	get copiedMessage() {
+		let result = this.copiedResult;
+		if (!result) return "";
+		let step = `Step ${result.index + 1}`;
+		return result.ok ? `${step} copied` : `${step} copy failed`;
+	}
+	get isSetupDone() {
+		return this.steps.length > 0 && this.copiedCount === this.steps.length;
+	}
+	get showsSteps() {
+		return !this.isSetupDone || this.expandedAgent === this.kind.id;
+	}
+	toggleSteps() {
+		this.expandedAgent = this.showsSteps ? null : this.kind.id;
+	}
+	static {
+		decorateMethodV2(this.prototype, "toggleSteps", [action]);
+	}
+	stepState = (index) => index < this.copiedCount ? "is-done" : index === this.copiedCount ? "is-next" : "is-later";
+	isCopied = (index) => index < this.copiedCount;
+	async pickAgent(value) {
+		let kind = AGENT_KINDS.find(({ id }) => id === value);
+		if (!kind) return;
+		this.openedAgent = void 0;
+		try {
+			await this.matrixService.pickDashboardAgent(kind.id);
+		} catch (error) {
+			log$3.warn(`saving the picked agent failed: ${error}`);
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "pickAgent", [action]);
+	}
+	pickWorkspace(url) {
+		this.pickedWorkspaceURL = url;
+	}
+	static {
+		decorateMethodV2(this.prototype, "pickWorkspace", [action]);
+	}
+	copyTask = buildTask(() => ({
+		context: this,
+		generator: function* (index, text) {
+			let agent = this.kind.id;
+			let copied = {
+				agent,
+				index,
+				ok: true
+			};
+			this.expandedAgent = agent;
+			try {
+				try {
+					yield navigator.clipboard.writeText(text);
+				} catch (error) {
+					log$3.warn(`copying setup step ${index + 1} failed: ${error}`);
+					copied = {
+						agent,
+						index,
+						ok: false
+					};
+				}
+				this.copied = copied;
+				if (copied.ok) {
+					this.saveProgress(agent, index);
+					if (this.openedAgent === agent) {
+						this.openedAgent = void 0;
+						this.matrixService.pickDashboardAgent(agent).catch((error) => {
+							log$3.warn(`saving the picked agent failed: ${error}`);
+						});
+					}
+				}
+				yield timeout(COPIED_FEEDBACK_MS);
+			} finally {
+				if (this.copied === copied) this.copied = null;
+			}
+		}
+	}), null, "copyTask", "restartable");
+	saveProgress(agent, index) {
+		this.matrixService.updateDashboardState((stored) => ({ agentSetup: { [agent]: Math.max(stored.agentSetup?.[agent] ?? 0, index + 1) } })).catch((error) => {
+			log$3.warn(`saving setup progress failed: ${error}`);
+		});
+	}
+	async describeIt() {
+		await this.aiAssistantPanelService.openNewSession();
+	}
+	static {
+		decorateMethodV2(this.prototype, "describeIt", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "SL6zYC8e",
+			"block": "[[[11,0],[24,0,\"agents\"],[24,\"data-test-agents\",\"\"],[17,1],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n\"],[41,[51,[30,0,[\"isMinimized\"]]],[[[1,\"    \"],[8,[32,0],[[24,\"data-test-agent-picker\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[4,[30,0,[\"focusIfOpened\"]],null,null]],[[\"@options\",\"@value\",\"@onValueChange\",\"@orientation\",\"@label\"],[[30,0,[\"agentOptions\"]],[30,0,[\"kind\",\"id\"]],[30,0,[\"pickAgent\"]],\"horizontal\",\"Your agent\"]],[[\"media\"],[[[[1,\"\\n        \"],[8,[32,1],[[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],[[\"@kind\"],[[28,[32,2],[[30,2,[\"value\"]]],null]]],null],[1,\"\\n      \"]],[2]]]]],[1,\"\\n\"]],[]],null],[1,\"\\n\"],[1,\"  \"],[10,0],[14,0,\"agent-panel-row\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n    \"],[10,\"section\"],[14,0,\"agent-panel\"],[15,\"aria-labelledby\",[28,[32,3],[[30,0,[\"stepsId\"]],\"-title\"],null]],[15,\"data-test-agent-panel\",[30,0,[\"kind\",\"id\"]]],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"panel-head\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n        \"],[8,[32,1],[[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],[[\"@kind\",\"@size\"],[[30,0,[\"kind\"]],\"small\"]],null],[1,\"\\n        \"],[10,\"h4\"],[14,0,\"panel-title\"],[15,1,[28,[32,3],[[30,0,[\"stepsId\"]],\"-title\"],null]],[14,\"data-test-agent-panel-title\",\"\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n          \"],[1,[52,[30,0,[\"isBuiltIn\"]],\"Build with\",\"Connect\"]],[1,\"\\n          \"],[1,[30,0,[\"kind\",\"label\"]]],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n\"],[41,[30,0,[\"isBuiltIn\"]],[[[1,\"        \"],[10,2],[14,0,\"panel-note\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"Built into Boxel, with nothing to install.\\n          Uses credits.\"],[13],[1,\"\\n        \"],[10,\"ol\"],[14,0,\"step-list\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,3],[[28,[31,3],[[32,4]],null]],null],null,[[[1,\"            \"],[10,\"li\"],[14,0,\"step is-later\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n              \"],[10,1],[14,0,\"step-number\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,[28,[32,5],[[30,4],1],null]],[13],[1,\"\\n              \"],[10,0],[14,0,\"step-content\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n                \"],[10,1],[14,0,\"step-title\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,[30,3,[\"title\"]]],[13],[1,\"\\n                \"],[10,1],[14,0,\"step-note\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,[30,3,[\"note\"]]],[13],[1,\"\\n              \"],[13],[1,\"\\n            \"],[13],[1,\"\\n\"]],[3,4]],null],[1,\"        \"],[13],[1,\"\\n        \"],[8,[32,6],[[24,0,\"describe-it\"],[24,\"data-test-agent-describe-it\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[4,[32,7],[\"click\",[30,0,[\"describeIt\"]]],null]],[[\"@tone\",\"@appearance\"],[\"primary\",\"accent\"]],[[\"default\"],[[[[1,\"\\n          Describe it\\n        \"]],[]]]]],[1,\"\\n\"]],[]],[[[1,\"        \"],[8,[32,8],[[24,\"data-test-agent-setup-progress\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],[[\"@value\",\"@max\",\"@count\",\"@label\"],[[30,0,[\"copiedCount\"]],[30,0,[\"steps\",\"length\"]],[28,[32,3],[[30,0,[\"copiedCount\"]],\" of \",[30,0,[\"steps\",\"length\"]],\" copied\"],null],\"Setup\"]],null],[1,\"\\n\"],[41,[30,0,[\"isSetupDone\"]],[[[1,\"          \"],[8,[32,6],[[24,0,\"steps-toggle\"],[16,\"aria-expanded\",[52,[30,0,[\"showsSteps\"]],\"true\",\"false\"]],[16,\"aria-controls\",[52,[30,0,[\"showsSteps\"]],[30,0,[\"stepsId\"]]]],[24,\"data-test-agent-steps-toggle\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[4,[32,7],[\"click\",[30,0,[\"toggleSteps\"]]],null]],[[\"@appearance\",\"@size\"],[\"link\",\"s\"]],[[\"default\"],[[[[1,\"\\n            \"],[1,[52,[30,0,[\"showsSteps\"]],\"Hide steps\",\"Show steps\"]],[1,\"\\n          \"]],[]]]]],[1,\"\\n\"]],[]],null],[41,[30,0,[\"showsSteps\"]],[[[1,\"          \"],[10,\"ol\"],[14,0,\"step-list\"],[15,1,[30,0,[\"stepsId\"]]],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,3],[[28,[31,3],[[30,0,[\"steps\"]]],null]],null],\"title\",[[[1,\"              \"],[10,\"li\"],[15,0,[28,[32,9],[\"step\",[28,[30,0,[\"stepState\"]],[[30,6]],null]],null]],[15,\"data-test-agent-step\",[28,[32,5],[[30,6],1],null]],[15,\"data-test-agent-step-copied\",[52,[28,[30,0,[\"isCopied\"]],[[30,6]],null],\"true\",\"false\"]],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n                \"],[10,1],[14,0,\"step-number\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n\"],[41,[28,[30,0,[\"isCopied\"]],[[30,6]],null],[[[1,\"                    \"],[8,[32,10],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"stroke-width\",\"3\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[1,\"                    \"],[1,[28,[32,5],[[30,6],1],null]],[1,\"\\n\"]],[]]],[1,\"                \"],[13],[1,\"\\n                \"],[10,0],[14,0,\"step-content\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n                  \"],[10,1],[14,0,\"step-title\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n                    \"],[1,[30,5,[\"title\"]]],[1,\"\\n\"],[41,[28,[30,0,[\"isCopied\"]],[[30,6]],null],[[[1,\"                      \"],[8,[32,11],[[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],null,[[\"default\"],[[[[1,\"(copied)\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"                  \"],[13],[1,\"\\n\"],[41,[30,5,[\"note\"]],[[[1,\"                    \"],[10,1],[14,0,\"step-note\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,[30,5,[\"note\"]]],[13],[1,\"\\n\"]],[]],null],[41,[30,5,[\"isWorkspacePick\"]],[[[41,[30,0,[\"workspaceOptions\",\"length\"]],[[[1,\"                      \"],[8,[32,12],[[24,0,\"workspace-pick\"],[24,\"data-test-agent-workspace-pick\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],[[\"@options\",\"@value\",\"@onValueChange\",\"@label\"],[[30,0,[\"workspaceOptions\"]],[30,0,[\"workspaceURL\"]],[30,0,[\"pickWorkspace\"]],\"Workspace to open\"]],null],[1,\"\\n\"]],[]],null]],[]],null],[1,\"                  \"],[10,0],[14,0,\"step-text\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,\"\\n                    \"],[10,\"code\"],[14,0,\"step-code\"],[15,1,[28,[32,3],[[30,0,[\"stepsId\"]],\"-\",[30,6],\"-text\"],null]],[14,\"data-test-agent-step-text\",\"\"],[14,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[12],[1,[30,5,[\"text\"]]],[13],[1,\"\\n\"],[1,\"                    \"],[8,[32,13],[[24,0,\"copy\"],[16,\"aria-describedby\",[28,[32,3],[[30,0,[\"stepsId\"]],\"-\",[30,6],\"-text\"],null]],[16,\"data-test-agent-copy\",[28,[32,5],[[30,6],1],null]],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[4,[32,7],[\"click\",[28,[32,14],[[30,0,[\"copyTask\",\"perform\"]],[30,6],[30,5,[\"text\"]]],null]],null]],[[\"@label\",\"@tooltip\",\"@tone\",\"@appearance\",\"@size\"],[\"Copy\",[28,[30,0,[\"copyTooltip\"]],[[30,6]],null],[52,[28,[30,0,[\"copyFailed\"]],[[30,6]],null],\"danger\",\"neutral\"],\"plain\",\"xs\"]],[[\"default\"],[[[[1,\"\\n\"],[44,[[28,[30,0,[\"copyIcon\"]],[[30,6]],null]],[[[1,\"                        \"],[8,[30,7],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[16,\"stroke-width\",[28,[30,0,[\"copyIconStroke\"]],[[30,6]],null]],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],null,null],[1,\"\\n\"]],[7]]],[1,\"                    \"]],[]]]]],[1,\"\\n                  \"],[13],[1,\"\\n                \"],[13],[1,\"\\n              \"],[13],[1,\"\\n\"]],[5,6]],null],[1,\"          \"],[13],[1,\"\\n\"]],[]],null]],[]]],[1,\"    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[41,[30,0,[\"isMinimized\"]],[[[1,\"    \"],[8,[32,6],[[24,0,\"show-coding-agents\"],[24,\"data-test-agents-show-coding\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"],[4,[32,7],[\"click\",[30,0,[\"showCodingAgents\"]]],null]],[[\"@appearance\",\"@size\"],[\"link\",\"s\"]],[[\"default\"],[[[[1,\"\\n      Use Claude Code or Codex?\\n      \"],[8,[32,15],[[24,0,\"show-coding-agents-icon\"],[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],null,null],[1,\"\\n    \"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"  \"],[8,[32,11],[[24,\"role\",\"status\"],[24,\"data-test-agent-copy-status\",\"\"],[24,\"data-scopedcss-882b8dc7d2-df271e6598\",\"\"]],null,[[\"default\"],[[[[1,\"\\n    \"],[1,[30,0,[\"copiedMessage\"]]],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"option\",\"step\",\"index\",\"step\",\"index\",\"CopyIcon\"],[\"unless\",\"if\",\"each\",\"-track-array\",\"let\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/agents.gts",
+			"scope": () => [
+				RadioCard,
+				AgentMark,
+				agentKindFor,
+				concat,
+				HOW_BOXEL_AI_WORKS,
+				add,
+				Button,
+				on,
+				ProgressBar,
+				cn_default,
+				IconComponent$9,
+				VisuallyHidden,
+				Select,
+				IconButton,
+				fn,
+				IconComponent$5
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard/agents-flyout.gts
+var log$2 = logger("component:dashboard/agents-flyout");
+var RECENT_SESSION_COUNT = 3;
+var AgentsFlyout = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "aiAssistantPanelService", [service]);
+	}
+	#aiAssistantPanelService = (initializeDeferredDecorator(this, "aiAssistantPanelService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	agentKinds = AGENT_KINDS;
+	sessionsHeadId = `${guidFor(this)}-sessions`;
+	get pickedId() {
+		return shownAgentFor(this.matrixService.dashboardAgent, this.matrixService.dashboardState.agentSetup).id;
+	}
+	get recentSessions() {
+		return this.aiAssistantPanelService.aiSessionRooms.slice(0, RECENT_SESSION_COUNT);
+	}
+	async pickAgent(kind) {
+		this.args.close();
+		this.args.showSection();
+		try {
+			await this.matrixService.pickDashboardAgent(kind.id);
+		} catch (error) {
+			log$2.warn(`saving the picked agent failed: ${error}`);
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "pickAgent", [action]);
+	}
+	async openSession(roomId) {
+		this.args.close();
+		this.aiAssistantPanelService.enterRoom(roomId);
+		try {
+			await this.aiAssistantPanelService.openPanel();
+		} catch (error) {
+			if (!didCancel(error)) throw error;
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "openSession", [action]);
+	}
+	async newSession() {
+		this.args.close();
+		await this.aiAssistantPanelService.openNewSession();
+	}
+	static {
+		decorateMethodV2(this.prototype, "newSession", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "paD8YaSw",
+			"block": "[[[10,\"header\"],[14,0,\"flyout-header\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"\\n  \"],[10,1],[14,0,\"flyout-title\"],[15,1,[30,1]],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"Agents\"],[13],[1,\"\\n  \"],[10,1],[14,0,\"flyout-hint\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"Build with the agent you use\"],[13],[1,\"\\n\"],[13],[1,\"\\n\"],[42,[28,[31,1],[[28,[31,1],[[30,0,[\"agentKinds\"]]],null]],null],\"id\",[[[1,\"  \"],[8,[32,0],[[24,0,\"flyout-row\"],[16,\"data-test-section-rail-agent\",[30,2,[\"id\"]]],[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[4,[32,1],[\"click\",[28,[32,2],[[30,0,[\"pickAgent\"]],[30,2]],null]],null]],[[\"@appearance\"],[\"plain\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,1],[14,0,\"row-content\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"\\n      \"],[8,[32,3],[[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"]],[[\"@kind\",\"@size\"],[[30,2],\"small\"]],null],[1,\"\\n      \"],[10,1],[14,0,\"row-title\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,[30,2,[\"label\"]]],[13],[1,\"\\n\"],[41,[28,[32,4],[[30,0,[\"pickedId\"]],[30,2,[\"id\"]]],null],[[[1,\"        \"],[8,[32,5],[[24,0,\"row-picked\"],[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"]],null,null],[1,\"\\n        \"],[8,[32,6],[[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"]],null,[[\"default\"],[[[[1,\"(picked)\"]],[]]]]],[1,\"\\n\"]],[]],[[[1,\"        \"],[10,1],[14,0,\"row-meta\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,[30,2,[\"hint\"]]],[13],[1,\"\\n\"]],[]]],[1,\"    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[2]],null],[1,\"\\n\"],[10,0],[14,\"role\",\"group\"],[15,\"aria-labelledby\",[30,0,[\"sessionsHeadId\"]]],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"\\n  \"],[10,1],[14,0,\"flyout-subhead\"],[15,1,[30,0,[\"sessionsHeadId\"]]],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"Boxel AI Assistant\\n    sessions\"],[13],[1,\"\\n\"],[42,[28,[31,1],[[28,[31,1],[[30,0,[\"recentSessions\"]]],null]],null],\"roomId\",[[[1,\"    \"],[8,[32,0],[[24,0,\"flyout-row\"],[16,\"data-test-section-rail-ai-session\",[30,3,[\"roomId\"]]],[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[4,[32,1],[\"click\",[28,[32,2],[[30,0,[\"openSession\"]],[30,3,[\"roomId\"]]],null]],null]],[[\"@appearance\"],[\"plain\"]],[[\"default\"],[[[[1,\"\\n      \"],[10,1],[14,0,\"row-content\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"row-title\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,[30,3,[\"name\"]]],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n\"]],[3]],null],[1,\"  \"],[8,[32,0],[[24,0,\"flyout-row\"],[24,\"data-test-section-rail-ai-new-session\",\"\"],[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[4,[32,1],[\"click\",[30,0,[\"newSession\"]]],null]],[[\"@appearance\"],[\"plain\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,1],[14,0,\"row-content\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"\\n      \"],[8,[32,7],[[24,\"width\",\"16\"],[24,\"height\",\"16\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"]],null,null],[1,\"\\n      \"],[10,1],[14,0,\"row-title\"],[14,\"data-scopedcss-c93971a45c-d9e0d2e7e6\",\"\"],[12],[1,\"New session\"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"@titleId\",\"kind\",\"session\"],[\"each\",\"-track-array\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/agents-flyout.gts",
+			"scope": () => [
+				Button,
+				on,
+				fn,
+				AgentMark,
+				eq,
+				IconComponent$9,
+				VisuallyHidden,
+				IconComponent$11
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/archive-restore.js
+var IconComponent$1 = setComponentTemplate(templateFactory({
+	"id": "QeRCR7YA",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"lucide lucide-archive-restore\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"rect\"],[14,\"width\",\"20\"],[14,\"height\",\"5\"],[14,\"x\",\"2\"],[14,\"y\",\"3\"],[14,\"rx\",\"1\"],[12],[13],[10,\"path\"],[14,\"d\",\"M4 8v11a2 2 0 0 0 2 2h2M20 8v11a2 2 0 0 1-2 2h-2M9 15l3-3 3 3M12 12v9\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/archive-restore.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent$1.name = "archive-restore";
+//#endregion
+//#region app/components/operator-mode/dashboard/archived-workspace.gts
+var ArchivedWorkspace = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "restoreError", [tracked$1]);
+	}
+	#restoreError = (initializeDeferredDecorator(this, "restoreError"), void 0);
+	get realmInfo() {
+		return {
+			name: this.args.archivedRealm.name,
+			iconURL: this.args.archivedRealm.iconURL,
+			publishable: null
+		};
+	}
+	static {
+		decorateMethodV2(this.prototype, "realmInfo", [cached$1]);
+	}
+	get name() {
+		return this.args.archivedRealm.name;
+	}
+	restoreTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.restoreError = void 0;
+			try {
+				yield this.realmServer.unarchiveRealm(this.args.archivedRealm.url);
+			} catch (error) {
+				this.restoreError = error.message;
+			}
+		}
+	}), null, "restoreTask", "drop");
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "hRJFSGVP",
+			"block": "[[[11,0],[24,0,\"archived-row\"],[16,\"data-test-archived-workspace\",[30,0,[\"name\"]]],[17,1],[24,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[12],[1,\"\\n  \"],[10,1],[14,0,\"thumb\"],[14,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[12],[1,\"\\n    \"],[8,[32,0],[[24,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"]],[[\"@realmURL\",\"@label\",\"@announce\"],[[30,2,[\"url\"]],[30,0,[\"name\"]],true]],[[\"default\"],[[[[1,\"\\n      \"],[10,1],[14,0,\"realm-icon-wrapper\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[12],[1,\"\\n        \"],[8,[32,1],[[24,0,\"realm-icon\"],[24,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"]],[[\"@realmInfo\"],[[30,0,[\"realmInfo\"]]]],null],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,0],[14,0,\"info\"],[14,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[12],[1,\"\\n    \"],[10,1],[14,0,\"name\"],[14,\"data-test-archived-workspace-name\",\"\"],[14,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[12],[1,\"\\n      \"],[1,[30,0,[\"name\"]]],[1,\"\\n    \"],[13],[1,\"\\n\"],[41,[30,0,[\"restoreError\"]],[[[1,\"      \"],[10,1],[14,0,\"restore-error\"],[14,\"role\",\"alert\"],[14,\"data-test-restore-workspace-error\",\"\"],[14,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[12],[1,[30,0,[\"restoreError\"]]],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\"],[1,\"  \"],[8,[32,2],[[24,0,\"restore-btn\"],[16,\"data-test-restore-workspace-btn\",[30,2,[\"url\"]]],[24,\"data-scopedcss-443a7d4fc7-d92e4623bf\",\"\"],[4,[32,4],[\"click\",[28,[32,5],[[30,0,[\"restoreTask\"]]],null]],null]],[[\"@appearance\",\"@shape\",\"@size\",\"@icon\",\"@busy\",\"@busyLabel\"],[\"outlined\",\"pill\",\"s\",[32,3],[30,0,[\"restoreTask\",\"isRunning\"]],\"Restoring\"]],[[\"default\"],[[[[1,\"Restore\"]],[]]]]],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@archivedRealm\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/archived-workspace.gts",
+			"scope": () => [
+				RealmURLTooltip,
+				RealmIcon,
+				Button,
+				IconComponent$1,
+				on,
+				perform
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/info-small.js
+var IconComponent = setComponentTemplate(templateFactory({
+	"id": "aSlui7An",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"icon icon-tabler icons-tabler-outline icon-tabler-info-small\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"stroke\",\"none\"],[14,\"d\",\"M0 0h24v24H0z\"],[12],[13],[10,\"path\"],[14,\"d\",\"M12 9h.01M11 12h1v4h1\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/info-small.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent.name = "info-small";
+//#endregion
+//#region ../pretui/components/alert.gts
+var ALERT_TONES = [
+	"info",
+	"success",
+	"warning",
+	"danger"
+];
+var ALERT_VARIANTS = {
+	default: "info",
+	destructive: "danger"
+};
+var ALERT_COLORS = {
+	info: {
+		hue: "var(--info)",
+		onHue: "var(--info-foreground)"
+	},
+	success: {
+		hue: "var(--success)",
+		onHue: "var(--success-foreground)"
+	},
+	warning: {
+		hue: "var(--warning)",
+		onHue: "var(--warning-foreground)"
+	},
+	danger: {
+		hue: "var(--destructive)",
+		onHue: "var(--destructive-foreground)"
+	}
+};
+var ALERT_ICONS = {
+	info: IconComponent,
+	success: IconComponent$9,
+	warning: IconComponent$16,
+	danger: IconComponent$10
+};
+var ALERT_TONE_LABELS = {
+	info: "Info",
+	success: "Success",
+	warning: "Warning",
+	danger: "Error"
+};
+var Alert = class extends Component {
+	get tone() {
+		let fromVariant = this.args.variant ? ALERT_VARIANTS[this.args.variant] : void 0;
+		return resolveTone(this.args.tone, ALERT_TONES, fromVariant ?? "info");
+	}
+	get role() {
+		return this.tone === "danger" ? "alert" : "status";
+	}
+	get keptStyle() {
+		let { hue, onHue } = ALERT_COLORS[this.tone];
+		return [{
+			property: "--pretui-alert-hue",
+			value: hue,
+			strength: "arg"
+		}, {
+			property: "--pretui-alert-on-hue",
+			value: onHue,
+			strength: "arg"
+		}];
+	}
+	get Glyph() {
+		return ALERT_ICONS[this.tone];
+	}
+	get spokenTone() {
+		return `${this.args.toneLabel ?? ALERT_TONE_LABELS[this.tone]}:`;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "AW1vKexa",
+			"block": "[[[11,0],[24,0,\"pretui-alert\"],[16,\"role\",[30,0,[\"role\"]]],[24,\"data-test-pretui-alert\",\"\"],[17,1],[24,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[4,[32,0],[[30,0,[\"keptStyle\"]]],null],[12],[1,\"\\n  \"],[10,1],[14,0,\"pretui-alert-glyph\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[1,\"\\n    \"],[8,[30,0,[\"Glyph\"]],[[24,\"width\",\"12\"],[24,\"height\",\"12\"],[24,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"]],null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[8,[32,1],[[24,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"]],null,[[\"default\"],[[[[1,[30,0,[\"spokenTone\"]]]],[]]]]],[1,\"\\n  \"],[10,0],[14,0,\"pretui-alert-body\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[1,\"\\n    \"],[41,[30,2],[[[10,2],[14,0,\"pretui-alert-title\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[1,[30,2]],[13]],[]],null],[1,\"\\n    \"],[41,[48,[30,3]],[[[10,0],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[18,3,null],[13]],[]],null],[1,\"\\n    \"],[41,[48,[30,4]],[[[10,0],[14,0,\"pretui-alert-action\"],[14,\"data-scopedcss-b6fa244805-fb5a3b5d57\",\"\"],[12],[18,4,null],[13]],[]],null],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@title\",\"&default\",\"&action\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/alert.gts",
+			"scope": () => [keepStyle, VisuallyHidden],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/internal/ink.gts
+function statusHue(value) {
+	let h = 0;
+	let s = String(value);
+	for (let i = 0; i < s.length; i++) h = h * 31 + s.charCodeAt(i) >>> 0;
+	return `var(--chart-${h % 5 + 1})`;
+}
+//#endregion
+//#region ../pretui/components/avatar.gts
+var STARTS_WITH_WORD_CHAR = /* @__PURE__ */ new RegExp("^[\\p{L}\\p{N}]", "u");
+var SIZE_PROPERTY = "--pretui-avatar-size";
+var HUE_PROPERTY = "--pretui-chip-hue";
+var Avatar = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "failedSrc", [tracked]);
+	}
+	#failedSrc = (initializeDeferredDecorator(this, "failedSrc"), void 0);
+	get initials() {
+		return (this.args.name ?? "").split(/\s+/).filter((w) => STARTS_WITH_WORD_CHAR.test(w)).map((w) => w[0]).slice(0, 2).join("").toUpperCase();
+	}
+	get showImage() {
+		return Boolean(this.args.src) && this.args.src !== this.failedSrc;
+	}
+	imageError = () => {
+		this.failedSrc = this.args.src;
+	};
+	get size() {
+		let size = Number(this.args.size) || void 0;
+		return size === void 0 ? void 0 : `${size / 16}rem`;
+	}
+	get shape() {
+		let { shape } = this.args;
+		return shape === "rounded" || shape === "square" ? shape : void 0;
+	}
+	get explicitHue() {
+		return this.args.hue ?? void 0;
+	}
+	get hue() {
+		let hue = this.explicitHue;
+		return hue === void 0 ? statusHue(this.args.name ?? "") : cssValue(hue);
+	}
+	get style() {
+		return cssStyleFrom([cssDeclaration(SIZE_PROPERTY, this.size), cssDeclaration(HUE_PROPERTY, this.hue)]);
+	}
+	get keptStyle() {
+		return [{
+			property: SIZE_PROPERTY,
+			value: this.size,
+			strength: "arg"
+		}, {
+			property: HUE_PROPERTY,
+			value: this.hue,
+			strength: this.explicitHue === void 0 ? "default" : "arg"
+		}];
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "1puKX5ao",
+			"block": "[[[11,1],[24,0,\"pretui-avatar\"],[16,\"title\",[30,1]],[16,\"role\",[52,[51,[30,0,[\"showImage\"]]],\"img\"]],[16,\"aria-label\",[52,[51,[30,0,[\"showImage\"]]],[30,1]]],[16,\"data-has-image\",[52,[30,0,[\"showImage\"]],\"true\"]],[16,\"data-shape\",[30,0,[\"shape\"]]],[16,5,[30,0,[\"style\"]]],[24,\"data-test-pretui-avatar\",\"\"],[17,2],[24,\"data-scopedcss-5178d38d8c-2454ccc101\",\"\"],[4,[32,0],[[30,0,[\"keptStyle\"]]],null],[12],[1,\"\\n  \"],[41,[30,0,[\"showImage\"]],[[[11,\"img\"],[16,\"src\",[30,3]],[16,\"alt\",[30,1]],[24,\"data-scopedcss-5178d38d8c-2454ccc101\",\"\"],[4,[32,1],[\"error\",[30,0,[\"imageError\"]]],null],[12],[13]],[]],[[[1,[30,0,[\"initials\"]]]],[]]],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@name\",\"&attrs\",\"@src\"],[\"unless\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/avatar.gts",
+			"scope": () => [keepStyle, on],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/dialog.gts
+var DIALOG_SIZES = {
+	xs: "s",
+	s: "s",
+	m: "m",
+	l: "l",
+	xl: "l"
+};
+var Dialog = class extends Component {
+	get popupsInPlace() {
+		return true;
+	}
+	static {
+		decorateMethodV2(this.prototype, "popupsInPlace", [provide(POPUPS_IN_PLACE)]);
+	}
+	get dismissible() {
+		return this.args.dismissible ?? true;
+	}
+	get open() {
+		return resolveOpen(this.args);
+	}
+	get size() {
+		return DIALOG_SIZES[resolveSize(this.args.size)] ?? "m";
+	}
+	requestClose() {
+		emit([this.args.onClose]);
+		emit([this.args.onOpenChange], false);
+	}
+	onCancel = (e) => {
+		e.preventDefault();
+		if (this.dismissible) this.requestClose();
+	};
+	onClick = (e) => {
+		if (this.dismissible && e.target === e.currentTarget) this.requestClose();
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "Xsw334hr",
+			"block": "[[[11,\"dialog\"],[24,0,\"pretui-dialog\"],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"aria-label\",[30,1]],[24,\"data-test-pretui-dialog\",\"\"],[17,2],[24,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[4,[32,0],[[30,0,[\"open\"]],[30,0,[\"onCancel\"]],[30,0,[\"onClick\"]]],null],[12],[1,\"\\n  \"],[10,0],[14,0,\"pretui-dialog-inner\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,3]],[[[1,\"      \"],[10,\"header\"],[14,0,\"pretui-dialog-title\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[18,3,null],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[10,0],[14,0,\"pretui-dialog-body\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[18,4,null],[13],[1,\"\\n\"],[41,[48,[30,5]],[[[1,\"      \"],[10,\"footer\"],[14,0,\"pretui-dialog-footer\"],[14,\"data-scopedcss-fd5ccb4071-98262ab512\",\"\"],[12],[18,5,null],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@label\",\"&attrs\",\"&title\",\"&default\",\"&footer\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/dialog.gts",
+			"scope": () => [modalBehavior],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/item.gts
+var Item = class extends Component {
+	get size() {
+		return resolveSize(this.args.size);
+	}
+	get align() {
+		return this.args.alignStart ? "start" : "center";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "ko3oU85L",
+			"block": "[[[11,0],[24,0,\"pretui-item\"],[24,\"data-test-pretui-item\",\"\"],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"data-align\",[30,0,[\"align\"]]],[16,\"data-wrap\",[52,[30,1],\"true\"]],[17,2],[24,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,6]],[[[1,\"    \"],[10,0],[14,0,\"pretui-item-lead\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[18,6,null],[13],[1,\"\\n\"]],[]],null],[1,\"\\n  \"],[10,0],[14,0,\"pretui-item-body\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,7]],[[[1,\"      \"],[10,1],[14,0,\"pretui-item-title\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[18,7,null],[13],[1,\"\\n\"]],[]],[[[41,[30,3],[[[41,[30,4],[[[1,\"        \"],[10,3],[14,0,\"pretui-item-title pretui-item-link\"],[15,6,[30,4]],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[1,[30,3]],[13],[1,\"\\n\"]],[]],[[[1,\"        \"],[10,1],[14,0,\"pretui-item-title\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[1,[30,3]],[13],[1,\"\\n\"]],[]]],[1,\"    \"]],[]],null]],[]]],[1,\"\\n\"],[41,[48,[30,8]],[[[1,\"      \"],[10,1],[14,0,\"pretui-item-desc\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[18,8,null],[13],[1,\"\\n\"]],[]],[[[41,[30,5],[[[1,\"      \"],[10,1],[14,0,\"pretui-item-desc\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[1,[30,5]],[13],[1,\"\\n    \"]],[]],null]],[]]],[1,\"\\n\"],[41,[48,[30,9]],[[[1,\"      \"],[10,0],[14,0,\"pretui-item-content\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[18,9,null],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\\n\"],[41,[48,[30,10]],[[[1,\"    \"],[10,0],[14,0,\"pretui-item-trail\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[18,10,null],[13],[1,\"\\n\"]],[]],null],[41,[48,[30,11]],[[[1,\"    \"],[10,0],[14,0,\"pretui-item-actions\"],[14,\"data-scopedcss-8d0ffb3c65-113e8e2955\",\"\"],[12],[18,11,null],[13],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"]],[\"@wrap\",\"&attrs\",\"@title\",\"@href\",\"@description\",\"&leading\",\"&title\",\"&description\",\"&default\",\"&trailing\",\"&actions\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/item.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/broken-link.gts
+var BrokenLink = class extends Component {
+	get label() {
+		return this.args.label ?? "missing card";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "ANxE2OLx",
+			"block": "[[[11,1],[24,0,\"pretui-broken\"],[24,\"title\",\"This reference is gone\"],[24,\"data-test-pretui-broken-link\",\"\"],[17,1],[24,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[1,\"\\n  \"],[10,\"svg\"],[14,\"width\",\"11\"],[14,\"height\",\"11\"],[14,\"viewBox\",\"0 0 12 12\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[10,\"path\"],[14,\"d\",\"M4.5 7.5 2.8 9.2a1.7 1.7 0 0 1-2.4-2.4L2.8 4.4M7.5 4.5l1.7-1.7a1.7 1.7 0 0 1 2.4 2.4L9.2 7.6M1 1l10 10\"],[14,\"fill\",\"none\"],[14,\"stroke\",\"currentColor\"],[14,\"stroke-width\",\"1.3\"],[14,\"stroke-linecap\",\"round\"],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[13],[13],[1,\"\\n  \"],[10,1],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[1,[30,0,[\"label\"]]],[13],[1,\"\\n  \"],[41,[30,2],[[[10,1],[14,0,\"pretui-broken-id\"],[14,\"data-scopedcss-ff94cba008-71a083bb1d\",\"\"],[12],[1,[30,2]],[13]],[]],null],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@refId\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/broken-link.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/empty-state.gts
+var EMPTY_STATE_SIZES = {
+	xs: "s",
+	s: "s",
+	m: "m",
+	l: "m",
+	xl: "m"
+};
+var EmptyState = class extends Component {
+	get showTexture() {
+		return this.args.texture ?? true;
+	}
+	get separator() {
+		return this.args.separator ?? "or";
+	}
+	get size() {
+		return EMPTY_STATE_SIZES[resolveSize(this.args.size)] ?? "m";
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "yJcwZ0yC",
+			"block": "[[[11,0],[24,0,\"pretui-empty\"],[16,\"data-size\",[30,0,[\"size\"]]],[24,\"data-test-pretui-empty\",\"\"],[17,1],[24,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,\"\\n  \"],[41,[30,0,[\"showTexture\"]],[[[10,0],[14,0,\"pretui-empty-texture\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[13]],[]],null],[1,\"\\n  \"],[10,0],[14,0,\"pretui-empty-title\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"],[41,[48,[30,4]],[[[1,\"    \"],[10,0],[14,0,\"pretui-empty-msg\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,4,null],[13],[1,\"\\n\"]],[]],[[[41,[30,3],[[[1,\"    \"],[10,2],[14,0,\"pretui-empty-msg\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,[30,3]],[13],[1,\"\\n  \"]],[]],null]],[]]],[41,[48,[30,5]],[[[1,\"    \"],[10,0],[14,0,\"pretui-empty-paths\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"pretui-empty-action\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,6,null],[13],[1,\"\\n      \"],[10,0],[14,0,\"pretui-empty-sep\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[1,[30,0,[\"separator\"]]],[13],[1,\"\\n      \"],[10,0],[14,0,\"pretui-empty-action\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,5,null],[13],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],[[[41,[48,[30,6]],[[[1,\"    \"],[10,0],[14,0,\"pretui-empty-action\"],[14,\"data-scopedcss-b2f493050b-b045568bce\",\"\"],[12],[18,6,null],[13],[1,\"\\n  \"]],[]],null]],[]]],[13],[1,\"\\n\"]],[\"&attrs\",\"@title\",\"@message\",\"&default\",\"&altAction\",\"&action\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/empty-state.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/skeleton.gts
+var Skeleton = class extends Component {
+	get style() {
+		return cssStyleFrom([cssDeclaration("--_w", this.args.width ?? "100%"), cssDeclaration("--_h", this.args.height ?? "12px")]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "6lgKSRT5",
+			"block": "[[[11,1],[24,0,\"pretui-skeleton\"],[16,5,[30,0,[\"style\"]]],[24,\"aria-hidden\",\"true\"],[24,\"data-test-pretui-skeleton\",\"\"],[17,1],[24,\"data-scopedcss-537b3a02bc-0566fde4f2\",\"\"],[12],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/skeleton.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/data-component.gts
+/** What a row is keyed by. Strings and numbers only — a key is compared with
+* `===` and must survive being written into a `data-` attribute. */
+/** Caller-supplied key accessor: stable identity for one row. */
+/** The dataset loader. Deliberately knows nothing about HTTP: it is any
+* function returning a promise of rows. */
+/** How many rows may be selected at once. */
+/** Sort direction. */
+/** The current sort: a column key plus a direction. `null` means unsorted,
+* which is a third state the asc/desc cycle passes through. */
+/**
+* THE documented key fallback, shared by every collection in the kit.
+*
+* 1. `@key` accessor if the caller supplied one — always prefer this.
+* 2. otherwise the row's own `id` when it is a string or number (the shape
+*    Boxel cards, `FeedItem` and every fixture in examples.gts already have);
+* 3. otherwise the row's 0-based index.
+*
+* Branch 3 is a real, documented compromise, not a silent one: an
+* index-keyed row's identity MOVES when the collection is re-sorted or
+* spliced, so selection and the active row follow the position rather than
+* the record. Any collection whose rows can be re-ordered should pass `@key`.
+*/
+function defaultRowKey(row, index) {
+	if (row && typeof row === "object") {
+		let id = row["id"];
+		if (typeof id === "string" || typeof id === "number") return id;
+	}
+	return index;
+}
+/** Reads one field off a row for the default comparator. Rows are generic,
+* so the read is an explicit widening rather than an `any`. */
+function readField(row, key) {
+	return row && typeof row === "object" ? row[key] : void 0;
+}
+/** Total order over unknown values: numbers numerically, everything else by
+* locale-free string compare, with null/undefined last in either direction.
+* Anything richer (dates as objects, money, nested paths) wants `@comparator`. */
+function compareValues(a, b) {
+	let aMissing = a === void 0 || a === null;
+	let bMissing = b === void 0 || b === null;
+	if (aMissing || bMissing) return aMissing && bMissing ? 0 : aMissing ? 1 : -1;
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	if (typeof a === "boolean" && typeof b === "boolean") return Number(a) - Number(b);
+	let as = String(a);
+	let bs = String(b);
+	return as < bs ? -1 : as > bs ? 1 : 0;
+}
+/** Everything is an Error by the time it reaches tracked state — a thrown
+* string, a rejected `{ message }`, or a genuine Error. Never swallowed. */
+function toError(thrown) {
+	if (thrown instanceof Error) return thrown;
+	if (typeof thrown === "string") return new Error(thrown);
+	let message = readField(thrown, "message");
+	return new Error(typeof message === "string" ? message : "Load failed");
+}
+/** Re-runs `beginLoad()` whenever the loader, its key, or the reload epoch
+* changes. Exported so a subclass that writes its own `<template>` (and
+* therefore does not render `<DataShell>`) can still wire the loader. */
+var dataLoad = modifier((_el, [state, _load, _key, _epoch]) => {
+	state.beginLoad();
+});
+/**
+* The narrow, non-generic slice of a data component that the shared chrome
+* needs. `DataComponent` implements it; a component that cannot extend
+* `DataComponent` (because it already extends something else) can implement
+* this instead and still wear the same chrome.
+*/
+/**
+* The small amount of shared chrome that goes with the base class: the
+* `aria-busy` root, the polite live region, and the four state slots. It is a
+* separate component precisely so a subclass that writes its own
+* `<template>` keeps every accessibility guarantee without copying it.
+*/
+var DataShell = class extends Component {
+	get isLoading() {
+		return this.args.state.status === "loading";
+	}
+	get isError() {
+		return this.args.state.status === "error";
+	}
+	get isEmpty() {
+		return this.args.state.status === "empty";
+	}
+	get skeletonRows() {
+		let n = Math.max(1, Math.floor(this.args.skeletonRows ?? 3));
+		let out = [];
+		for (let i = 0; i < n; i++) out.push(i);
+		return out;
+	}
+	get loadingLabel() {
+		return this.args.loadingLabel ?? "Loading";
+	}
+	get emptyTitle() {
+		return this.args.emptyTitle ?? "Nothing to show yet";
+	}
+	get emptyMessage() {
+		return this.args.emptyMessage ?? "No records match this view. Adjust the filters, or check back once the desk has logged something.";
+	}
+	get errorTitle() {
+		return this.args.errorTitle ?? "Could not load";
+	}
+	retry = () => {
+		this.args.state.reload();
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "MNDOTS8w",
+			"block": "[[[11,0],[24,0,\"pretui-data\"],[24,\"data-test-pretui-data\",\"\"],[16,\"data-status\",[30,1,[\"status\"]]],[16,\"aria-busy\",[30,1,[\"busy\"]]],[17,2],[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[4,[32,0],[[30,1],[30,1,[\"loadFn\"]],[30,1,[\"loadKey\"]],[30,1,[\"epoch\"]]],null],[12],[1,\"\\n\"],[1,\"  \"],[10,2],[14,0,\"pretui-sr\"],[14,\"role\",\"status\"],[14,\"data-test-pretui-data-live\",\"\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n    \"],[1,[30,1,[\"announcement\"]]],[1,\"\\n  \"],[13],[1,\"\\n\\n\"],[41,[30,0,[\"isLoading\"]],[[[41,[30,3],[[[1,\"      \"],[18,7,null],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,0],[14,0,\"pretui-data-loading\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"pretui-data-loading-head\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n          \"],[8,[32,1],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,[30,0,[\"loadingLabel\"]]],[13],[1,\"\\n        \"],[13],[1,\"\\n\"],[42,[28,[31,3],[[28,[31,3],[[30,0,[\"skeletonRows\"]]],null]],null],\"@index\",[[[1,\"          \"],[10,1],[14,0,\"pretui-data-skeleton\"],[15,\"data-row\",[30,4]],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,\"\\n            \"],[8,[32,2],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@width\",\"@height\"],[\"34%\",\"11px\"]],null],[1,\"\\n            \"],[8,[32,2],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@height\"],[\"11px\"]],null],[1,\"\\n          \"],[13],[1,\"\\n\"]],[4]],null],[1,\"      \"],[13],[1,\"\\n\"]],[]]]],[]],[[[41,[30,0,[\"isError\"]],[[[41,[30,5],[[[1,\"      \"],[18,8,null],[1,\"\\n\"]],[]],[[[1,\"      \"],[8,[32,3],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@tone\",\"@title\"],[\"danger\",[30,0,[\"errorTitle\"]]]],[[\"default\",\"action\"],[[[[1,\"\\n          \"],[10,2],[14,0,\"pretui-data-errmsg\"],[14,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[12],[1,[30,1,[\"errorMessage\"]]],[13],[1,\"\\n\"],[41,[30,1,[\"loadRef\"]],[[[1,\"            \"],[8,[32,4],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@label\",\"@refId\"],[\"dataset unavailable\",[30,1,[\"loadRef\"]]]],null],[1,\"\\n\"]],[]],null],[1,\"        \"]],[]],[[[1,\"\\n\"],[41,[30,1,[\"canRetry\"]],[[[1,\"            \"],[8,[32,5],[[24,\"data-test-pretui-data-retry\",\"\"],[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"],[4,[32,6],[\"click\",[30,0,[\"retry\"]]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Try again\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"        \"]],[]]]]],[1,\"\\n\"]],[]]]],[]],[[[41,[30,0,[\"isEmpty\"]],[[[41,[30,6],[[[1,\"      \"],[18,9,null],[1,\"\\n\"]],[]],[[[1,\"      \"],[8,[32,7],[[24,\"data-scopedcss-cf92ce48c1-f088545998\",\"\"]],[[\"@title\",\"@message\"],[[30,0,[\"emptyTitle\"]],[30,0,[\"emptyMessage\"]]]],null],[1,\"\\n\"]],[]]]],[]],[[[1,\"    \"],[18,10,null],[1,\"\\n  \"]],[]]]],[]]]],[]]],[13],[1,\"\\n\"]],[\"@state\",\"&attrs\",\"@hasLoading\",\"row\",\"@hasError\",\"@hasEmpty\",\"&loading\",\"&error\",\"&empty\",\"&default\"],[\"if\",\"yield\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/data-component.gts",
+			"scope": () => [
+				dataLoad,
+				Spinner,
+				Skeleton,
+				Alert,
+				BrokenLink,
+				Button,
+				on,
+				EmptyState
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+/**
+* Everything a data component accepts. Subclasses widen this through the
+* `Extra` type parameter rather than re-declaring it.
+*/
+/** The interaction surface yielded to the default block alongside the rows.
+* Everything here is safe to call from a template. */
+/** The expanded-rows args DataTable and List share. */
+/** One row's expansion, everything its expander and detail need. */
+/**
+* Which rows are expanded, by key, and the ARIA wiring for each row's
+* expander. Controlled when `@expandedKeys` is passed (the host never moves
+* itself, it only reports), uncontrolled otherwise, seeded from
+* `@defaultExpandedKeys`. Takes a thunk for the same reason DataSource does:
+* every read goes through the live args. DataTable and List both use it, so
+* the state rule and the ARIA contract cannot drift between them.
+*/
+var ExpansionState = class {
+	constructor(readArgs, idPrefix) {
+		this.readArgs = readArgs;
+		this.idPrefix = idPrefix;
+	}
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	get keys() {
+		let a = this.readArgs();
+		if (a.expandedKeys !== void 0) return a.expandedKeys;
+		return this.internal ?? a.defaultExpandedKeys ?? [];
+	}
+	/** A Set keeps 1 and '1' distinct, as `includes` does. */
+	get keySet() {
+		return new Set(this.keys);
+	}
+	static {
+		decorateMethodV2(this.prototype, "keySet", [cached]);
+	}
+	isExpanded = (key) => this.keySet.has(key);
+	/** The detail id is built from the row's position: a key can hold
+	* spaces, and 1 and '1' are distinct keys. */
+	viewFor(key, index, label) {
+		let expanded = this.isExpanded(key);
+		let detailId = this.idPrefix + "-d-" + String(index);
+		return {
+			expanded,
+			expandedFlag: expanded ? "true" : "false",
+			detailId,
+			controls: expanded ? detailId : void 0,
+			expandLabel: (expanded ? "Collapse " : "Expand ") + label
+		};
+	}
+	toggle = (key) => {
+		let current = this.keys;
+		let next = current.includes(key) ? current.filter((k) => k !== key) : [...current, key];
+		let a = this.readArgs();
+		if (a.expandedKeys === void 0) this.internal = next;
+		a.onExpandedChange?.([...next]);
+	};
+};
+/**
+* THE state machine, as a plain class rather than a component.
+*
+* It is separate from `DataComponent` for a reason that is worth stating,
+* because it is the difference between a base class that only serves its own
+* demo and one the whole kit can use. Glint infers a component's row type
+* from its `Args` type — and inference dies the moment `Args` is anything
+* but a bare `DataArgs<T>`: an intersection with an `Extra` type parameter
+* (`DataArgs<T> & Extra`) makes every caller's `T` collapse to `{}`. So a
+* base class cannot both infer `T` and let subclasses add their own args.
+*
+* Inheritance therefore covers the plain case, and DELEGATION covers the
+* rest: a component with its own signature — `@columns`, `@series`, extra
+* blocks, a different Element — holds a DataSource, points `<DataShell>` at
+* it, and gets the identical state machine:
+*
+*     class KitTable<T> extends Component<KitTableSignature<T>> {
+*       data = new DataSource<T>(() => this.args);
+*       <template><DataShell @state={{this.data}}> … </DataShell></template>
+*     }
+*
+* The constructor takes a THUNK, not the args object, so every read goes
+* through the live `this.args` and autotracking stays intact.
+*/
+var DataSource = class {
+	constructor(readArgs) {
+		this.readArgs = readArgs;
+	}
+	/** the host's current args — read through the thunk on every access so
+	* tracked argument changes are observed normally */
+	get a() {
+		return this.readArgs();
+	}
+	static {
+		decorateFieldV2(this.prototype, "loadedRows", [tracked], function() {
+			return [];
+		});
+	}
+	#loadedRows = (initializeDeferredDecorator(this, "loadedRows"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "inFlight", [tracked], function() {
+			return false;
+		});
+	}
+	#inFlight = (initializeDeferredDecorator(this, "inFlight"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "settled", [tracked], function() {
+			return false;
+		});
+	}
+	#settled = (initializeDeferredDecorator(this, "settled"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "failure", [tracked], function() {});
+	}
+	#failure = (initializeDeferredDecorator(this, "failure"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "epoch", [tracked], function() {
+			return 0;
+		});
+	}
+	#epoch = (initializeDeferredDecorator(this, "epoch"), void 0);
+	requestToken = 0;
+	static {
+		decorateFieldV2(this.prototype, "internalSelected", [tracked], function() {});
+	}
+	#internalSelected = (initializeDeferredDecorator(this, "internalSelected"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "internalActive", [tracked], function() {});
+	}
+	#internalActive = (initializeDeferredDecorator(this, "internalActive"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "internalSort", [tracked], function() {});
+	}
+	#internalSort = (initializeDeferredDecorator(this, "internalSort"), void 0);
+	get loadFn() {
+		return this.a.load;
+	}
+	get loadKey() {
+		return this.a.loadKey;
+	}
+	get loadRef() {
+		let key = this.a.loadKey;
+		return typeof key === "string" || typeof key === "number" ? String(key) : void 0;
+	}
+	get canRetry() {
+		return this.a.load !== void 0 && this.a.rows === void 0;
+	}
+	/**
+	* Called by the `dataLoad` modifier on insert and on every change to
+	* `@load` / `@loadKey` / `epoch`. Writes NO tracked state synchronously —
+	* the modifier runs inside the render transaction, and a tracked write
+	* there is the backtracking-rerender assertion.
+	*/
+	beginLoad = () => {
+		let load = this.a.load;
+		let token = ++this.requestToken;
+		if (!load || this.a.rows !== void 0) return;
+		this.runLoad(load, token);
+	};
+	/** Discards whatever is in flight and loads again. */
+	reload = () => {
+		this.epoch = this.epoch + 1;
+	};
+	async runLoad(load, token) {
+		await Promise.resolve();
+		if (token !== this.requestToken) return;
+		this.inFlight = true;
+		this.failure = void 0;
+		try {
+			let rows = await load();
+			if (token !== this.requestToken) return;
+			this.loadedRows = rows ?? [];
+			this.failure = void 0;
+		} catch (thrown) {
+			if (token !== this.requestToken) return;
+			this.failure = toError(thrown);
+		} finally {
+			if (token === this.requestToken) {
+				this.inFlight = false;
+				this.settled = true;
+			}
+		}
+	}
+	/**
+	* The single readable state. DERIVED — nothing assigns it:
+	*   error   a captured failure outranks everything, so a stale row set can
+	*           never read as success;
+	*   loading a request is in flight, OR one is about to start and has never
+	*           settled (which is what closes the empty-flash on first paint);
+	*   ready   settled with rows;
+	*   empty   settled with none — only ever reachable when nothing is
+	*           loading, which is the bug this ordering exists to prevent;
+	*   idle    no rows and no loader: nobody has asked for anything.
+	*/
+	get status() {
+		if (this.a.rows !== void 0) return this.a.rows.length > 0 ? "ready" : "empty";
+		if (this.failure) return "error";
+		if (this.inFlight) return "loading";
+		if (this.a.load === void 0) return "idle";
+		if (!this.settled) return "loading";
+		return this.loadedRows.length > 0 ? "ready" : "empty";
+	}
+	get busy() {
+		return this.status === "loading" ? "true" : "false";
+	}
+	get errorMessage() {
+		return this.a.rows === void 0 && this.failure ? this.failure.message : "";
+	}
+	/** The rows as given: `@rows` when eager, the loaded set otherwise. */
+	get rows() {
+		return this.a.rows ?? this.loadedRows;
+	}
+	/** The rows as rendered: sorted when a sort is active. Never mutates the
+	* caller's array. */
+	get visibleRows() {
+		let rows = this.rows;
+		let sort = this.sort;
+		if (!sort) return rows.slice();
+		let dir = sort.dir === "desc" ? -1 : 1;
+		let active = sort;
+		return rows.slice().sort((a, b) => this.compare(a, b, active, dir));
+	}
+	get count() {
+		return this.visibleRows.length;
+	}
+	/**
+	* The polite announcement. Derived ONLY from settled state, which is how
+	* "do not announce on every keystroke" is enforced structurally rather than
+	* by remembering to: while a request is in flight the text is empty, so a
+	* caller-driven filter that re-queries announces once when the new results
+	* land, not once per key. Identical text is not re-announced by assistive
+	* technology, so re-sorting the same 6 rows stays silent too.
+	*/
+	get announcement() {
+		if (this.a.silentCount) return "";
+		let noun = this.a.itemNoun ?? "result";
+		switch (this.status) {
+			case "ready": {
+				let n = this.count;
+				return `${n} ${n === 1 ? noun : `${noun}s`}`;
+			}
+			case "empty": return `No ${noun}s`;
+			case "error": return `Could not load: ${this.errorMessage}`;
+			default: return "";
+		}
+	}
+	keyFor = (row, index) => this.a.key ? this.a.key(row, index) : defaultRowKey(row, index);
+	rowsForKeys(keys) {
+		let wanted = new Set(keys);
+		return this.visibleRows.filter((row, i) => wanted.has(this.keyFor(row, i)));
+	}
+	get selectionMode() {
+		return this.a.selectionMode ?? "none";
+	}
+	get selectedKeys() {
+		if (this.a.selected !== void 0) return this.a.selected;
+		return this.internalSelected ?? this.a.defaultSelected ?? [];
+	}
+	get selectedRows() {
+		return this.rowsForKeys(this.selectedKeys);
+	}
+	/** Every row the reader can see is selected; keys for rows outside the
+	*  current view do not count either way. */
+	get allSelected() {
+		let visible = this.visibleRows;
+		if (visible.length === 0) return false;
+		let selected = new Set(this.selectedKeys);
+		return visible.every((row, index) => selected.has(this.keyFor(row, index)));
+	}
+	isSelected = (row, index) => this.selectedKeys.includes(this.keyFor(row, index));
+	toggleSelected = (row, index) => {
+		let mode = this.selectionMode;
+		if (mode === "none") return;
+		let key = this.keyFor(row, index);
+		let current = this.selectedKeys;
+		let next;
+		if (mode === "single") next = current.length === 1 && current[0] === key ? [] : [key];
+		else next = current.includes(key) ? current.filter((k) => k !== key) : [...current, key];
+		this.commitSelection(next);
+	};
+	selectAll = () => {
+		if (this.selectionMode !== "multi") return;
+		let visible = this.visibleRows.map((r, i) => this.keyFor(r, i));
+		let shown = new Set(visible);
+		let kept = this.selectedKeys.filter((key) => !shown.has(key));
+		this.commitSelection(this.allSelected ? kept : [...kept, ...visible]);
+	};
+	clearSelection = () => {
+		this.commitSelection([]);
+	};
+	commitSelection(next) {
+		if (this.a.selected === void 0) this.internalSelected = next;
+		this.a.onSelectionChange?.(next, this.rowsForKeys(next));
+	}
+	get activeKey() {
+		if (this.a.activeKey !== void 0) return this.a.activeKey;
+		return this.internalActive !== void 0 ? this.internalActive : this.a.defaultActiveKey ?? null;
+	}
+	isActive = (row, index) => this.activeKey !== null && this.activeKey === this.keyFor(row, index);
+	setActive = (row, index) => {
+		let next = row === null ? null : this.keyFor(row, index);
+		if (this.a.activeKey === void 0) this.internalActive = next;
+		this.a.onActiveChange?.(next, row ?? void 0);
+	};
+	get sort() {
+		if (this.a.sort !== void 0) return this.a.sort;
+		return this.internalSort !== void 0 ? this.internalSort : this.a.defaultSort ?? null;
+	}
+	/** asc → desc → unsorted, the three-step cycle DataGrid already used. */
+	toggleSort = (key) => {
+		let current = this.sort;
+		let next = !current || current.key !== key ? {
+			key,
+			dir: "asc"
+		} : current.dir === "asc" ? {
+			key,
+			dir: "desc"
+		} : null;
+		if (this.a.sort === void 0) this.internalSort = next;
+		this.a.onSortChange?.(next);
+	};
+	ariaSort = (key) => {
+		let current = this.sort;
+		if (!current || current.key !== key) return "none";
+		return current.dir === "asc" ? "ascending" : "descending";
+	};
+	compare(a, b, sort, dir) {
+		if (this.a.comparator) return this.a.comparator(a, b, sort) * dir;
+		let x = readField(a, sort.key);
+		let y = readField(b, sort.key);
+		if (x === void 0 || x === null || y === void 0 || y === null) return compareValues(x, y);
+		return compareValues(x, y) * dir;
+	}
+	get data() {
+		return {
+			status: this.status,
+			count: this.count,
+			errorMessage: this.errorMessage,
+			keyFor: this.keyFor,
+			selectionMode: this.selectionMode,
+			selectedKeys: this.selectedKeys,
+			selectedRows: this.selectedRows,
+			allSelected: this.allSelected,
+			isSelected: this.isSelected,
+			toggleSelected: this.toggleSelected,
+			selectAll: this.selectAll,
+			clearSelection: this.clearSelection,
+			activeKey: this.activeKey,
+			isActive: this.isActive,
+			setActive: this.setActive,
+			sort: this.sort,
+			toggleSort: this.toggleSort,
+			ariaSort: this.ariaSort,
+			reload: this.reload
+		};
+	}
+};
+(class extends Component {
+	/** the state machine — pass it to `<DataShell @state={{this.source}}>` */ source = new DataSource(() => this.args);
+	get status() {
+		return this.source.status;
+	}
+	get busy() {
+		return this.source.busy;
+	}
+	get errorMessage() {
+		return this.source.errorMessage;
+	}
+	get announcement() {
+		return this.source.announcement;
+	}
+	get rows() {
+		return this.source.rows;
+	}
+	get visibleRows() {
+		return this.source.visibleRows;
+	}
+	get count() {
+		return this.source.count;
+	}
+	get selectionMode() {
+		return this.source.selectionMode;
+	}
+	get selectedKeys() {
+		return this.source.selectedKeys;
+	}
+	get selectedRows() {
+		return this.source.selectedRows;
+	}
+	get allSelected() {
+		return this.source.allSelected;
+	}
+	get activeKey() {
+		return this.source.activeKey;
+	}
+	get sort() {
+		return this.source.sort;
+	}
+	get data() {
+		return this.source.data;
+	}
+	keyFor = this.source.keyFor;
+	isSelected = this.source.isSelected;
+	toggleSelected = this.source.toggleSelected;
+	selectAll = this.source.selectAll;
+	clearSelection = this.source.clearSelection;
+	isActive = this.source.isActive;
+	setActive = this.source.setActive;
+	toggleSort = this.source.toggleSort;
+	ariaSort = this.source.ariaSort;
+	reload = this.source.reload;
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "WDfnfAER",
+			"block": "[[[8,[32,0],[[17,1]],[[\"@state\",\"@hasLoading\",\"@hasEmpty\",\"@hasError\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\"],[[30,0,[\"source\"]],[48,[30,6]],[48,[30,7]],[48,[30,8]],[30,2],[30,3],[30,4],[30,5]]],[[\"default\",\"loading\",\"empty\",\"error\"],[[[[18,9,[[30,0,[\"visibleRows\"]],[30,0,[\"data\"]]]]],[]],[[[18,6,null]],[]],[[[18,7,null]],[]],[[[18,8,null]],[]]]]]],[\"&attrs\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\",\"&loading\",\"&empty\",\"&error\",\"&default\"],[\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/data-component.gts",
+			"scope": () => [DataShell],
+			"isStrictMode": true
+		}), this);
+	}
+});
+modifier((el, [mixed]) => {
+	el.indeterminate = mixed;
+});
+/**
+* The roving keyboard cursor a row collection needs: one tab stop for the
+* whole list, arrows to move within it, Home/End to the ends.
+*
+* It is a plain class, not a component and not a modifier, for the reason
+* `DataSource` is one: it is testable without a DOM and it can be held by
+* anything. `<List>` holds one. `<DataTable>` deliberately does NOT — a
+* plain `<table>` must leave Tab alone so the links, buttons and checkboxes
+* inside its cells stay reachable in document order. Roving row focus is a
+* `role='grid'` behaviour, and this file does not claim that role.
+*/
+var RowCursor = class {
+	constructor(readCount) {
+		this.readCount = readCount;
+	}
+	static {
+		decorateFieldV2(this.prototype, "index", [tracked], function() {
+			return 0;
+		});
+	}
+	#index = (initializeDeferredDecorator(this, "index"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "navigating", [tracked], function() {
+			return false;
+		});
+	}
+	#navigating = (initializeDeferredDecorator(this, "navigating"), void 0);
+	/** true only while the KEYBOARD is driving, so `focusWhen` never steals
+	* focus on a pointer path or a plain re-render */
+	get count() {
+		return this.readCount();
+	}
+	/** the cursor, clamped to the collection as it is right now */
+	get active() {
+		return Math.min(this.index, Math.max(0, this.count - 1));
+	}
+	isActive = (index) => index === this.active;
+	isFocusTarget = (index) => this.navigating && this.isActive(index);
+	/** move the cursor and take focus with it */
+	moveTo = (index) => {
+		if (index < 0 || index >= this.count) return;
+		this.navigating = true;
+		this.index = index;
+	};
+	/** follow focus that arrived some other way (a click, a Tab from outside)
+	* without taking it — the early return is what keeps `focusWhen`'s
+	* synchronous `el.focus()` from re-entering as a backtracking re-render */
+	follow = (index) => {
+		if (index === this.active) return;
+		this.navigating = false;
+		this.index = index;
+	};
+	/** returns true when the key was consumed and the caller should
+	* `preventDefault()` */
+	handleKey = (key) => {
+		switch (key) {
+			case "ArrowDown":
+				this.moveTo(this.active + 1);
+				return true;
+			case "ArrowUp":
+				this.moveTo(this.active - 1);
+				return true;
+			case "Home":
+				this.moveTo(0);
+				return true;
+			case "End":
+				this.moveTo(this.count - 1);
+				return true;
+			default: return false;
+		}
+	};
+};
+//#endregion
+//#region ../pretui/components/list.gts
+/**
+* A collapse removes the detail, and focus inside it would fall to <body>.
+* The row remembers (from focusin) that focus was in its detail; after a
+* collapse — by the expander, a controlled `@expandedKeys` change or a
+* reload — focus lands on the row's expander instead, unless it has already
+* moved somewhere real.
+*/
+var restoreFocusOnCollapse = modifier((row, [expanded]) => {
+	if (expanded || row.dataset["detailFocus"] !== "true") return;
+	row.dataset["detailFocus"] = "false";
+	let doc = row.ownerDocument;
+	let active = doc.activeElement;
+	if (!active || active === doc.body) row.querySelector(".pretui-list-expbtn")?.focus();
+});
+var List = class extends Component {
+	guid = guidFor(this);
+	/** The shared state machine: load status, `aria-busy`, the polite result
+	* count, the row-key contract, and THE selection model `<DataTable>` uses.
+	* One implementation, two components. */
+	source = new DataSource(() => this.dataArgs);
+	cursor = new RowCursor(() => this.rows.length);
+	/** The same expanded-rows state DataTable uses. */
+	expansion = new ExpansionState(() => this.args, this.guid);
+	get dataArgs() {
+		let a = this.args;
+		return {
+			rows: a.items ?? a.options ?? a.dataSource,
+			load: a.load,
+			loadKey: a.loadKey,
+			key: a.key,
+			selectionMode: a.selectionMode,
+			selected: a.selected,
+			defaultSelected: a.defaultSelected,
+			onSelectionChange: a.onSelectionChange,
+			itemNoun: a.itemNoun,
+			emptyTitle: a.emptyTitle,
+			emptyMessage: a.emptyMessage,
+			loadingLabel: a.loadingLabel,
+			skeletonRows: a.skeletonRows
+		};
+	}
+	get rows() {
+		return this.source.visibleRows;
+	}
+	get size() {
+		return resolveSize(this.args.size);
+	}
+	get label() {
+		return this.args.label ?? "List";
+	}
+	get selectionMode() {
+		return this.source.selectionMode;
+	}
+	get selectable() {
+		return this.selectionMode !== "none";
+	}
+	get multi() {
+		return this.selectionMode === "multi";
+	}
+	get radioName() {
+		return this.guid + "-list";
+	}
+	get divided() {
+		return this.args.divided ?? true ? "true" : void 0;
+	}
+	get bordered() {
+		return this.args.bordered ? "true" : void 0;
+	}
+	get busy() {
+		return this.args.busy ?? this.args.loading ? "true" : void 0;
+	}
+	labelFor = (row, index) => this.args.rowLabel?.(row, index) ?? "Row " + String(index + 1);
+	get lines() {
+		return this.rows.map((row, index) => {
+			let selected = this.source.isSelected(row, index);
+			let key = this.source.keyFor(row, index);
+			let label = this.labelFor(row, index);
+			return {
+				key,
+				row,
+				index,
+				selected,
+				selectedFlag: selected ? "true" : void 0,
+				active: this.cursor.isActive(index),
+				api: {
+					index,
+					selected,
+					active: this.cursor.isActive(index),
+					toggle: () => this.source.toggleSelected(row, index)
+				},
+				label,
+				expansion: this.expansion.viewFor(key, index, label)
+			};
+		});
+	}
+	isRoving = (index) => this.cursor.isActive(index);
+	isFocusTarget = (index) => this.cursor.isFocusTarget(index);
+	indexFromEvent(event) {
+		let raw = (event.target?.closest("[data-list-index]"))?.dataset["listIndex"];
+		return raw === void 0 ? void 0 : Number(raw);
+	}
+	onFocusIn = (event) => {
+		let target = event.target;
+		let row = target?.closest("[data-list-index]");
+		if (row) row.dataset["detailFocus"] = target?.closest(".pretui-list-detail") ? "true" : "false";
+		let index = this.indexFromEvent(event);
+		if (index !== void 0) this.cursor.follow(index);
+	};
+	onKeydown = (event) => {
+		let ev = event;
+		if (this.rows.length === 0) return;
+		if (!!!ev.target?.matches("[data-list-index]")) return;
+		if (this.cursor.handleKey(ev.key)) {
+			ev.preventDefault();
+			return;
+		}
+		let index = this.cursor.active;
+		let row = this.rows[index];
+		if (row === void 0) return;
+		if (ev.key === "Enter") {
+			ev.preventDefault();
+			this.args.onActivate?.(row, index);
+		} else if (ev.key === " " && this.selectable) {
+			ev.preventDefault();
+			this.source.toggleSelected(row, index);
+		}
+	};
+	toggleExpanded = (key) => this.expansion.toggle(key);
+	detailLabel = (line) => line.label + " details";
+	toggleRow = (row, index) => {
+		this.source.toggleSelected(row, index);
+	};
+	activate = (row, index) => {
+		this.args.onActivate?.(row, index);
+	};
+	/** A click on a row activates it, unless it landed on a control or in the
+	* row's expanded detail. */
+	onClick = (event) => {
+		if (!this.args.onActivate) return;
+		let target = event.target;
+		let li = target?.closest?.("li[data-list-index]");
+		if (!li || target?.closest?.("a[href], button, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [contenteditable=\"\"], [contenteditable=\"true\"]") || target?.closest?.(".pretui-list-detail")) return;
+		let index = Number(li.getAttribute("data-list-index"));
+		let row = this.rows[index];
+		if (row !== void 0) this.args.onActivate(row, index);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "XELOR1Am",
+			"block": "[[[11,0],[24,0,\"pretui-list\"],[24,\"data-test-pretui-list\",\"\"],[16,\"data-size\",[30,0,[\"size\"]]],[16,\"data-divided\",[30,0,[\"divided\"]]],[16,\"data-bordered\",[30,0,[\"bordered\"]]],[16,\"aria-busy\",[30,0,[\"busy\"]]],[17,1],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,7]],[[[1,\"    \"],[10,0],[14,0,\"pretui-list-header\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[18,7,null],[13],[1,\"\\n\"]],[]],null],[1,\"\\n  \"],[8,[32,0],[[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"]],[[\"@state\",\"@hasLoading\",\"@hasEmpty\",\"@hasError\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\"],[[30,0,[\"source\"]],[48,[30,8]],[48,[30,9]],[48,[30,10]],[30,2],[30,3],[30,4],[30,5]]],[[\"default\",\"loading\",\"empty\",\"error\"],[[[[1,\"\\n      \"],[11,\"ul\"],[24,0,\"pretui-list-rows\"],[16,\"aria-label\",[30,0,[\"label\"]]],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[4,[32,1],[\"keydown\",[30,0,[\"onKeydown\"]]],null],[4,[32,1],[\"focusin\",[30,0,[\"onFocusIn\"]]],null],[4,[32,1],[\"click\",[30,0,[\"onClick\"]]],null],[12],[1,\"\\n\"],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"lines\"]]],null]],null],\"key\",[[[1,\"          \"],[11,\"li\"],[24,0,\"pretui-list-row\"],[16,\"data-list-index\",[30,6,[\"index\"]]],[16,\"data-selected\",[30,6,[\"selectedFlag\"]]],[16,\"data-expanded\",[52,[48,[30,11]],[30,6,[\"expansion\",\"expandedFlag\"]]]],[24,\"data-test-pretui-list-row\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[4,[32,2],[[28,[30,0,[\"isRoving\"]],[[30,6,[\"index\"]]],null]],null],[4,[32,3],[[28,[30,0,[\"isFocusTarget\"]],[[30,6,[\"index\"]]],null]],null],[4,[32,4],[[30,6,[\"expansion\",\"expanded\"]]],null],[12],[1,\"\\n            \"],[10,0],[14,0,\"pretui-list-line\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"selectable\"]],[[[1,\"                \"],[10,1],[14,0,\"pretui-list-pick\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"multi\"]],[[[1,\"                    \"],[11,\"input\"],[24,0,\"pretui-list-box\"],[16,\"checked\",[30,6,[\"selected\"]]],[16,\"aria-label\",[30,6,[\"label\"]]],[24,\"data-test-pretui-list-select\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[24,4,\"checkbox\"],[4,[32,5],[\"change\",[28,[32,6],[[30,0,[\"toggleRow\"]],[30,6,[\"row\"]],[30,6,[\"index\"]]],null]],null],[12],[13],[1,\"\\n\"]],[]],[[[1,\"                    \"],[11,\"input\"],[24,0,\"pretui-list-box pretui-list-radio\"],[16,3,[30,0,[\"radioName\"]]],[16,\"checked\",[30,6,[\"selected\"]]],[16,\"aria-label\",[30,6,[\"label\"]]],[24,\"data-test-pretui-list-select\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[24,4,\"radio\"],[4,[32,5],[\"change\",[28,[32,6],[[30,0,[\"toggleRow\"]],[30,6,[\"row\"]],[30,6,[\"index\"]]],null]],null],[12],[13],[1,\"\\n\"]],[]]],[1,\"                \"],[13],[1,\"\\n\"]],[]],null],[41,[48,[30,11]],[[[1,\"                \"],[11,\"button\"],[24,0,\"pretui-list-expbtn\"],[16,\"aria-expanded\",[30,6,[\"expansion\",\"expandedFlag\"]]],[16,\"aria-controls\",[30,6,[\"expansion\",\"controls\"]]],[16,\"aria-label\",[30,6,[\"expansion\",\"expandLabel\"]]],[24,\"data-test-pretui-list-expand\",\"\"],[24,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[24,4,\"button\"],[4,[32,5],[\"click\",[28,[32,6],[[30,0,[\"toggleExpanded\"]],[30,6,[\"key\"]]],null]],null],[12],[1,\"\\n                  \"],[10,1],[14,0,\"pretui-list-chev\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"›\"],[13],[1,\"\\n                \"],[13],[1,\"\\n\"]],[]],null],[1,\"              \"],[10,0],[14,0,\"pretui-list-body\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n                \"],[18,12,[[30,6,[\"row\"]],[30,6,[\"index\"]],[30,6,[\"api\"]]]],[1,\"\\n              \"],[13],[1,\"\\n            \"],[13],[1,\"\\n\"],[41,[48,[30,11]],[[[41,[30,6,[\"expansion\",\"expanded\"]],[[[1,\"                \"],[10,0],[14,0,\"pretui-list-detail\"],[15,1,[30,6,[\"expansion\",\"detailId\"]]],[14,\"role\",\"region\"],[14,\"tabindex\",\"-1\"],[15,\"aria-label\",[28,[30,0,[\"detailLabel\"]],[[30,6]],null]],[14,\"data-test-pretui-list-detail\",\"\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[1,\"\\n                  \"],[18,11,[[30,6,[\"row\"]],[30,6,[\"index\"]]]],[1,\"\\n                \"],[13],[1,\"\\n\"]],[]],null]],[]],null],[1,\"          \"],[13],[1,\"\\n\"]],[6]],null],[1,\"      \"],[13],[1,\"\\n    \"]],[]],[[[18,8,null]],[]],[[[18,9,null]],[]],[[[18,10,null]],[]]]]],[1,\"\\n\\n\"],[41,[48,[30,13]],[[[1,\"    \"],[10,0],[14,0,\"pretui-list-footer\"],[14,\"data-scopedcss-d9a8b45361-cd067b2df8\",\"\"],[12],[18,13,null],[13],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"]],[\"&attrs\",\"@emptyTitle\",\"@emptyMessage\",\"@loadingLabel\",\"@skeletonRows\",\"line\",\"&header\",\"&loading\",\"&empty\",\"&error\",\"&expanded\",\"&item\",\"&footer\"],[\"if\",\"has-block\",\"yield\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/list.gts",
+			"scope": () => [
+				DataShell,
+				listen,
+				rovingTabindex,
+				focusWhen,
+				restoreFocusOnCollapse,
+				on,
+				fn
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/loading-state.gts
+var LoadingState = class extends Component {
+	get label() {
+		return this.args.label ?? "Working";
+	}
+	get variant() {
+		return this.args.variant ?? "drive";
+	}
+	get pixels() {
+		let chev = Array.from({ length: 9 }, (_, i) => {
+			let r = Math.floor(i / 3);
+			return (i % 3 + Math.abs(r - 1)) * 90;
+		});
+		let order = [
+			0,
+			1,
+			2,
+			5,
+			8,
+			7,
+			6,
+			3
+		];
+		let orbit = Array.from({ length: 9 }, (_, i) => {
+			let k = order.indexOf(i);
+			return k === -1 ? null : k * 110;
+		});
+		return (this.variant === "orbit" ? orbit : chev).map((d) => ({
+			idle: d === null,
+			kept: d === null ? [] : [{
+				property: "--pretui-pixel-delay",
+				value: `${d}ms`,
+				strength: "arg"
+			}]
+		}));
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "1UXlUkx6",
+			"block": "[[[11,1],[24,0,\"pretui-loading\"],[24,\"role\",\"status\"],[24,\"data-test-pretui-loading-state\",\"\"],[17,1],[24,\"data-scopedcss-cae5827e83-d4debe2552\",\"\"],[12],[1,\"\\n  \"],[10,1],[14,\"aria-hidden\",\"true\"],[14,0,\"pretui-pixelgrid\"],[15,\"data-variant\",[30,0,[\"variant\"]]],[14,\"data-scopedcss-cae5827e83-d4debe2552\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,1],[[28,[31,1],[[30,0,[\"pixels\"]]],null]],null],null,[[[1,\"      \"],[11,1],[24,0,\"pretui-pixel\"],[16,\"data-idle\",[52,[30,2,[\"idle\"]],\"true\"]],[24,\"data-scopedcss-cae5827e83-d4debe2552\",\"\"],[4,[32,0],[[30,2,[\"kept\"]]],null],[12],[13],[1,\"\\n\"]],[2]],null],[1,\"  \"],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-shimmer-label\"],[14,\"data-scopedcss-cae5827e83-d4debe2552\",\"\"],[12],[1,[30,0,[\"label\"]]],[13],[1,\"\\n  \"],[41,[30,3],[[[10,1],[14,0,\"pretui-elapsed\"],[14,\"data-scopedcss-cae5827e83-d4debe2552\",\"\"],[12],[1,[30,3]],[13]],[]],null],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"p\",\"@elapsed\"],[\"each\",\"-track-array\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/loading-state.gts",
+			"scope": () => [keepStyle],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/scroller.gts
+/**
+* Maintains the four edge facts as DATA ATTRIBUTES on the viewport, and
+* makes the viewport keyboard-reachable exactly when it actually scrolls.
+*
+* Written as attributes rather than tracked state on purpose: a scroll
+* listener that writes tracked state re-renders the component on every
+* frame of a flick. These attributes are read only by CSS, so the whole
+* affordance costs one `setAttribute` and no render at all.
+*
+* `tabindex` is managed here too. A scroll container that a mouse user can
+* reach and a keyboard user cannot is a keyboard trap in reverse — the
+* content is simply unreachable. Chromium and Firefox have started making
+* scrollers focusable natively; this keeps the guarantee everywhere, and
+* REMOVES the tab stop again when the content shrinks and no longer
+* overflows, which is the part native focusable-scrollers gets right and
+* hand-rolled `tabindex='0'` does not.
+*/
+var scrollEdges = modifier((element, [orientation]) => {
+	let update = () => {
+		let horizontal = orientation !== "vertical";
+		let vertical = orientation !== "horizontal";
+		let overflowX = element.scrollWidth - element.clientWidth > 1;
+		let overflowY = element.scrollHeight - element.clientHeight > 1;
+		let left = Math.abs(element.scrollLeft);
+		element.dataset["startX"] = horizontal && overflowX && left > 1 ? "clipped" : "flush";
+		element.dataset["endX"] = horizontal && overflowX && left < element.scrollWidth - element.clientWidth - 1 ? "clipped" : "flush";
+		element.dataset["startY"] = vertical && overflowY && element.scrollTop > 1 ? "clipped" : "flush";
+		element.dataset["endY"] = vertical && overflowY && element.scrollTop < element.scrollHeight - element.clientHeight - 1 ? "clipped" : "flush";
+		if (horizontal && overflowX || vertical && overflowY) {
+			if (element.getAttribute("tabindex") === null) element.setAttribute("tabindex", "0");
+		} else if (element.getAttribute("tabindex") === "0") element.removeAttribute("tabindex");
+	};
+	element.addEventListener("scroll", update, { passive: true });
+	let frame;
+	let schedule = () => {
+		if (frame !== void 0) return;
+		frame = requestAnimationFrame(() => {
+			frame = void 0;
+			update();
+		});
+	};
+	let observer = new ResizeObserver(schedule);
+	let observeChildren = () => {
+		for (let child of Array.from(element.children)) observer.observe(child);
+	};
+	observer.observe(element);
+	observeChildren();
+	let mutations = new MutationObserver(() => {
+		observeChildren();
+		schedule();
+	});
+	mutations.observe(element, {
+		childList: true,
+		subtree: true,
+		characterData: true
+	});
+	update();
+	return () => {
+		element.removeEventListener("scroll", update);
+		observer.disconnect();
+		mutations.disconnect();
+		if (frame !== void 0) cancelAnimationFrame(frame);
+	};
+});
+/**
+* A scroll container that says when it is clipped.
+*
+* ```hbs
+* <Scroller @label='Recent lots' @orientation='horizontal'>
+*   <div class='row'>…</div>
+* </Scroller>
+* ```
+*
+* Better than the inspiration (`wa-scroller`): upstream ships one shadow
+* treatment, both axes always on, and no notion of whether the region is
+* reachable by keyboard. Here the axis is explicit, the treatment is a knob,
+* the tab stop appears and DISAPPEARS with the overflow, and the affordance
+* is driven by data attributes rather than by re-rendering on every scroll
+* frame.
+*/
+var Scroller = class extends Component {
+	get orientation() {
+		return this.args.orientation ?? "horizontal";
+	}
+	get edge() {
+		return this.args.edge ?? "fade";
+	}
+	get role() {
+		return this.args.label ? "region" : void 0;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "dA5kczpk",
+			"block": "[[[11,0],[24,0,\"pretui-scroller\"],[24,\"data-test-pretui-scroller\",\"\"],[16,\"data-edge\",[30,0,[\"edge\"]]],[17,1],[24,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[1,\"\\n  \"],[11,0],[24,0,\"pretui-scroller-viewport\"],[16,\"data-orientation\",[30,0,[\"orientation\"]]],[16,\"data-hide-scrollbar\",[52,[30,2],\"true\"]],[16,\"role\",[30,0,[\"role\"]]],[16,\"aria-label\",[30,3]],[24,\"data-test-pretui-scroller-viewport\",\"\"],[24,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[4,[32,0],[[30,0,[\"orientation\"]]],null],[12],[1,\"\\n    \"],[18,4,null],[1,\"\\n  \"],[13],[1,\"\\n\"],[1,\"  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"start-x\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"end-x\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"start-y\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n  \"],[10,1],[14,0,\"pretui-scroller-edge\"],[14,\"data-side\",\"end-y\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-11ca330a13-f16dc4fa82\",\"\"],[12],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"@hideScrollbar\",\"@label\",\"&default\"],[\"if\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/scroller.gts",
+			"scope": () => [scrollEdges],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard-modals/manage-catalogs.gts
+var ManageCatalogsModal = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "choices", [tracked$1], function() {
+			return null;
+		});
+	}
+	#choices = (initializeDeferredDecorator(this, "choices"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "loadError", [tracked$1], function() {
+			return null;
+		});
+	}
+	#loadError = (initializeDeferredDecorator(this, "loadError"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "selected", [tracked$1]);
+	}
+	#selected = (initializeDeferredDecorator(this, "selected"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "saveError", [tracked$1], function() {
+			return null;
+		});
+	}
+	#saveError = (initializeDeferredDecorator(this, "saveError"), void 0);
+	constructor(owner, args) {
+		super(owner, args);
+		this.selected = this.realmServer.userCatalogPicks;
+		this.loadChoices.perform();
+	}
+	get listedElsewhere() {
+		return new Set([
+			baseRealm.url,
+			...this.realmServer.catalogRealmIdentifiers,
+			...this.realmServer.userRealmIdentifiers
+		]);
+	}
+	loadChoices = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.loadError = null;
+			try {
+				let listedElsewhere = this.listedElsewhere;
+				let realms = yield this.realmServer.fetchPublicRealms();
+				this.choices = realms.filter(({ url }) => !listedElsewhere.has(url)).sort((a, b) => displayName(a).localeCompare(displayName(b)));
+			} catch (e) {
+				this.loadError = e.message;
+			}
+		}
+	}), null, "loadChoices", "restartable");
+	save = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.saveError = null;
+			try {
+				let selected = new Set(this.selected);
+				let listedElsewhere = this.listedElsewhere;
+				let kept = this.realmServer.userCatalogPicks.filter((url) => listedElsewhere.has(url));
+				let chosen = (this.choices ?? []).map(({ url }) => url).filter((url) => selected.has(url));
+				yield this.matrixService.setUserCatalogRealms([...new Set([...kept, ...chosen])]);
+				this.args.onClose();
+			} catch (e) {
+				this.saveError = e.message;
+			}
+		}
+	}), null, "save", null);
+	rowKey = (realm) => realm.url;
+	rowLabel = (realm) => displayName(realm);
+	iconSrc = (realm) => realm.iconURL ?? void 0;
+	setSelected = (keys) => {
+		this.selected = keys.map(String);
+	};
+	toggle = (realm) => {
+		this.selected = this.selected.includes(realm.url) ? this.selected.filter((url) => url !== realm.url) : [...this.selected, realm.url];
+	};
+	get rows() {
+		return this.choices ?? [];
+	}
+	get isSaveDisabled() {
+		return this.choices === null;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "6efOiZ2E",
+			"block": "[[[8,[32,0],[[24,0,\"manage-catalogs-dialog\"],[24,\"data-test-manage-catalogs-modal\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@open\",\"@onClose\",\"@label\",\"@size\"],[true,[30,1],\"Choose Catalogs\",\"m\"]],[[\"title\",\"default\",\"footer\"],[[[[1,\"Choose Catalogs\"]],[]],[[[1,\"\\n    \"],[10,2],[14,0,\"intro\"],[14,\"data-scopedcss-6121faa312-c411e9d408\",\"\"],[12],[1,\"\\n      Choose public realms to show in your Catalogs section.\\n    \"],[13],[1,\"\\n\"],[41,[30,0,[\"loadChoices\",\"isRunning\"]],[[[1,\"      \"],[8,[32,1],[[24,0,\"loading\"],[24,\"data-test-public-realms-loading\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@label\"],[\"Loading public realms\"]],null],[1,\"\\n\"]],[]],[[[41,[30,0,[\"loadError\"]],[[[1,\"      \"],[8,[32,2],[[24,\"data-test-manage-catalogs-error\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@tone\",\"@title\"],[\"danger\",\"Couldn't load the public realms\"]],[[\"default\"],[[[[1,\"\\n        \"],[1,[30,0,[\"loadError\"]]],[1,\"\\n      \"]],[]]]]],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,0],[14,0,\"realm-list-frame\"],[14,\"data-scopedcss-6121faa312-c411e9d408\",\"\"],[12],[1,\"\\n        \"],[8,[32,3],[[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@orientation\"],[\"vertical\"]],[[\"default\"],[[[[1,\"\\n          \"],[8,[32,4],[[24,\"data-test-public-realm-list\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@items\",\"@key\",\"@rowLabel\",\"@label\",\"@selectionMode\",\"@selected\",\"@onSelectionChange\",\"@onActivate\",\"@itemNoun\",\"@emptyTitle\",\"@emptyMessage\"],[[30,0,[\"rows\"]],[30,0,[\"rowKey\"]],[30,0,[\"rowLabel\"]],\"Public realms\",\"multi\",[30,0,[\"selected\"]],[30,0,[\"setSelected\"]],[30,0,[\"toggle\"]],\"realm\",\"Nothing more to add\",\"Every public realm is already in your Catalogs or Your Workspaces.\"]],[[\"item\"],[[[[1,\"\\n              \"],[8,[32,5],[[16,\"data-test-public-realm\",[30,2,[\"url\"]]],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@title\",\"@description\"],[[28,[32,6],[[30,2]],null],[30,2,[\"url\"]]]],[[\"leading\"],[[[[1,\"\\n                  \"],[10,1],[14,0,\"realm-icon\"],[14,\"data-scopedcss-6121faa312-c411e9d408\",\"\"],[12],[1,\"\\n                    \"],[8,[32,7],[[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@name\",\"@src\",\"@size\"],[[28,[32,6],[[30,2]],null],[28,[30,0,[\"iconSrc\"]],[[30,2]],null],32]],null],[1,\"\\n                  \"],[13],[1,\"\\n                \"]],[]]]]],[1,\"\\n            \"]],[2]]]]],[1,\"\\n        \"]],[]]]]],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]],[]]],[41,[30,0,[\"saveError\"]],[[[1,\"      \"],[8,[32,2],[[24,\"data-test-manage-catalogs-error\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"]],[[\"@tone\",\"@title\"],[\"danger\",\"Couldn't save your catalogs\"]],[[\"default\"],[[[[1,\"\\n        \"],[1,[30,0,[\"saveError\"]]],[1,\"\\n      \"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"  \"]],[]],[[[1,\"\\n    \"],[8,[32,8],[[24,\"data-test-cancel-manage-catalogs\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"],[4,[32,9],[\"click\",[30,1]],null]],[[\"@variant\"],[\"secondary\"]],[[\"default\"],[[[[1,\"\\n      Cancel\\n    \"]],[]]]]],[1,\"\\n    \"],[8,[32,8],[[24,\"data-test-save-manage-catalogs\",\"\"],[24,\"data-scopedcss-6121faa312-c411e9d408\",\"\"],[4,[32,9],[\"click\",[28,[32,10],[[30,0,[\"save\"]]],null]],null]],[[\"@variant\",\"@busy\",\"@disabled\"],[\"primary\",[30,0,[\"save\",\"isRunning\"]],[30,0,[\"isSaveDisabled\"]]]],[[\"default\"],[[[[1,\"\\n      Save\\n    \"]],[]]]]],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[\"@onClose\",\"realm\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard-modals/manage-catalogs.gts",
+			"scope": () => [
+				Dialog,
+				LoadingState,
+				Alert,
+				Scroller,
+				List,
+				Item,
+				displayName,
+				Avatar,
+				Button,
+				on,
+				perform
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+function displayName(realm) {
+	return realm.name ?? realm.url;
+}
+var ManageCatalogs = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "isModalOpen", [tracked$1], function() {
+			return false;
+		});
+	}
+	#isModalOpen = (initializeDeferredDecorator(this, "isModalOpen"), void 0);
+	setIsModalOpen = (value) => {
+		this.isModalOpen = value;
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "vkjyxb8V",
+			"block": "[[[10,1],[14,0,\"manage-catalogs\"],[14,\"data-scopedcss-6121faa312-bfb1490ce6\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-manage-catalogs\",\"\"],[24,\"data-scopedcss-6121faa312-bfb1490ce6\",\"\"],[4,[32,2],[\"click\",[28,[32,3],[[30,0,[\"setIsModalOpen\"]],true],null]],null]],[[\"@label\",\"@tooltip\",\"@icon\",\"@iconWidth\",\"@iconHeight\",\"@variant\",\"@size\"],[\"Choose Catalogs\",\"Choose Catalogs\",[32,1],\"16\",\"16\",\"ghost\",\"s\"]],null],[1,\"\\n\"],[13],[1,\"\\n\"],[41,[30,0,[\"isModalOpen\"]],[[[1,\"  \"],[8,[32,4],[[24,\"data-scopedcss-6121faa312-bfb1490ce6\",\"\"]],[[\"@onClose\"],[[28,[32,3],[[30,0,[\"setIsModalOpen\"]],false],null]]],null],[1,\"\\n\"]],[]],null]],[],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard-modals/manage-catalogs.gts",
+			"scope": () => [
+				IconButton,
+				IconComponent$19,
+				on,
+				fn,
+				ManageCatalogsModal
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard/catalog-shelf.gts
+var ART_PAGE_WIDTH_PX = 1e3;
+var OTHER_LISTINGS_FETCHED = 12;
+var PENDING_STORIES = Array.from({ length: 4 }, (_, i) => i);
+var LISTING_TYPE = {
+	module: rri("@cardstack/catalog/catalog-app/listing/listing"),
+	name: "Listing"
+};
+var lastAnswers = /* @__PURE__ */ new Map();
+var CatalogShelf = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "network", [service]);
+	}
+	#network = (initializeDeferredDecorator(this, "network"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	resolve = (link, base) => {
+		try {
+			return this.network.virtualNetwork.toURL(resolveRRIReference(link, rri(base))).href;
+		} catch {
+			return link;
+		}
+	};
+	toListingEntry = (entry) => ({
+		id: this.resolve(trimJsonExtension(entry.id), this.args.realmURL),
+		item: entry.item
+	});
+	index = getSearchEntriesResource(this, () => ({
+		realms: [this.args.realmURL],
+		cardUrls: [`${this.args.realmURL}index.json`],
+		scope: "cards",
+		fields: { entry: ["item.featured"] }
+	}));
+	get featuredIds() {
+		let index = this.index.entries[0];
+		return index ? linkedIds(this.toListingEntry(index), "featured", this.resolve) : [];
+	}
+	static {
+		decorateMethodV2(this.prototype, "featuredIds", [cached$1]);
+	}
+	get featuredCardUrls() {
+		return this.featuredIds.map((id) => `${id}.json`);
+	}
+	static {
+		decorateMethodV2(this.prototype, "featuredCardUrls", [cached$1]);
+	}
+	featured = getSearchEntriesResource(this, () => this.featuredCardUrls.length ? {
+		realms: [this.args.realmURL],
+		cardUrls: this.featuredCardUrls,
+		scope: "cards",
+		fields: { entry: LISTING_FIELDS }
+	} : void 0);
+	others = getSearchEntriesResource(this, () => ({
+		realms: [this.args.realmURL],
+		filter: { "item.on": LISTING_TYPE },
+		page: {
+			number: 0,
+			size: OTHER_LISTINGS_FETCHED
+		},
+		scope: "cards",
+		fields: { entry: LISTING_FIELDS }
+	}));
+	get isAnswered() {
+		let answered = (resource) => resource.entriesQuery !== void 0 || resource.errors !== void 0;
+		if (!answered(this.index) || !answered(this.others)) return false;
+		let wanted = this.featuredCardUrls;
+		if (wanted.length === 0 || this.featured.errors && !this.featured.isLoading) return true;
+		let asked = this.featured.entriesQuery?.cardUrls ?? [];
+		return asked.length === wanted.length && wanted.every((url, i) => asked[i] === url);
+	}
+	get stories() {
+		if (!this.isAnswered) return lastAnswers.get(this.args.realmURL) ?? [];
+		let stories = storiesFrom({
+			featuredIds: this.featuredIds,
+			featured: this.featured.entries.map(this.toListingEntry),
+			others: this.others.entries.map(this.toListingEntry),
+			resolve: this.resolve
+		});
+		lastAnswers.set(this.args.realmURL, stories);
+		return stories;
+	}
+	static {
+		decorateMethodV2(this.prototype, "stories", [cached$1]);
+	}
+	get isPending() {
+		return !this.isAnswered && this.stories.length === 0;
+	}
+	get artQuery() {
+		let exampleIds = this.stories.map((story) => story.exampleId).filter((id) => Boolean(id));
+		if (exampleIds.length === 0) return;
+		return {
+			realms: [this.args.realmURL],
+			cardUrls: exampleIds.map((id) => `${id}.json`),
+			scope: "cards",
+			filter: { eq: { htmlQuery: { eq: { format: "isolated" } } } },
+			fields: { entry: ["html"] }
+		};
+	}
+	artFor = (entries, exampleId) => exampleId ? entries.find((entry) => entry.html?.html != null && this.toListingEntry(entry).id === exampleId) : void 0;
+	headlineId = (index) => `${guidFor(this)}-story-${index}`;
+	open(cardId) {
+		this.operatorModeStateService.openCardInInteractMode(cardId);
+		this.operatorModeStateService.closeWorkspaceChooser();
+	}
+	static {
+		decorateMethodV2(this.prototype, "open", [action]);
+	}
+	async openCatalog() {
+		await this.operatorModeStateService.openWorkspace(this.args.realmURL);
+	}
+	static {
+		decorateMethodV2(this.prototype, "openCatalog", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "DDDZj/cK",
+			"block": "[[[41,[30,0,[\"stories\",\"length\"]],[[[1,\"  \"],[11,0],[24,0,\"catalog-shelf\"],[24,\"data-test-catalog-shelf\",\"\"],[17,1],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n    \"],[8,[32,0],[[24,\"data-scopedcss-3416374426-c845240858\",\"\"]],[[\"@query\",\"@mode\",\"@overlays\"],[[30,0,[\"artQuery\"]],\"none\",false]],[[\"default\"],[[[[1,\"\\n      \"],[10,\"ul\"],[14,0,\"stories\"],[14,\"aria-label\",\"From the catalog\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"stories\"]]],null]],null],\"id\",[[[44,[[28,[30,0,[\"artFor\"]],[[30,2,[\"entries\"]],[30,3,[\"exampleId\"]]],null]],[[[1,\"            \"],[10,\"li\"],[15,0,[29,[\"story tint-\",[30,3,[\"tint\"]]]]],[15,\"data-theme\",[30,3,[\"scheme\"]]],[15,\"data-test-catalog-story\",[30,3,[\"id\"]]],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n              \"],[10,2],[14,0,\"eyebrow\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,[30,3,[\"eyebrow\"]]],[13],[1,\"\\n\"],[1,\"              \"],[10,\"h3\"],[14,0,\"headline\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n                \"],[11,\"button\"],[16,1,[28,[30,0,[\"headlineId\"]],[[30,4]],null]],[24,0,\"story-open\"],[24,\"data-test-catalog-story-open\",\"\"],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[24,4,\"button\"],[4,[32,1],[\"click\",[28,[32,2],[[30,0,[\"open\"]],[30,3,[\"id\"]]],null]],null],[12],[10,1],[14,0,\"headline-text\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,[30,3,[\"name\"]]],[13],[13],[1,\"\\n              \"],[13],[1,\"\\n              \"],[11,0],[24,0,\"art\"],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[4,[32,3],[[32,4]],null],[12],[1,\"\\n\"],[41,[30,5],[[[1,\"                  \"],[10,0],[14,0,\"art-page\"],[14,\"data-theme\",\"light\"],[14,\"inert\",\"\"],[15,\"data-test-catalog-story-example\",[30,3,[\"exampleId\"]]],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n                    \"],[8,[30,5,[\"component\"]],[[24,\"data-scopedcss-3416374426-c845240858\",\"\"]],null,null],[1,\"\\n                  \"],[13],[1,\"\\n\"]],[]],[[[41,[30,3,[\"thumbnailURL\"]],[[[1,\"                  \"],[10,\"img\"],[14,0,\"thumbnail\"],[15,\"src\",[30,3,[\"thumbnailURL\"]]],[14,\"alt\",\"\"],[14,\"loading\",\"lazy\"],[14,\"data-test-catalog-story-thumbnail\",\"\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[13],[1,\"\\n                \"]],[]],null]],[]]],[1,\"              \"],[13],[1,\"\\n              \"],[10,2],[14,0,\"copy\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,[30,3,[\"copy\"]]],[13],[1,\"\\n              \"],[10,0],[14,0,\"actions\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n\"],[41,[30,3,[\"exampleId\"]],[[[1,\"                  \"],[8,[32,5],[[24,0,\"action\"],[16,\"aria-describedby\",[28,[30,0,[\"headlineId\"]],[[30,4]],null]],[24,\"data-test-catalog-story-try\",\"\"],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[4,[32,1],[\"click\",[28,[32,2],[[30,0,[\"open\"]],[30,3,[\"exampleId\"]]],null]],null]],[[\"@tone\",\"@appearance\",\"@shape\"],[\"neutral\",\"outlined\",\"pill\"]],[[\"default\"],[[[[1,\"Try it\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"                \"],[8,[32,5],[[24,0,\"action\"],[16,\"aria-describedby\",[28,[30,0,[\"headlineId\"]],[[30,4]],null]],[24,\"data-test-catalog-story-action\",\"\"],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[4,[32,1],[\"click\",[28,[32,2],[[30,0,[\"open\"]],[30,3,[\"id\"]]],null]],null]],[[\"@tone\",\"@appearance\",\"@shape\"],[\"neutral\",\"accent\",\"pill\"]],[[\"default\"],[[[[1,\"Details\"]],[]]]]],[1,\"\\n              \"],[13],[1,\"\\n            \"],[13],[1,\"\\n\"]],[5]]]],[3,4]],null],[1,\"      \"],[13],[1,\"\\n    \"]],[2]]]]],[1,\"\\n    \"],[8,[32,5],[[24,0,\"see-all\"],[24,\"data-test-catalog-see-all\",\"\"],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[4,[32,1],[\"click\",[30,0,[\"openCatalog\"]]],null]],[[\"@tone\",\"@appearance\"],[\"neutral\",\"link\"]],[[\"default\"],[[[[1,\"See the full catalog \"],[10,1],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"→\"],[13]],[]]]]],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],[[[41,[30,0,[\"isPending\"]],[[[1,\"  \"],[11,0],[24,0,\"catalog-shelf\"],[24,\"aria-hidden\",\"true\"],[24,\"inert\",\"\"],[24,\"data-test-catalog-shelf-pending\",\"\"],[17,1],[24,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n    \"],[10,\"ul\"],[14,0,\"stories\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[32,6]],null]],null],null,[[[1,\"        \"],[10,\"li\"],[14,0,\"story is-pending\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n          \"],[10,2],[14,0,\"eyebrow\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\xA0\"],[13],[1,\"\\n          \"],[10,2],[14,0,\"headline\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\xA0\"],[13],[1,\"\\n          \"],[10,0],[14,0,\"art\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[13],[1,\"\\n          \"],[10,2],[14,0,\"copy\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[13],[1,\"\\n          \"],[10,0],[14,0,\"actions\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[1,\"\\n            \"],[10,1],[14,0,\"pending-action\"],[14,\"data-scopedcss-3416374426-c845240858\",\"\"],[12],[13],[1,\"\\n          \"],[13],[1,\"\\n        \"],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[13],[1,\"\\n    \"],[8,[32,5],[[24,0,\"see-all is-pending\"],[24,\"data-scopedcss-3416374426-c845240858\",\"\"]],[[\"@tone\",\"@appearance\"],[\"neutral\",\"link\"]],[[\"default\"],[[[[1,\"See the full catalog\"]],[]]]]],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],null]],[]]],[1,\"\\n\"]],[\"&attrs\",\"art\",\"story\",\"i\",\"artEntry\"],[\"if\",\"each\",\"-track-array\",\"let\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/catalog-shelf.gts",
+			"scope": () => [
+				SearchResults,
+				on,
+				fn,
+				fitPage,
+				ART_PAGE_WIDTH_PX,
+				Button,
+				PENDING_STORIES
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard/section-count.gts
+var SectionCount = setComponentTemplate(templateFactory({
+	"id": "bADZiith",
+	"block": "[[[11,1],[24,0,\"section-count\"],[17,1],[24,\"data-scopedcss-39a875b699-c0208536ed\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"@count\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/section-count.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region app/components/operator-mode/dashboard/section-head.gts
+var SectionHead = setComponentTemplate(templateFactory({
+	"id": "HKS+UKPy",
+	"block": "[[[11,0],[24,0,\"section-head\"],[17,1],[24,\"data-scopedcss-67d76ed2b2-b2ee99fc89\",\"\"],[12],[1,\"\\n  \"],[10,\"h2\"],[14,0,\"section-title\"],[14,\"data-scopedcss-67d76ed2b2-b2ee99fc89\",\"\"],[12],[1,\"\\n    \"],[8,[30,2],[[24,0,\"section-icon\"],[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-67d76ed2b2-b2ee99fc89\",\"\"]],null,null],[1,\"\\n    \"],[10,1],[15,1,[30,3]],[14,\"data-scopedcss-67d76ed2b2-b2ee99fc89\",\"\"],[12],[1,[30,4]],[13],[1,\"\\n\"],[41,[30,5],[[[1,\"      \"],[8,[32,0],[[24,\"data-scopedcss-67d76ed2b2-b2ee99fc89\",\"\"]],[[\"@count\"],[[30,5]]],null],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n  \"],[18,6,null],[1,\"\\n  \"],[10,2],[14,0,\"section-hint\"],[14,\"data-scopedcss-67d76ed2b2-b2ee99fc89\",\"\"],[12],[18,7,null],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"@icon\",\"@titleId\",\"@title\",\"@count\",\"&actions\",\"&default\"],[\"if\",\"yield\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/section-head.gts",
+	"scope": () => [SectionCount],
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region app/components/operator-mode/dashboard/catalog-section.gts
+var CatalogSection = class extends Component {
+	headingId = `${guidFor(this)}-catalogs`;
+	get shelfRealmURL() {
+		return this.args.showShelf ? catalogRealmURL : null;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "ZtNCU0sl",
+			"block": "[[[11,\"section\"],[24,0,\"dashboard-section\"],[16,\"aria-labelledby\",[30,0,[\"headingId\"]]],[24,\"data-test-dashboard-section\",\"catalogs\"],[17,1],[24,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[24,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"]],[[\"@icon\",\"@title\",\"@titleId\",\"@count\"],[[32,1],\"Catalogs\",[30,0,[\"headingId\"]],[30,2,[\"length\"]]]],[[\"actions\",\"default\"],[[[[8,[32,2],[[24,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"]],null,null]],[]],[[[1,\"Apps, fields and themes to use in your workspaces.\"]],[]]]]],[1,\"\\n\"],[41,[30,0,[\"shelfRealmURL\"]],[[[1,\"    \"],[8,[32,3],[[24,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"]],[[\"@realmURL\"],[[30,0,[\"shelfRealmURL\"]]]],null],[1,\"\\n\"]],[]],null],[41,[30,2,[\"length\"]],[[[1,\"    \"],[10,0],[14,0,\"catalog-list\"],[14,\"data-test-catalog-list\",\"\"],[14,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,2]],null]],null],null,[[[44,[[28,[32,4],[[30,5],[30,4]],null]],[[[1,\"          \"],[8,[32,5],[[24,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"]],[[\"@realmIdentifier\",\"@variant\",\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,3],\"tile\",[30,6],[28,[32,6],[[30,7,[\"currentIndex\"]],[30,6]],null],[30,7,[\"isRingShown\"]]]],null],[1,\"\\n\"]],[6]]]],[3,4]],null],[1,\"    \"],[13],[1,\"\\n\"]],[]],[[[1,\"    \"],[10,2],[14,0,\"group-empty\"],[14,\"data-test-catalog-empty\",\"\"],[14,\"data-scopedcss-6b5900f04f-602032c2d9\",\"\"],[12],[1,[30,8]],[13],[1,\"\\n\"]],[]]],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"@realmIdentifiers\",\"realmIdentifier\",\"i\",\"@navBase\",\"navIndex\",\"@cursor\",\"@emptyMessage\"],[\"if\",\"each\",\"-track-array\",\"let\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/catalog-section.gts",
+			"scope": () => [
+				SectionHead,
+				IconComponent$3,
+				ManageCatalogs,
+				CatalogShelf,
+				add,
+				Workspace,
+				eq
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+function recentWorkspaceCount(columns) {
+	return (columns ? columns * 3 : 13) - 1;
+}
+function sortByUpdatedAtDesc(urls, infoFor) {
+	let times = new Map(urls.map((url) => {
+		let { updatedAt } = infoFor(url);
+		let time = updatedAt ? new Date(updatedAt).getTime() : NaN;
+		return [url, Number.isNaN(time) ? -Infinity : time];
+	}));
+	return [...urls].sort((a, b) => {
+		let aTime = times.get(a);
+		let bTime = times.get(b);
+		return aTime === bTime ? 0 : bTime > aTime ? 1 : -1;
+	});
+}
+function gridColumnCount(grid) {
+	let columns = getComputedStyle(grid).gridTemplateColumns;
+	return columns && columns !== "none" ? columns.split(" ").length : 0;
+}
+//#endregion
+//#region app/components/operator-mode/dashboard/get-started.gts
+var log$1 = logger("component:dashboard/get-started");
+var AUTO_DISMISS_RETRY_DELAYS = [5e3, 3e4];
+var ChangeCounter = class {
+	seen;
+	changes = 0;
+	count(value) {
+		if (!this.seen || this.seen.value !== value) {
+			this.seen = { value };
+			this.changes++;
+		}
+		return this.changes;
+	}
+};
+function countOf(values, value) {
+	return values.filter((other) => other === value).length;
+}
+var GetStarted = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "aiAssistantPanelService", [service]);
+	}
+	#aiAssistantPanelService = (initializeDeferredDecorator(this, "aiAssistantPanelService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realm", [service]);
+	}
+	#realm = (initializeDeferredDecorator(this, "realm"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "hostModeService", [service]);
+	}
+	#hostModeService = (initializeDeferredDecorator(this, "hostModeService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "recentCardsService", [service]);
+	}
+	#recentCardsService = (initializeDeferredDecorator(this, "recentCardsService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "openedIn", [tracked$1]);
+	}
+	#openedIn = (initializeDeferredDecorator(this, "openedIn"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "isExpanded", [tracked$1], function() {
+			return true;
+		});
+	}
+	#isExpanded = (initializeDeferredDecorator(this, "isExpanded"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "dismissedIn", [tracked$1]);
+	}
+	#dismissedIn = (initializeDeferredDecorator(this, "dismissedIn"), void 0);
+	dismissalChanges = new ChangeCounter();
+	focusNext;
+	panelId = `${guidFor(this)}-panel`;
+	titleId = `${guidFor(this)}-title`;
+	stepsId = `${guidFor(this)}-steps`;
+	dismissedNoteId = `${guidFor(this)}-dismissed`;
+	constructor(owner, args) {
+		super(owner, args);
+		this.loadTask.perform().catch((error) => {
+			if (!didCancel(error)) log$1.warn(`waiting for Get started's signals failed: ${error}`);
+		});
+	}
+	loadTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.aiAssistantPanelService.waitForSessionRooms();
+		}
+	}), null, "loadTask", null);
+	get isLoaded() {
+		return Boolean(this.loadTask.lastSuccessful || this.loadTask.lastErrored);
+	}
+	get steps() {
+		return [
+			{
+				id: "open-card",
+				title: "Open a card in a workspace",
+				hint: "Cards hold your data, documents and apps.",
+				done: this.recentCardsService.recentCards.length > 0
+			},
+			this.buildStep,
+			{
+				id: "publish",
+				title: "Put a workspace on the web",
+				hint: "Publish one from its menu to share it at its own address.",
+				done: this.realmServer.userRealmIdentifiers.some((url) => isHostedRealm(this.realm.info(url)))
+			}
+		];
+	}
+	static {
+		decorateMethodV2(this.prototype, "steps", [cached$1]);
+	}
+	get buildStep() {
+		let { agentSetup } = this.matrixService.dashboardState;
+		if (usesCodingAgent(this.matrixService.dashboardAgent, agentSetup)) return {
+			id: "agent",
+			title: "Connect your own agent",
+			hint: "Claude Code or Codex can build in your workspaces through the Boxel plugin.",
+			done: AGENT_KINDS.some(({ id }) => (agentSetup?.[id] ?? 0) > 0)
+		};
+		return {
+			id: "ask-ai",
+			title: "Ask Boxel AI Assistant to build something",
+			hint: "It can make your first cards from a sentence.",
+			done: this.aiAssistantPanelService.aiSessionRooms.some((session) => Boolean(session.lastMessage) || session.name !== "New AI Assistant Chat")
+		};
+	}
+	get doneCount() {
+		return this.steps.filter((step) => step.done).length;
+	}
+	get isDismissed() {
+		return Boolean(this.matrixService.dashboardState.onboardingDismissed);
+	}
+	get dismissalEpoch() {
+		return this.dismissalChanges.count(this.isDismissed);
+	}
+	get isOpen() {
+		return this.openedIn === this.dismissalEpoch;
+	}
+	toggle() {
+		this.openedIn = this.isOpen ? void 0 : this.dismissalEpoch;
+		this.isExpanded = true;
+	}
+	static {
+		decorateMethodV2(this.prototype, "toggle", [action]);
+	}
+	toggleExpanded() {
+		this.isExpanded = !this.isExpanded;
+	}
+	static {
+		decorateMethodV2(this.prototype, "toggleExpanded", [action]);
+	}
+	get nextStep() {
+		return this.steps.find((step) => !step.done);
+	}
+	get isAvailable() {
+		return this.isLoaded && !this.isDismissed && this.nextStep !== void 0;
+	}
+	get isFinished() {
+		return this.isLoaded && !this.isDismissed && this.nextStep === void 0;
+	}
+	get showsDismissedNote() {
+		return this.dismissedIn === this.dismissalEpoch;
+	}
+	get toggleState() {
+		return {
+			isReady: this.isAvailable,
+			isOpen: this.isAvailable && this.isOpen,
+			panelId: this.panelId,
+			toggle: this.toggle
+		};
+	}
+	dismissWhenFinished = modifier(() => {
+		this.autoDismissTask.perform();
+	});
+	autoDismissTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			for (let delay of [0, ...AUTO_DISMISS_RETRY_DELAYS]) {
+				yield timeout(delay);
+				if (yield this.saveDismissal()) return;
+			}
+		}
+	}), null, "autoDismissTask", "drop");
+	async saveDismissal() {
+		try {
+			await this.matrixService.updateDashboardState({ onboardingDismissed: true });
+			return true;
+		} catch (error) {
+			log$1.warn(`dismissing Get started failed: ${error}`);
+			return false;
+		}
+	}
+	focusIfNext = modifier((element, [control]) => {
+		if (this.focusNext !== control) return;
+		this.focusNext = void 0;
+		let { activeElement, body } = element.ownerDocument;
+		if (!activeElement || activeElement === body) element.focus();
+	});
+	dismissTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			if (!(yield this.saveDismissal())) return;
+			this.focusNext = "undo";
+			this.openedIn = void 0;
+			this.dismissedIn = this.dismissalEpoch;
+		}
+	}), null, "dismissTask", "drop");
+	undoDismissTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.focusNext = "dismiss";
+			this.isExpanded = true;
+			this.openedIn = this.dismissalEpoch + 1;
+			try {
+				yield this.matrixService.updateDashboardState({ onboardingDismissed: false });
+			} catch (error) {
+				log$1.warn(`undoing the dismissal of Get started failed: ${error}`);
+				this.focusNext = void 0;
+				this.openedIn = void 0;
+				return;
+			}
+			if (!this.isAvailable) {
+				this.focusNext = void 0;
+				this.openedIn = void 0;
+			}
+		}
+	}), null, "undoDismissTask", "drop");
+	async openFirstWorkspace() {
+		let [first] = this.realmServer.userRealmIdentifiers;
+		if (first) await this.operatorModeStateService.openWorkspace(first);
+	}
+	static {
+		decorateMethodV2(this.prototype, "openFirstWorkspace", [action]);
+	}
+	get workspacesToPublish() {
+		return sortByUpdatedAtDesc(this.realmServer.userRealmIdentifiers.filter((url) => this.realm.canPublish(url)), this.realm.info);
+	}
+	static {
+		decorateMethodV2(this.prototype, "workspacesToPublish", [cached$1]);
+	}
+	get publishUnavailableNote() {
+		return this.realmServer.userRealmIdentifiers.some((url) => this.realm.isRealmOwner(url)) ? "None of your workspaces can be published. Create a new one to publish it." : "Publishing needs a workspace you own. Create one to publish it.";
+	}
+	get showsPublishUnavailableNote() {
+		return this.workspacesToPublish.length === 0 && this.realmServer.userRealmIdentifiers.filter((url) => this.realm.isRealmOwner(url)).every((url) => this.realm.isInfoLoaded(url));
+	}
+	get onlyWorkspaceToPublish() {
+		let [only, ...rest] = this.workspacesToPublish;
+		return rest.length === 0 ? only : void 0;
+	}
+	get publishMenuItems() {
+		let workspaces = this.workspacesToPublish;
+		let names = workspaces.map((url) => this.realm.info(url).name);
+		let withSegment = workspaces.map((url, index) => {
+			let segment = realmIdentifierSegments(url).at(-1);
+			return segment ? `${names[index]} (${segment})` : void 0;
+		});
+		return workspaces.map((url, index) => {
+			let label = names[index];
+			if (countOf(names, label) > 1) {
+				let short = withSegment[index];
+				label = short && countOf(withSegment, short) === 1 ? short : `${label} (${this.realm.realmURLTextOf(url) ?? url})`;
+			}
+			return {
+				label,
+				onSelect: () => this.openToPublish(url)
+			};
+		});
+	}
+	openToPublish(workspace) {
+		this.hostModeService.openToPublishTask.perform(workspace);
+	}
+	static {
+		decorateMethodV2(this.prototype, "openToPublish", [action]);
+	}
+	async askBoxelAi() {
+		await this.aiAssistantPanelService.openNewSession();
+	}
+	static {
+		decorateMethodV2(this.prototype, "askBoxelAi", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "aTKK32V5",
+			"block": "[[[18,6,[[30,0,[\"toggleState\"]]]],[1,\"\\n\"],[41,[30,0,[\"toggleState\",\"isOpen\"]],[[[1,\"  \"],[11,\"section\"],[24,0,\"get-started\"],[16,1,[30,0,[\"panelId\"]]],[16,\"aria-labelledby\",[30,0,[\"titleId\"]]],[24,\"data-test-get-started\",\"\"],[17,1],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n    \"],[10,0],[14,0,\"get-started-body\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n      \"],[10,\"header\"],[14,0,\"get-started-head\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n        \"],[10,\"h2\"],[14,0,\"get-started-title\"],[15,1,[30,0,[\"titleId\"]]],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"Get started\"],[13],[1,\"\\n        \"],[8,[32,0],[[24,0,\"get-started-progress\"],[16,\"aria-labelledby\",[30,0,[\"titleId\"]]],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"]],[[\"@value\",\"@max\"],[[30,0,[\"doneCount\"]],[30,0,[\"steps\",\"length\"]]]],null],[1,\"\\n        \"],[10,2],[14,0,\"get-started-count\"],[14,\"data-test-get-started-count\",\"\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n          \"],[1,[30,0,[\"doneCount\"]]],[1,\"\\n          of\\n          \"],[1,[30,0,[\"steps\",\"length\"]]],[1,\"\\n          done\\n\"],[41,[51,[30,0,[\"isExpanded\"]]],[[[41,[30,0,[\"nextStep\"]],[[[1,\"              · Next:\\n              \"],[1,[30,0,[\"nextStep\",\"title\"]]],[1,\"\\n\"]],[]],null]],[]],null],[1,\"        \"],[13],[1,\"\\n        \"],[8,[32,1],[[24,0,\"get-started-dismiss\"],[24,\"data-test-get-started-dismiss\",\"\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,0,[\"dismissTask\",\"perform\"]]],null],[4,[30,0,[\"focusIfNext\"]],[\"dismiss\"],null]],[[\"@tone\",\"@appearance\",\"@size\",\"@busy\"],[\"danger\",\"link\",\"s\",[30,0,[\"dismissTask\",\"isRunning\"]]]],[[\"default\"],[[[[1,\"\\n          Dismiss\\n        \"]],[]]]]],[1,\"\\n\"],[1,\"        \"],[10,0],[14,0,\"get-started-actions\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n          \"],[8,[32,3],[[16,\"aria-expanded\",[52,[30,0,[\"isExpanded\"]],\"true\",\"false\"]],[16,\"aria-controls\",[52,[30,0,[\"isExpanded\"]],[30,0,[\"stepsId\"]]]],[24,\"data-test-get-started-toggle\",\"\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,0,[\"toggleExpanded\"]]],null]],[[\"@icon\",\"@label\",\"@tooltip\",\"@appearance\",\"@size\"],[[52,[30,0,[\"isExpanded\"]],[32,4],[32,5]],[52,[30,0,[\"isExpanded\"]],\"Minimize steps\",\"Expand steps\"],[52,[30,0,[\"isExpanded\"]],\"Minimize steps\",\"Expand steps\"],\"plain\",\"s\"]],null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n\\n\"],[41,[30,0,[\"isExpanded\"]],[[[1,\"        \"],[10,\"ol\"],[14,0,\"get-started-steps\"],[15,1,[30,0,[\"stepsId\"]]],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,4],[[28,[31,4],[[30,0,[\"steps\"]]],null]],null],\"id\",[[[1,\"            \"],[10,\"li\"],[15,0,[28,[32,6],[\"get-started-step\"],[[\"is-done\"],[[30,2,[\"done\"]]]]]],[15,\"data-test-get-started-step\",[30,2,[\"id\"]]],[15,\"data-test-get-started-step-done\",[52,[30,2,[\"done\"]],\"true\",\"false\"]],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n              \"],[10,1],[14,0,\"tick\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n\"],[41,[30,2,[\"done\"]],[[[1,\"                  \"],[8,[32,7],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"stroke-width\",\"3\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"]],null,null],[1,\"\\n\"]],[]],null],[1,\"              \"],[13],[1,\"\\n              \"],[10,1],[14,0,\"step-words\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n                \"],[10,1],[14,0,\"step-title\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n                  \"],[1,[30,2,[\"title\"]]],[1,\"\\n\"],[41,[30,2,[\"done\"]],[[[1,\"                    \"],[8,[32,8],[[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"]],null,[[\"default\"],[[[[1,\"(done)\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"                \"],[13],[1,\"\\n                \"],[10,1],[14,0,\"step-hint\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,[30,2,[\"hint\"]]],[13],[1,\"\\n\"],[41,[28,[32,9],[[30,2,[\"id\"]],\"publish\"],null],[[[41,[51,[30,2,[\"done\"]]],[[[41,[30,0,[\"showsPublishUnavailableNote\"]],[[[1,\"                      \"],[10,1],[14,0,\"step-note\"],[14,\"data-test-get-started-publish-unavailable\",\"\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,[30,0,[\"publishUnavailableNote\"]]],[13],[1,\"\\n\"]],[]],null]],[]],null]],[]],null],[1,\"              \"],[13],[1,\"\\n\"],[41,[28,[32,9],[[30,2,[\"id\"]],\"publish\"],null],[[[41,[30,0,[\"onlyWorkspaceToPublish\"]],[[[1,\"                  \"],[8,[32,1],[[24,0,\"step-action\"],[16,\"data-test-get-started-action\",[30,2,[\"id\"]]],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[28,[32,10],[[30,0,[\"openToPublish\"]],[30,0,[\"onlyWorkspaceToPublish\"]]],null]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Publish a workspace\"]],[]]]]],[1,\"\\n\"]],[]],[[[41,[30,0,[\"workspacesToPublish\",\"length\"]],[[[1,\"                  \"],[8,[32,11],[[24,0,\"step-action\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"]],[[\"@items\",\"@label\",\"@align\"],[[30,0,[\"publishMenuItems\"]],\"Workspaces to publish\",\"end\"]],[[\"trigger\"],[[[[1,\"\\n                      \"],[8,[32,1],[[16,\"data-test-get-started-action\",[30,2,[\"id\"]]],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,4]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Publish a workspace\\n\"],[41,[30,3],[[[1,\"                          \"],[8,[32,4],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,0,\"publish-chevron\"],[24,\"aria-hidden\",\"true\"],[24,\"data-test-get-started-publish-chevron\",\"up\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[1,\"                          \"],[8,[32,5],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,0,\"publish-chevron\"],[24,\"aria-hidden\",\"true\"],[24,\"data-test-get-started-publish-chevron\",\"down\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"]],null,null],[1,\"\\n                        \"]],[]]]],[]]]]],[1,\"\\n                    \"]],[3,4]]]]],[1,\"\\n                \"]],[]],null]],[]]]],[]],[[[41,[28,[32,12],[[30,2,[\"done\"]]],null],[[[41,[28,[32,9],[[30,2,[\"id\"]],\"open-card\"],null],[[[41,[30,0,[\"realmServer\",\"userRealmIdentifiers\",\"length\"]],[[[1,\"                    \"],[8,[32,1],[[24,0,\"step-action\"],[16,\"data-test-get-started-action\",[30,2,[\"id\"]]],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,0,[\"openFirstWorkspace\"]]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Open a workspace\"]],[]]]]],[1,\"\\n\"]],[]],null]],[]],[[[41,[28,[32,9],[[30,2,[\"id\"]],\"ask-ai\"],null],[[[1,\"                  \"],[8,[32,1],[[24,0,\"step-action\"],[16,\"data-test-get-started-action\",[30,2,[\"id\"]]],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,0,[\"askBoxelAi\"]]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Ask Boxel AI Assistant\"]],[]]]]],[1,\"\\n\"]],[]],[[[41,[28,[32,9],[[30,2,[\"id\"]],\"agent\"],null],[[[1,\"                  \"],[8,[32,1],[[24,0,\"step-action\"],[16,\"data-test-get-started-action\",[30,2,[\"id\"]]],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,5]],null]],[[\"@appearance\",\"@size\"],[\"outlined\",\"s\"]],[[\"default\"],[[[[1,\"Set up an agent\"]],[]]]]],[1,\"\\n                \"]],[]],null]],[]]]],[]]],[1,\"              \"]],[]],null]],[]]],[1,\"            \"],[13],[1,\"\\n\"]],[2]],null],[1,\"        \"],[13],[1,\"\\n\"]],[]],null],[1,\"    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],[[[41,[30,0,[\"showsDismissedNote\"]],[[[1,\"  \"],[10,0],[14,0,\"get-started-dismissed\"],[14,\"data-test-get-started-dismissed\",\"\"],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"\\n    \"],[10,2],[14,0,\"dismissed-note\"],[15,1,[30,0,[\"dismissedNoteId\"]]],[14,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[12],[1,\"Get started won’t\\n      show again.\"],[13],[1,\"\\n    \"],[8,[32,1],[[16,\"aria-describedby\",[30,0,[\"dismissedNoteId\"]]],[24,\"data-test-get-started-undo-dismiss\",\"\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[32,2],[\"click\",[30,0,[\"undoDismissTask\",\"perform\"]]],null],[4,[30,0,[\"focusIfNext\"]],[\"undo\"],null]],[[\"@appearance\",\"@size\",\"@busy\"],[\"link\",\"s\",[30,0,[\"undoDismissTask\",\"isRunning\"]]]],[[\"default\"],[[[[1,\"\\n      Undo\\n    \"]],[]]]]],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],[[[41,[30,0,[\"isFinished\"]],[[[1,\"  \"],[11,1],[24,\"hidden\",\"\"],[24,\"data-scopedcss-697a231739-8115cad5a6\",\"\"],[4,[30,0,[\"dismissWhenFinished\"]],null,null],[12],[13],[1,\"\\n\"]],[]],null]],[]]]],[]]],[1,\"\\n\"]],[\"&attrs\",\"step\",\"isMenuOpen\",\"toggle\",\"@showAgents\",\"&head\"],[\"yield\",\"if\",\"unless\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/get-started.gts",
+			"scope": () => [
+				ProgressBar,
+				Button,
+				on,
+				IconButton,
+				IconComponent$6,
+				IconComponent$13,
+				cn_default,
+				IconComponent$9,
+				VisuallyHidden,
+				eq,
+				fn,
+				Menu,
+				not
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard/keyboard-cursor.ts
+var KeyboardCursor = class {
+	static {
+		decorateFieldV2(this.prototype, "selected", [tracked$1], function() {
+			return null;
+		});
+	}
+	#selected = (initializeDeferredDecorator(this, "selected"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "keyboardEngaged", [tracked$1], function() {
+			return false;
+		});
+	}
+	#keyboardEngaged = (initializeDeferredDecorator(this, "keyboardEngaged"), void 0);
+	constructor(walk) {
+		this.walk = walk;
+	}
+	get currentIndex() {
+		let keys = this.walk.keys();
+		if (keys.length === 0) return 0;
+		let index;
+		if (this.selected) {
+			let found = keys.indexOf(this.selected.key);
+			index = found >= 0 ? found : this.selected.index;
+		} else index = this.walk.defaultIndex();
+		return Math.min(Math.max(index, 0), keys.length - 1);
+	}
+	static {
+		decorateMethodV2(this.prototype, "currentIndex", [cached$1]);
+	}
+	get isRingShown() {
+		return this.keyboardEngaged;
+	}
+	select(index) {
+		let key = this.walk.keys()[index];
+		if (key !== void 0) this.selected = {
+			key,
+			index
+		};
+	}
+	onPointerUp = () => {
+		this.keyboardEngaged = false;
+	};
+	onFocusIn = (event) => {
+		let target = event.target;
+		let item = target.closest("[data-nav-index]") ?? target.closest("[data-workspace-tile]")?.querySelector("[data-nav-index]");
+		if (!item) return;
+		let index = Number(item.dataset.navIndex);
+		if (Number.isNaN(index)) return;
+		if (index !== this.currentIndex || !this.selected && target !== item) this.select(index);
+	};
+	onKeydown = (keydown) => {
+		let event = keydown;
+		let container = event.currentTarget;
+		let count = this.walk.keys().length;
+		if (count === 0) return;
+		if (event.key === "Tab") this.keyboardEngaged = true;
+		if (event.target === container) {
+			let item = this.itemAt(container, this.currentIndex);
+			if (event.key.startsWith("Arrow") || event.key === "Enter" && item && !isOffScreen(item)) {
+				event.preventDefault();
+				this.showCursor(item);
+				item?.focus({ preventScroll: true });
+			}
+			return;
+		}
+		if (!event.target.closest("[data-nav-index]")) return;
+		if (!this.keyboardEngaged && event.key.startsWith("Arrow")) {
+			event.preventDefault();
+			this.showCursor(this.itemAt(container, this.currentIndex));
+			return;
+		}
+		switch (event.key) {
+			case "ArrowRight":
+				event.preventDefault();
+				this.select(Math.min(this.currentIndex + 1, count - 1));
+				break;
+			case "ArrowLeft":
+				event.preventDefault();
+				this.select(Math.max(this.currentIndex - 1, 0));
+				break;
+			case "ArrowDown":
+			case "ArrowUp": {
+				event.preventDefault();
+				let index = nearestNavIndexInRow(container, this.currentIndex, event.key === "ArrowDown" ? 1 : -1);
+				if (index !== void 0) this.select(index);
+				break;
+			}
+			case "Enter":
+				event.preventDefault();
+				event.stopPropagation();
+				this.itemAt(container, this.currentIndex)?.click();
+				break;
+		}
+	};
+	showCursor(item) {
+		this.keyboardEngaged = true;
+		item?.scrollIntoView({ block: "nearest" });
+	}
+	itemAt(container, index) {
+		return container.querySelector(`[data-nav-index='${index}']`);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/dashboard/realm-list-flyout.gts
+var RealmListFlyout = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realm", [service]);
+	}
+	#realm = (initializeDeferredDecorator(this, "realm"), void 0);
+	get realms() {
+		return this.args.realmURLs.map((url) => {
+			let info = this.realm.info(url);
+			return {
+				url,
+				info,
+				isHosted: isHostedRealm(info),
+				wallpaper: wallpaperImage(info.backgroundURL)
+			};
+		});
+	}
+	static {
+		decorateMethodV2(this.prototype, "realms", [cached$1]);
+	}
+	async openWorkspace(url) {
+		this.args.close();
+		await this.operatorModeStateService.openWorkspace(url);
+	}
+	static {
+		decorateMethodV2(this.prototype, "openWorkspace", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "utJJbZtc",
+			"block": "[[[10,\"header\"],[14,0,\"flyout-header\"],[14,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[12],[1,\"\\n  \"],[10,1],[14,0,\"flyout-title\"],[15,1,[30,1]],[14,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"],[41,[30,0,[\"realms\",\"length\"]],[[[1,\"    \"],[8,[32,0],[[24,\"data-test-section-rail-flyout-count\",\"\"],[24,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"]],[[\"@count\"],[[30,0,[\"realms\",\"length\"]]]],null],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"realms\"]]],null]],null],\"url\",[[[1,\"  \"],[8,[32,1],[[24,0,\"realm\"],[16,\"data-test-section-rail-realm\",[30,3,[\"info\",\"name\"]]],[24,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[4,[32,2],[\"click\",[28,[32,3],[[30,0,[\"openWorkspace\"]],[30,3,[\"url\"]]],null]],null]],[[\"@appearance\"],[\"plain\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,1],[14,0,\"realm-content\"],[14,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[12],[1,\"\\n      \"],[10,1],[14,0,\"realm-thumb\"],[15,5,[28,[32,4],null,[[\"realm-wallpaper\"],[[30,3,[\"wallpaper\"]]]]]],[14,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[12],[1,\"\\n        \"],[8,[32,5],[[24,0,\"realm-icon\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"]],[[\"@realmInfo\"],[[30,3,[\"info\"]]]],null],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,1],[14,0,\"realm-name\"],[14,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[12],[1,[30,3,[\"info\",\"name\"]]],[13],[1,\"\\n\"],[41,[30,3,[\"isHosted\"]],[[[1,\"        \"],[8,[32,6],[[24,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"]],null,null],[1,\"\\n\"]],[]],null],[1,\"    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[3]],[[[1,\"  \"],[10,2],[14,0,\"flyout-empty\"],[14,\"data-test-section-rail-flyout-empty\",\"\"],[14,\"data-scopedcss-156e4716fe-7ffa82dbb4\",\"\"],[12],[1,\"\\n    \"],[1,[30,4]],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]]],[1,\"\\n\"]],[\"@titleId\",\"@title\",\"realm\",\"@emptyMessage\"],[\"if\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/realm-list-flyout.gts",
+			"scope": () => [
+				SectionCount,
+				Button,
+				on,
+				fn,
+				css_var_default,
+				RealmIcon,
+				HostedPill
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+function realmListFlyout(title, realmURLs, emptyMessage) {
+	return setComponentTemplate(templateFactory({
+		"id": "mBa+wnpb",
+		"block": "[[[8,[32,0],null,[[\"@title\",\"@titleId\",\"@close\",\"@realmURLs\",\"@emptyMessage\"],[[32,1],[30,1],[30,2],[28,[32,2],null,null],[28,[32,3],null,null]]],null]],[\"@titleId\",\"@close\"],[]]",
+		"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/realm-list-flyout.gts",
+		"scope": () => [
+			RealmListFlyout,
+			title,
+			realmURLs,
+			emptyMessage
+		],
+		"isStrictMode": true
+	}), templateOnly());
+}
+//#endregion
+//#region app/components/operator-mode/dashboard/index.gts
+var log = logger("component:dashboard");
+var SCOPE_OPTIONS = [{
+	value: "all",
+	label: "All"
+}, {
+	value: "hosted",
+	label: "Hosted"
+}];
+var Dashboard = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "network", [service]);
+	}
+	#network = (initializeDeferredDecorator(this, "network"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realm", [service]);
+	}
+	#realm = (initializeDeferredDecorator(this, "realm"), void 0);
+	returnRealmURL = this.readReturnRealmURL();
+	readReturnRealmURL() {
+		try {
+			return this.operatorModeStateService.openRealmURL || void 0;
+		} catch {
+			return;
+		}
+	}
+	static {
+		decorateFieldV2(this.prototype, "hour", [tracked$1], function() {
+			return (/* @__PURE__ */ new Date()).getHours();
+		});
+	}
+	#hour = (initializeDeferredDecorator(this, "hour"), void 0);
+	get greeting() {
+		return greetingFor(this.hour, this.matrixService.profile.displayName);
+	}
+	trackHour = modifier(() => {
+		let timer;
+		let schedule = () => {
+			let now = /* @__PURE__ */ new Date();
+			let nextHour = new Date(now);
+			nextHour.setHours(now.getHours() + 1, 0, 0, 0);
+			timer = setTimeout(update, nextHour.getTime() - now.getTime());
+		};
+		let update = () => {
+			clearTimeout(timer);
+			this.hour = (/* @__PURE__ */ new Date()).getHours();
+			schedule();
+		};
+		let onVisibilityChange = () => {
+			if (document.visibilityState === "visible") update();
+		};
+		schedule();
+		document.addEventListener("visibilitychange", onVisibilityChange);
+		return () => {
+			clearTimeout(timer);
+			document.removeEventListener("visibilitychange", onVisibilityChange);
+		};
+	});
+	headingId = (section) => `${guidFor(this)}-${section}`;
+	rowListId = `${guidFor(this)}-workspace-rows`;
+	static {
+		decorateFieldV2(this.prototype, "scope", [tracked$1], function() {
+			return "all";
+		});
+	}
+	#scope = (initializeDeferredDecorator(this, "scope"), void 0);
+	scopeOptions = SCOPE_OPTIONS;
+	setScope(value) {
+		let option = SCOPE_OPTIONS.find((option) => option.value === value);
+		if (option) {
+			this.scope = option.value;
+			this.showAllWorkspaces = false;
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "setScope", [action]);
+	}
+	static {
+		decorateFieldV2(this.prototype, "isArchivedExpanded", [tracked$1], function() {
+			return false;
+		});
+	}
+	#isArchivedExpanded = (initializeDeferredDecorator(this, "isArchivedExpanded"), void 0);
+	get archivedRealms() {
+		return this.realmServer.archivedRealms;
+	}
+	get unreachableRealmServers() {
+		return this.realmServer.unreachableRealmServers;
+	}
+	get unreachableRealmServersMessage() {
+		return unreachableRealmServersMessage(this.unreachableRealmServers, this.isRetryingUnreachableRealmServers);
+	}
+	get isRetryingUnreachableRealmServers() {
+		return this.matrixService.isRetryingUnreachableRealmServers;
+	}
+	get unreachableNoticeIcon() {
+		return this.isRetryingUnreachableRealmServers ? IconComponent$7 : IconComponent$8;
+	}
+	get showArchivedCount() {
+		return Boolean(this.loadArchivedRealmsTask.lastSuccessful) || this.archivedRealms.length > 0;
+	}
+	loadArchivedRealmsTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.realmServer.fetchArchivedRealms();
+		}
+	}), null, "loadArchivedRealmsTask", "drop");
+	get archivedLoadFailed() {
+		return Boolean(this.loadArchivedRealmsTask.last?.isError);
+	}
+	setArchivedExpanded(isExpanded) {
+		this.isArchivedExpanded = isExpanded;
+		if (this.isArchivedExpanded) this.loadArchivedRealms();
+	}
+	static {
+		decorateMethodV2(this.prototype, "setArchivedExpanded", [action]);
+	}
+	loadArchivedRealms() {
+		if (!this.loadArchivedRealmsTask.lastSuccessful && !this.loadArchivedRealmsTask.isRunning) this.loadArchivedRealmsTask.perform().catch((error) => {
+			if (didCancel(error)) return;
+			log.warn(`loading archived realms failed: ${error}`);
+		});
+	}
+	static {
+		decorateMethodV2(this.prototype, "loadArchivedRealms", [action]);
+	}
+	isHosted = (url) => isHostedRealm(this.realm.info(url));
+	filterByScope(urls) {
+		return this.scope === "hosted" ? urls.filter(this.isHosted) : urls;
+	}
+	get userRealmIdentifiers() {
+		return this.filterByScope(this.realmServer.userRealmIdentifiers);
+	}
+	static {
+		decorateMethodV2(this.prototype, "userRealmIdentifiers", [cached$1]);
+	}
+	get filteredCatalogRealmIdentifiers() {
+		return this.filterByScope(orderedCatalogRealmURLs(this.realmServer.displayedCatalogRealmIdentifiers, this.realm.info));
+	}
+	static {
+		decorateMethodV2(this.prototype, "filteredCatalogRealmIdentifiers", [cached$1]);
+	}
+	get listedFavorites() {
+		return listedFavoriteRealmIdentifiers(this.matrixService.workspaceFavorites, this.realmServer.userRealmIdentifiers, this.realmServer.displayedCatalogRealmIdentifiers);
+	}
+	static {
+		decorateMethodV2(this.prototype, "listedFavorites", [cached$1]);
+	}
+	get favoriteRealmIdentifiers() {
+		return this.filterByScope(this.listedFavorites);
+	}
+	static {
+		decorateMethodV2(this.prototype, "favoriteRealmIdentifiers", [cached$1]);
+	}
+	trackFavoriteCounts = modifier((_el, [urls, _revision]) => {
+		this.realm.loadIndexCounts(urls);
+	});
+	get isFavoritesShown() {
+		return this.listedFavorites.length > 0;
+	}
+	get userWorkspacesEmptyMessage() {
+		if (this.scope === "hosted" && this.userRealmIdentifiers.length === 0) return "No matching results";
+		return null;
+	}
+	static {
+		decorateFieldV2(this.prototype, "recentColumns", [tracked$1], function() {
+			return 0;
+		});
+	}
+	#recentColumns = (initializeDeferredDecorator(this, "recentColumns"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "rowColumns", [tracked$1], function() {
+			return 0;
+		});
+	}
+	#rowColumns = (initializeDeferredDecorator(this, "rowColumns"), void 0);
+	measureColumns = modifier((grid, [which]) => {
+		if (typeof ResizeObserver === "undefined") return;
+		let observer = new ResizeObserver(() => {
+			let columns = gridColumnCount(grid);
+			if (which === "recent" && columns !== this.recentColumns) this.recentColumns = columns;
+			else if (which === "rows" && columns !== this.rowColumns) this.rowColumns = columns;
+		});
+		observer.observe(grid);
+		return () => observer.disconnect();
+	});
+	get rowsPerGridRow() {
+		return this.rowColumns || 3;
+	}
+	get recentRealmIdentifiers() {
+		return sortByUpdatedAtDesc(this.userRealmIdentifiers, this.realm.info).slice(0, recentWorkspaceCount(this.recentColumns));
+	}
+	static {
+		decorateMethodV2(this.prototype, "recentRealmIdentifiers", [cached$1]);
+	}
+	get rowRealmIdentifiers() {
+		let recent = new Set(this.recentRealmIdentifiers);
+		return this.userRealmIdentifiers.filter((url) => !recent.has(url));
+	}
+	static {
+		decorateMethodV2(this.prototype, "rowRealmIdentifiers", [cached$1]);
+	}
+	static {
+		decorateFieldV2(this.prototype, "showAllWorkspaces", [tracked$1]);
+	}
+	#showAllWorkspaces = (initializeDeferredDecorator(this, "showAllWorkspaces"), void 0);
+	get isShowingAllWorkspaces() {
+		return this.showAllWorkspaces ?? this.isReturnRowCollapsed;
+	}
+	toggleAllWorkspaces() {
+		this.showAllWorkspaces = !this.isShowingAllWorkspaces;
+	}
+	static {
+		decorateMethodV2(this.prototype, "toggleAllWorkspaces", [action]);
+	}
+	get isReturnRowCollapsed() {
+		let target = this.returnRealmURL;
+		if (!target) return false;
+		return this.rowRealmIdentifiers.findIndex((url) => this.toURL(url) === target) >= this.collapsedRowCount;
+	}
+	get collapsedRowCount() {
+		return this.rowsPerGridRow * 10;
+	}
+	get isRowListCollapsible() {
+		return this.rowRealmIdentifiers.length > this.collapsedRowCount;
+	}
+	get visibleRowRealmIdentifiers() {
+		return this.isShowingAllWorkspaces ? this.rowRealmIdentifiers : this.rowRealmIdentifiers.slice(0, this.collapsedRowCount);
+	}
+	static {
+		decorateMethodV2(this.prototype, "visibleRowRealmIdentifiers", [cached$1]);
+	}
+	get hiddenRowCount() {
+		return this.rowRealmIdentifiers.length - this.visibleRowRealmIdentifiers.length;
+	}
+	get favoritesCount() {
+		return this.favoriteRealmIdentifiers.length;
+	}
+	get userWorkspacesCount() {
+		return this.userRealmIdentifiers.length;
+	}
+	get isAddWorkspaceShown() {
+		return !this.userWorkspacesEmptyMessage;
+	}
+	get renderedCatalogCount() {
+		return this.filteredCatalogRealmIdentifiers.length;
+	}
+	get catalogEmptyMessage() {
+		return this.scope === "hosted" ? "No matching results" : "No catalogs yet. Add public realms with the gear.";
+	}
+	get isCatalogShelfShown() {
+		return this.scope !== "hosted";
+	}
+	get addWorkspaceNavIndex() {
+		return this.favoritesCount;
+	}
+	get recentNavBase() {
+		return this.addWorkspaceNavIndex + (this.isAddWorkspaceShown ? 1 : 0);
+	}
+	get rowsNavBase() {
+		return this.recentNavBase + this.recentRealmIdentifiers.length;
+	}
+	get catalogNavBase() {
+		return this.rowsNavBase + this.visibleRowRealmIdentifiers.length;
+	}
+	get walkKeys() {
+		return [
+			...this.favoriteRealmIdentifiers.map((url) => `desk:${url}`),
+			...this.isAddWorkspaceShown ? ["new-workspace"] : [],
+			...this.recentRealmIdentifiers.map((url) => `workspace:${url}`),
+			...this.visibleRowRealmIdentifiers.map((url) => `workspace:${url}`),
+			...this.filteredCatalogRealmIdentifiers.map((url) => `catalog:${url}`)
+		];
+	}
+	static {
+		decorateMethodV2(this.prototype, "walkKeys", [cached$1]);
+	}
+	get returnNavIndex() {
+		let target = this.returnRealmURL;
+		if (!target) return;
+		let index = this.walkKeys.findIndex((key) => {
+			let separator = key.indexOf(":");
+			return separator >= 0 && this.toURL(key.slice(separator + 1)) === target;
+		});
+		return index >= 0 ? index : void 0;
+	}
+	static {
+		decorateMethodV2(this.prototype, "returnNavIndex", [cached$1]);
+	}
+	toURL(id) {
+		try {
+			return this.network.virtualNetwork.toURL(id).href;
+		} catch {
+			return id;
+		}
+	}
+	get defaultSelectedIndex() {
+		let returnIndex = this.returnNavIndex;
+		if (returnIndex !== void 0) return returnIndex;
+		if (this.favoritesCount > 0) return 0;
+		if (this.userWorkspacesCount > 0) return this.recentNavBase;
+		if (this.renderedCatalogCount > 0) return this.catalogNavBase;
+		return 0;
+	}
+	favoritesSection = {
+		id: "favorites",
+		label: "Favorites",
+		icon: IconComponent$17,
+		flyout: realmListFlyout("Favorites", () => this.favoriteRealmIdentifiers, () => "No matching results")
+	};
+	workspacesSection = {
+		id: "workspaces",
+		label: "Workspaces",
+		icon: IconComponent$14,
+		flyout: realmListFlyout("Workspaces", () => sortByUpdatedAtDesc(this.userRealmIdentifiers, this.realm.info), () => this.userWorkspacesEmptyMessage ?? "No workspaces yet. Create one from the Workspaces section.")
+	};
+	agentsSection = {
+		id: "agents",
+		label: "Agents",
+		icon: IconComponent$4,
+		flyout: AgentsFlyout
+	};
+	showAgents() {
+		this.args.sections.scrollTo(this.agentsSection.id);
+	}
+	static {
+		decorateMethodV2(this.prototype, "showAgents", [action]);
+	}
+	catalogsSection = {
+		id: "catalogs",
+		label: "Catalogs",
+		icon: IconComponent$3,
+		flyout: realmListFlyout("Catalogs", () => this.filteredCatalogRealmIdentifiers, () => this.catalogEmptyMessage)
+	};
+	cursor = new KeyboardCursor({
+		keys: () => this.walkKeys,
+		defaultIndex: () => this.defaultSelectedIndex
+	});
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "0jDYQinL",
+			"block": "[[[11,\"section\"],[16,0,[28,[32,0],[\"dashboard\"],[[\"is-compact\"],[[30,1,[\"isCompact\"]]]]]],[24,\"aria-label\",\"Dashboard\"],[24,\"data-theme\",\"dark\"],[24,\"data-keyboard-cursor\",\"\"],[24,\"data-test-dashboard\",\"\"],[17,2],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[32,1],[\"keydown\",[30,0,[\"cursor\",\"onKeydown\"]]],null],[4,[32,1],[\"focusin\",[30,0,[\"cursor\",\"onFocusIn\"]]],null],[4,[32,1],[\"pointerup\",[30,0,[\"cursor\",\"onPointerUp\"]]],null],[12],[1,\"\\n  \"],[11,0],[24,0,\"dashboard-scroller boxel-dark-scrollbar\"],[24,\"data-test-dashboard-scroller\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,1,[\"trackScroller\"]],null,null],[12],[1,\"\\n    \"],[10,0],[14,0,\"frosted-band\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[13],[1,\"\\n    \"],[10,0],[14,0,\"dashboard-page\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n\"],[1,\"      \"],[10,0],[14,0,\"unreachable-status\"],[14,\"role\",\"status\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"unreachableRealmServers\",\"length\"]],[[[1,\"          \"],[10,0],[14,0,\"unreachable-notice\"],[14,\"data-test-unreachable-realm-servers-notice\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n            \"],[8,[30,0,[\"unreachableNoticeIcon\"]],[[24,\"width\",\"20\"],[24,\"height\",\"20\"],[24,0,\"unreachable-notice-icon\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],null,null],[1,\"\\n            \"],[10,1],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,[30,0,[\"unreachableRealmServersMessage\"]]],[13],[1,\"\\n\"],[41,[30,0,[\"isRetryingUnreachableRealmServers\"]],[[[1,\"              \"],[8,[32,2],[[24,0,\"unreachable-notice-icon\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@size\"],[20]],null],[1,\"\\n\"]],[]],null],[1,\"          \"],[13],[1,\"\\n\"]],[]],null],[1,\"      \"],[13],[1,\"\\n\\n\"],[1,\"      \"],[8,[32,3],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@showAgents\"],[[30,0,[\"showAgents\"]]]],[[\"head\"],[[[[1,\"\\n          \"],[10,\"header\"],[14,0,\"page-head\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n            \"],[10,0],[14,0,\"greeting-line\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n\"],[1,\"              \"],[11,\"h1\"],[24,0,\"greeting\"],[24,\"data-test-dashboard-greeting\",\"\"],[24,\"data-test-percy-hide\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,0,[\"trackHour\"]],null,null],[12],[1,[30,0,[\"greeting\"]]],[13],[1,\"\\n\"],[41,[30,3,[\"isReady\"]],[[[1,\"                \"],[8,[32,4],[[16,0,[28,[32,0],[\"get-started-button\"],[[\"is-open\"],[[30,3,[\"isOpen\"]]]]]],[16,\"aria-expanded\",[52,[30,3,[\"isOpen\"]],\"true\",\"false\"]],[16,\"aria-controls\",[52,[30,3,[\"isOpen\"]],[30,3,[\"panelId\"]]]],[24,\"data-theme\",\"light\"],[24,\"data-test-get-started-button\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[32,1],[\"click\",[30,3,[\"toggle\"]]],null]],[[\"@tone\",\"@appearance\",\"@size\",\"@shape\"],[[52,[30,3,[\"isOpen\"]],\"neutral\",\"primary\"],\"accent\",\"m\",\"pill\"]],[[\"default\"],[[[[1,\"Get started\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"            \"],[13],[1,\"\\n            \"],[8,[32,5],[[24,0,\"scope-filter\"],[24,\"data-test-dashboard-filter\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@options\",\"@value\",\"@onValueChange\",\"@label\"],[[30,0,[\"scopeOptions\"]],[30,0,[\"scope\"]],[30,0,[\"setScope\"]],\"Filter workspaces\"]],null],[1,\"\\n          \"],[13],[1,\"\\n        \"]],[3]]]]],[1,\"\\n\\n\"],[41,[30,0,[\"isFavoritesShown\"]],[[[1,\"        \"],[11,\"section\"],[24,0,\"dashboard-section\"],[16,\"aria-labelledby\",[28,[30,0,[\"headingId\"]],[\"favorites\"],null]],[24,\"data-test-dashboard-section\",\"favorites\"],[24,\"data-test-favorites-section\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,1,[\"register\"]],[[30,0,[\"favoritesSection\"]]],null],[12],[1,\"\\n          \"],[8,[32,6],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@icon\",\"@title\",\"@titleId\",\"@count\"],[[32,7],\"Favorites\",[28,[30,0,[\"headingId\"]],[\"favorites\"],null],[30,0,[\"favoritesCount\"]]]],[[\"default\"],[[[[1,\"Workspaces you favorited, kept at the top.\"]],[]]]]],[1,\"\\n\"],[41,[30,0,[\"favoritesCount\"]],[[[1,\"            \"],[11,0],[24,0,\"desk-list\"],[24,\"data-test-favorites-list\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,0,[\"trackFavoriteCounts\"]],[[30,0,[\"favoriteRealmIdentifiers\"]],[30,0,[\"realm\",\"indexCountsRevision\"]]],null],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"favoriteRealmIdentifiers\"]]],null]],null],null,[[[1,\"                \"],[8,[32,8],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@realmIdentifier\",\"@variant\",\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,4],\"desk\",[30,5],[28,[32,9],[[30,0,[\"cursor\",\"currentIndex\"]],[30,5]],null],[30,0,[\"cursor\",\"isRingShown\"]]]],null],[1,\"\\n\"]],[4,5]],null],[1,\"            \"],[13],[1,\"\\n\"]],[]],[[[1,\"            \"],[10,2],[14,0,\"group-empty\"],[14,\"data-test-favorites-empty\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"No matching\\n              results\"],[13],[1,\"\\n\"]],[]]],[1,\"        \"],[13],[1,\"\\n\"]],[]],null],[1,\"\\n      \"],[11,\"section\"],[24,0,\"dashboard-section\"],[16,\"aria-labelledby\",[28,[30,0,[\"headingId\"]],[\"workspaces\"],null]],[24,\"data-test-dashboard-section\",\"workspaces\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,1,[\"register\"]],[[30,0,[\"workspacesSection\"]]],null],[12],[1,\"\\n        \"],[8,[32,6],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@icon\",\"@title\",\"@titleId\"],[[32,10],\"Workspaces\",[28,[30,0,[\"headingId\"]],[\"workspaces\"],null]]],[[\"default\"],[[[[1,\"Where your cards live.\"]],[]]]]],[1,\"\\n\\n        \"],[10,0],[14,0,\"group\"],[14,\"data-test-your-workspaces-section\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n          \"],[10,\"h3\"],[14,0,\"group-head\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n            \"],[8,[32,11],[[24,0,\"group-icon\"],[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],null,null],[1,\"\\n            \"],[10,1],[14,0,\"group-title\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"Your Workspaces\"],[13],[1,\"\\n\"],[41,[30,0,[\"userWorkspacesCount\"]],[[[1,\"              \"],[10,1],[14,0,\"group-count\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,[30,0,[\"userWorkspacesCount\"]]],[13],[1,\"\\n\"]],[]],null],[1,\"          \"],[13],[1,\"\\n\"],[41,[30,0,[\"userWorkspacesEmptyMessage\"]],[[[1,\"            \"],[10,2],[14,0,\"group-empty\"],[14,\"data-test-workspaces-empty\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,[30,0,[\"userWorkspacesEmptyMessage\"]]],[13],[1,\"\\n\"]],[]],[[[1,\"            \"],[10,0],[14,0,\"your-workspaces\"],[14,\"data-test-workspace-list\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n              \"],[11,0],[24,0,\"recent-list\"],[24,\"data-test-workspace-recent-list\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,0,[\"measureColumns\"]],[\"recent\"],null],[12],[1,\"\\n                \"],[8,[32,12],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,0,[\"addWorkspaceNavIndex\"]],[28,[32,9],[[30,0,[\"cursor\",\"currentIndex\"]],[30,0,[\"addWorkspaceNavIndex\"]]],null],[30,0,[\"cursor\",\"isRingShown\"]]]],null],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"recentRealmIdentifiers\"]]],null]],null],null,[[[44,[[28,[32,13],[[30,0,[\"recentNavBase\"]],[30,7]],null]],[[[1,\"                    \"],[8,[32,8],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@realmIdentifier\",\"@variant\",\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,6],\"tile\",[30,8],[28,[32,9],[[30,0,[\"cursor\",\"currentIndex\"]],[30,8]],null],[30,0,[\"cursor\",\"isRingShown\"]]]],null],[1,\"\\n\"]],[8]]]],[6,7]],null],[1,\"              \"],[13],[1,\"\\n\"],[41,[30,0,[\"rowRealmIdentifiers\",\"length\"]],[[[1,\"                \"],[11,0],[16,1,[30,0,[\"rowListId\"]]],[16,0,[28,[32,0],[\"row-list\"],[[\"is-clipped\"],[[28,[32,14],[[30,0,[\"hiddenRowCount\"]],0],null]]]]],[24,\"data-test-workspace-rows\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,0,[\"measureColumns\"]],[\"rows\"],null],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"visibleRowRealmIdentifiers\"]]],null]],null],null,[[[44,[[28,[32,13],[[30,0,[\"rowsNavBase\"]],[30,10]],null]],[[[1,\"                      \"],[8,[32,8],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@realmIdentifier\",\"@variant\",\"@navIndex\",\"@isSelected\",\"@selectionActive\"],[[30,9],\"row\",[30,11],[28,[32,9],[[30,0,[\"cursor\",\"currentIndex\"]],[30,11]],null],[30,0,[\"cursor\",\"isRingShown\"]]]],null],[1,\"\\n\"]],[11]]]],[9,10]],null],[41,[30,0,[\"hiddenRowCount\"]],[[[1,\"                    \"],[10,0],[14,0,\"list-scrim\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[13],[1,\"\\n\"]],[]],null],[1,\"                \"],[13],[1,\"\\n\"],[41,[30,0,[\"isRowListCollapsible\"]],[[[1,\"                  \"],[8,[32,4],[[16,0,[28,[32,0],[\"list-toggle\"],[[\"is-collapsed\"],[[28,[32,15],[[30,0,[\"isShowingAllWorkspaces\"]]],null]]]]],[16,\"aria-controls\",[30,0,[\"rowListId\"]]],[16,\"aria-expanded\",[52,[30,0,[\"isShowingAllWorkspaces\"]],\"true\",\"false\"]],[24,\"data-test-workspace-list-toggle\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[32,1],[\"click\",[30,0,[\"toggleAllWorkspaces\"]]],null]],[[\"@appearance\",\"@shape\"],[\"accent\",\"pill\"]],[[\"default\"],[[[[1,\"\\n\"],[41,[30,0,[\"isShowingAllWorkspaces\"]],[[[1,\"                      Show fewer\\n\"]],[]],[[[1,\"                      Show\\n                      \"],[1,[30,0,[\"hiddenRowCount\"]]],[1,\"\\n                      more\\n\"]],[]]],[1,\"                  \"]],[]]]]],[1,\"\\n\"]],[]],null]],[]],null],[1,\"            \"],[13],[1,\"\\n\"]],[]]],[1,\"        \"],[13],[1,\"\\n\\n        \"],[10,0],[14,0,\"group\"],[14,\"data-test-archived-section\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n          \"],[8,[32,16],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@open\",\"@onOpenChange\"],[[30,0,[\"isArchivedExpanded\"]],[30,0,[\"setArchivedExpanded\"]]]],[[\"trigger\",\"default\"],[[[[1,\"\\n              \"],[10,1],[14,0,\"group-head\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n                \"],[8,[32,17],[[24,0,\"group-icon\"],[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],null,null],[1,\"\\n                \"],[10,1],[14,0,\"group-title\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"Archived\"],[13],[1,\"\\n\"],[41,[30,0,[\"showArchivedCount\"]],[[[1,\"                  \"],[10,1],[14,0,\"group-count\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,[30,0,[\"archivedRealms\",\"length\"]]],[13],[1,\"\\n\"]],[]],null],[1,\"              \"],[13],[1,\"\\n            \"]],[]],[[[1,\"\\n              \"],[10,0],[14,0,\"archived-content\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"loadArchivedRealmsTask\",\"isRunning\"]],[[[1,\"                  \"],[8,[32,2],[[24,\"aria-label\",\"Loading archived workspaces\"],[24,\"data-test-archived-loading\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@size\"],[20]],null],[1,\"\\n\"]],[]],[[[41,[30,0,[\"archivedRealms\",\"length\"]],[[[1,\"                  \"],[10,0],[14,0,\"row-list\"],[14,\"data-test-archived-list\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"archivedRealms\"]]],null]],null],null,[[[1,\"                      \"],[8,[32,18],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@archivedRealm\"],[[30,12]]],null],[1,\"\\n\"]],[12]],null],[1,\"                  \"],[13],[1,\"\\n\"]],[]],[[[41,[30,0,[\"archivedLoadFailed\"]],[[[1,\"                  \"],[10,2],[14,0,\"group-empty\"],[14,\"role\",\"alert\"],[14,\"data-test-archived-error\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"\\n                    Couldn’t load archived workspaces.\\n                    \"],[8,[32,4],[[24,\"data-test-archived-retry\",\"\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[32,1],[\"click\",[30,0,[\"loadArchivedRealms\"]]],null]],[[\"@tone\",\"@appearance\"],[\"primary\",\"link\"]],[[\"default\"],[[[[1,\"Try again\"]],[]]]]],[1,\"\\n                  \"],[13],[1,\"\\n\"]],[]],[[[1,\"                  \"],[10,2],[14,0,\"group-empty\"],[14,\"data-test-archived-empty\",\"\"],[14,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[12],[1,\"No\\n                    archived workspaces\"],[13],[1,\"\\n                \"]],[]]]],[]]]],[]]],[1,\"              \"],[13],[1,\"\\n            \"]],[]]]]],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n\\n      \"],[8,[32,19],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,1,[\"register\"]],[[30,0,[\"catalogsSection\"]]],null]],[[\"@realmIdentifiers\",\"@emptyMessage\",\"@showShelf\",\"@navBase\",\"@cursor\"],[[30,0,[\"filteredCatalogRealmIdentifiers\"]],[30,0,[\"catalogEmptyMessage\"]],[30,0,[\"isCatalogShelfShown\"]],[30,0,[\"catalogNavBase\"]],[30,0,[\"cursor\"]]]],null],[1,\"\\n\\n      \"],[11,\"section\"],[24,0,\"dashboard-section\"],[16,\"aria-labelledby\",[28,[30,0,[\"headingId\"]],[\"agents\"],null]],[24,\"data-test-dashboard-section\",\"agents\"],[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"],[4,[30,1,[\"register\"]],[[30,0,[\"agentsSection\"]]],null],[12],[1,\"\\n        \"],[8,[32,6],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],[[\"@icon\",\"@title\",\"@titleId\"],[[32,20],\"Agents\",[28,[30,0,[\"headingId\"]],[\"agents\"],null]]],[[\"default\"],[[[[1,\"Build with Boxel AI Assistant, or connect your own agent.\"]],[]]]]],[1,\"\\n        \"],[8,[32,21],[[24,\"data-scopedcss-fdd799e0b9-ce558d6f95\",\"\"]],null,null],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"@sections\",\"&attrs\",\"getStarted\",\"realmIdentifier\",\"i\",\"realmIdentifier\",\"i\",\"navIndex\",\"realmIdentifier\",\"i\",\"navIndex\",\"archivedRealm\"],[\"if\",\"each\",\"-track-array\",\"let\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/dashboard/index.gts",
+			"scope": () => [
+				cn_default,
+				on,
+				Spinner,
+				GetStarted,
+				Button,
+				SegmentedControl,
+				SectionHead,
+				IconComponent$17,
+				Workspace,
+				eq,
+				IconComponent$14,
+				IconComponent$15,
+				AddWorkspace,
+				add,
+				gt,
+				not,
+				Collapsible,
+				IconComponent$18,
+				ArchivedWorkspace,
+				CatalogSection,
+				IconComponent$4,
+				Agents
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+export { titleize_exports as i, ai_assistant_panel_service_exports as n, titleize as r, Dashboard as t };