@mulmoclaude/collection-plugin 0.7.4 → 0.7.6

package/dist/vue.cjs

@@ -142,6 +142,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "Uncategorized",
 				kanbanOpenCard: "Open {label}",
 				addView: "Add view",
+				addViewDesktop: "Custom view",
+				addViewMobile: "Phone view",
 				config: {
 					open: "Collection settings",
 					title: "{title} · settings",
@@ -153,6 +155,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "Loading view…",
 				customViewError: "Couldn't load this view: {error}",
 				addViewPrompt: "I want to add a custom view to the \"{title}\" collection. Ask me what I want to see or edit, then author the HTML view file at {base}/views/your-view.html and register it in {base}/schema.json under `views[]` (capabilities [\"read\"] for a read-only view, [\"read\",\"write\"] if it edits records). Follow the custom-view help for the data contract.",
+				addMobileViewPrompt: "I want to add a phone (remote app) custom view to the \"{title}\" collection. Ask me what I want to see or edit, then author the HTML view file at {base}/views/your-view.html and register it in {base}/schema.json under `views[]` with `target: \"mobile\"` (read-only by default; declare `editableFields` / `allowDelete` only if it edits records). Follow the custom-view-remote help for the postMessage data contract — no fetch of any kind in the view.",
 				repair: "Repair",
 				dataIssuesDetected: "{count} record file(s) have data problems and may be missing from this view.",
 				repairPrompt: "The \"{title}\" collection has {count} record file(s) with data problems that keep them from appearing. Fix each one — Read the file, correct it, then Write it back:\n{issues}\n\nWhen you're done, call presentCollection to confirm the records load.",
@@ -275,6 +278,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "未分類",
 				kanbanOpenCard: "{label} を開く",
 				addView: "ビューを追加",
+				addViewDesktop: "カスタムビュー",
+				addViewMobile: "スマホビュー",
 				config: {
 					open: "コレクション設定",
 					title: "{title} · 設定",
@@ -286,6 +291,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "ビューを読み込み中…",
 				customViewError: "このビューを読み込めませんでした: {error}",
 				addViewPrompt: "「{title}」コレクションにカスタムビューを追加したい。何を見たい／編集したいか質問してから、HTML ビューファイルを {base}/views/your-view.html に作成し、{base}/schema.json の `views[]` に登録して（読み取り専用なら capabilities [\"read\"]、レコードを編集するなら [\"read\",\"write\"]）。データ契約は custom-view ヘルプに従ってください。",
+				addMobileViewPrompt: "「{title}」コレクションにスマホ（リモートアプリ）用カスタムビューを追加したい。何を見たい／編集したいか質問してから、HTML ビューファイルを {base}/views/your-view.html に作成し、{base}/schema.json の `views[]` に `target: \"mobile\"` 付きで登録して（デフォルトは読み取り専用。レコードを編集する場合のみ `editableFields` / `allowDelete` を宣言）。データ契約は custom-view-remote ヘルプに従ってください — ビュー内での fetch は一切禁止です。",
 				repair: "修復",
 				dataIssuesDetected: "{count} 件のレコードファイルにデータの問題があり、この表示に出てこない可能性があります。",
 				repairPrompt: "コレクション「{title}」に、表示されない原因となるデータの問題を持つレコードファイルが {count} 件あります。それぞれを修正してください — ファイルを Read し、修正してから Write し直します:\n{issues}\n\n完了したら presentCollection を呼び出して、レコードが読み込めることを確認してください。",
@@ -408,6 +414,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "未分类",
 				kanbanOpenCard: "打开 {label}",
 				addView: "添加视图",
+				addViewDesktop: "自定义视图",
+				addViewMobile: "手机视图",
 				config: {
 					open: "集合设置",
 					title: "{title} · 设置",
@@ -419,6 +427,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "正在加载视图…",
 				customViewError: "无法加载此视图：{error}",
 				addViewPrompt: "我想为“{title}”集合添加一个自定义视图。先问我想查看或编辑什么，然后在 {base}/views/your-view.html 创建 HTML 视图文件，并在 {base}/schema.json 的 `views[]` 中注册（只读视图用 capabilities [\"read\"]，需要编辑记录则用 [\"read\",\"write\"]）。数据契约请遵循 custom-view 帮助文档。",
+				addMobileViewPrompt: "我想为“{title}”集合添加一个手机（远程应用）自定义视图。先问我想查看或编辑什么，然后在 {base}/views/your-view.html 创建 HTML 视图文件，并在 {base}/schema.json 的 `views[]` 中以 `target: \"mobile\"` 注册（默认只读；仅在需要编辑记录时声明 `editableFields` / `allowDelete`）。数据契约请遵循 custom-view-remote 帮助文档 — 视图内禁止任何 fetch。",
 				repair: "修复",
 				dataIssuesDetected: "有 {count} 个记录文件存在数据问题，可能未显示在此视图中。",
 				repairPrompt: "集合 {title} 有 {count} 个记录文件存在导致无法显示的数据问题。请逐一修复——用 Read 读取该文件，更正后再用 Write 写回：\n{issues}\n\n完成后，调用 presentCollection 确认记录可以正常加载。",
@@ -541,6 +550,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "미분류",
 				kanbanOpenCard: "{label} 열기",
 				addView: "보기 추가",
+				addViewDesktop: "사용자 지정 보기",
+				addViewMobile: "스마트폰 보기",
 				config: {
 					open: "컬렉션 설정",
 					title: "{title} · 설정",
@@ -552,6 +563,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "보기를 불러오는 중…",
 				customViewError: "이 보기를 불러오지 못했습니다: {error}",
 				addViewPrompt: "{title} 컬렉션에 사용자 지정 보기를 추가하고 싶어요. 무엇을 보거나 편집하고 싶은지 먼저 물어본 뒤, {base}/views/your-view.html 에 HTML 보기 파일을 만들고 {base}/schema.json의 `views[]`에 등록해 주세요(읽기 전용 보기는 capabilities [\"read\"], 레코드를 편집하면 [\"read\",\"write\"]). 데이터 계약은 custom-view 도움말을 따르세요.",
+				addMobileViewPrompt: "{title} 컬렉션에 스마트폰(리모트 앱)용 사용자 지정 보기를 추가하고 싶어요. 무엇을 보거나 편집하고 싶은지 먼저 물어본 뒤, {base}/views/your-view.html 에 HTML 보기 파일을 만들고 {base}/schema.json의 `views[]`에 `target: \"mobile\"`과 함께 등록해 주세요(기본은 읽기 전용, 레코드를 편집할 때만 `editableFields` / `allowDelete` 선언). 데이터 계약은 custom-view-remote 도움말을 따르세요 — 보기 안에서 fetch는 일절 금지입니다.",
 				repair: "복구",
 				dataIssuesDetected: "{count}개의 레코드 파일에 데이터 문제가 있어 이 보기에 표시되지 않을 수 있습니다.",
 				repairPrompt: "{title} 컬렉션에 표시되지 않는 원인이 되는 데이터 문제가 있는 레코드 파일이 {count}개 있습니다. 각 파일을 수정하세요 — Read로 파일을 읽고 수정한 뒤 Write로 다시 저장하세요:\n{issues}\n\n완료되면 presentCollection을 호출하여 레코드가 로드되는지 확인하세요.",
@@ -674,6 +686,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "Sin categoría",
 				kanbanOpenCard: "Abrir {label}",
 				addView: "Añadir vista",
+				addViewDesktop: "Vista personalizada",
+				addViewMobile: "Vista móvil",
 				config: {
 					open: "Ajustes de la colección",
 					title: "{title} · ajustes",
@@ -685,6 +699,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "Cargando vista…",
 				customViewError: "No se pudo cargar esta vista: {error}",
 				addViewPrompt: "Quiero añadir una vista personalizada a la colección «{title}». Pregúntame qué quiero ver o editar, luego crea el archivo HTML de la vista en {base}/views/your-view.html y regístralo en {base}/schema.json dentro de `views[]` (capabilities [\"read\"] para una vista de solo lectura, [\"read\",\"write\"] si edita registros). Sigue la ayuda custom-view para el contrato de datos.",
+				addMobileViewPrompt: "Quiero añadir una vista personalizada para el móvil (aplicación remota) a la colección «{title}». Pregúntame qué quiero ver o editar, luego crea el archivo HTML de la vista en {base}/views/your-view.html y regístralo en {base}/schema.json dentro de `views[]` con `target: \"mobile\"` (de solo lectura por defecto; declara `editableFields` / `allowDelete` solo si edita registros). Sigue la ayuda custom-view-remote para el contrato de datos por postMessage — nada de fetch en la vista.",
 				repair: "Reparar",
 				dataIssuesDetected: "{count} archivo(s) de registro tienen problemas de datos y podrían no aparecer en esta vista.",
 				repairPrompt: "La colección {title} tiene {count} archivo(s) de registro con problemas de datos que impiden que aparezcan. Corrige cada uno: lee el archivo con Read, corrígelo y vuelve a escribirlo con Write:\n{issues}\n\nCuando termines, llama a presentCollection para confirmar que los registros se cargan.",
@@ -807,6 +822,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "Sem categoria",
 				kanbanOpenCard: "Abrir {label}",
 				addView: "Adicionar visualização",
+				addViewDesktop: "Visualização personalizada",
+				addViewMobile: "Visualização para celular",
 				config: {
 					open: "Configurações da coleção",
 					title: "{title} · configurações",
@@ -818,6 +835,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "Carregando visualização…",
 				customViewError: "Não foi possível carregar esta visualização: {error}",
 				addViewPrompt: "Quero adicionar uma visualização personalizada à coleção \"{title}\". Pergunte o que eu quero ver ou editar, depois crie o arquivo HTML da visualização em {base}/views/your-view.html e registre-o em {base}/schema.json em `views[]` (capabilities [\"read\"] para uma visualização somente leitura, [\"read\",\"write\"] se editar registros). Siga a ajuda custom-view para o contrato de dados.",
+				addMobileViewPrompt: "Quero adicionar uma visualização personalizada para o celular (app remoto) à coleção \"{title}\". Pergunte o que eu quero ver ou editar, depois crie o arquivo HTML da visualização em {base}/views/your-view.html e registre-o em {base}/schema.json em `views[]` com `target: \"mobile\"` (somente leitura por padrão; declare `editableFields` / `allowDelete` apenas se editar registros). Siga a ajuda custom-view-remote para o contrato de dados via postMessage — nenhum fetch na visualização.",
 				repair: "Reparar",
 				dataIssuesDetected: "{count} arquivo(s) de registro têm problemas de dados e podem não aparecer nesta visualização.",
 				repairPrompt: "A coleção {title} tem {count} arquivo(s) de registro com problemas de dados que impedem que apareçam. Corrija cada um: leia o arquivo com Read, corrija-o e grave-o novamente com Write:\n{issues}\n\nQuando terminar, chame presentCollection para confirmar que os registros carregam.",
@@ -940,6 +958,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "Non classé",
 				kanbanOpenCard: "Ouvrir {label}",
 				addView: "Ajouter une vue",
+				addViewDesktop: "Vue personnalisée",
+				addViewMobile: "Vue mobile",
 				config: {
 					open: "Paramètres de la collection",
 					title: "{title} · paramètres",
@@ -951,6 +971,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "Chargement de la vue…",
 				customViewError: "Impossible de charger cette vue : {error}",
 				addViewPrompt: "Je veux ajouter une vue personnalisée à la collection « {title} ». Demande-moi ce que je veux voir ou modifier, puis crée le fichier HTML de la vue dans {base}/views/your-view.html et enregistre-le dans {base}/schema.json sous `views[]` (capabilities [\"read\"] pour une vue en lecture seule, [\"read\",\"write\"] si elle modifie des enregistrements). Suis l'aide custom-view pour le contrat de données.",
+				addMobileViewPrompt: "Je veux ajouter une vue personnalisée pour le mobile (application distante) à la collection « {title} ». Demande-moi ce que je veux voir ou modifier, puis crée le fichier HTML de la vue dans {base}/views/your-view.html et enregistre-le dans {base}/schema.json sous `views[]` avec `target: \"mobile\"` (en lecture seule par défaut ; déclare `editableFields` / `allowDelete` uniquement si elle modifie des enregistrements). Suis l'aide custom-view-remote pour le contrat de données par postMessage — aucun fetch dans la vue.",
 				repair: "Réparer",
 				dataIssuesDetected: "{count} fichier(s) d'enregistrement présentent des problèmes de données et peuvent être absents de cette vue.",
 				repairPrompt: "La collection « {title} » comporte {count} fichier(s) d'enregistrement présentant des problèmes de données qui les empêchent d'apparaître. Corrigez chacun : lisez le fichier avec Read, corrigez-le, puis réécrivez-le avec Write :\n{issues}\n\nUne fois terminé, appelez presentCollection pour confirmer que les enregistrements se chargent.",
@@ -1073,6 +1094,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				kanbanUncategorized: "Nicht kategorisiert",
 				kanbanOpenCard: "{label} öffnen",
 				addView: "Ansicht hinzufügen",
+				addViewDesktop: "Benutzerdefinierte Ansicht",
+				addViewMobile: "Smartphone-Ansicht",
 				config: {
 					open: "Sammlungseinstellungen",
 					title: "{title} · Einstellungen",
@@ -1084,6 +1107,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				customViewLoading: "Ansicht wird geladen…",
 				customViewError: "Diese Ansicht konnte nicht geladen werden: {error}",
 				addViewPrompt: "Ich möchte der Sammlung {title} eine benutzerdefinierte Ansicht hinzufügen. Frag mich, was ich sehen oder bearbeiten möchte, erstelle dann die HTML-Ansichtsdatei unter {base}/views/your-view.html und registriere sie in {base}/schema.json unter `views[]` (capabilities [\"read\"] für eine schreibgeschützte Ansicht, [\"read\",\"write\"] wenn sie Datensätze bearbeitet). Folge der custom-view-Hilfe für den Datenvertrag.",
+				addMobileViewPrompt: "Ich möchte der Sammlung {title} eine benutzerdefinierte Ansicht für das Smartphone (Remote-App) hinzufügen. Frag mich, was ich sehen oder bearbeiten möchte, erstelle dann die HTML-Ansichtsdatei unter {base}/views/your-view.html und registriere sie in {base}/schema.json unter `views[]` mit `target: \"mobile\"` (standardmäßig schreibgeschützt; deklariere `editableFields` / `allowDelete` nur, wenn sie Datensätze bearbeitet). Folge der custom-view-remote-Hilfe für den postMessage-Datenvertrag — kein fetch jeglicher Art in der Ansicht.",
 				repair: "Reparieren",
 				dataIssuesDetected: "{count} Datensatzdatei(en) haben Datenprobleme und fehlen möglicherweise in dieser Ansicht.",
 				repairPrompt: "Die Sammlung {title} hat {count} Datensatzdatei(en) mit Datenproblemen, die ihr Erscheinen verhindern. Korrigiere jede — die Datei mit Read lesen, korrigieren und mit Write zurückschreiben:\n{issues}\n\nRufe anschließend presentCollection auf, um zu bestätigen, dass die Datensätze geladen werden.",
@@ -1717,7 +1741,10 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const { t } = useCollectionI18n();
 		/** The Uncategorized column uses the empty string as its sentinel value. */
-		const groupSpec = (0, vue.computed)(() => props.schema.fields[props.groupField]);
+		const groupSpec = (0, vue.computed)(() => {
+			const spec = props.schema.fields[props.groupField];
+			return spec?.type === "enum" ? spec : void 0;
+		});
 		/** Declared enum values become columns in order, with a trailing
 		*  Uncategorized column for empty/unknown values (also a drop target that
 		*  clears the field). The Uncategorized column is omitted when the group
@@ -1764,7 +1791,10 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const value = String(raw);
 			return (groupSpec.value?.values ?? []).includes(value) ? value : UNCATEGORIZED;
 		}
-		const visibleItems = (0, vue.computed)(() => groupSpec.value ? props.items.filter((item) => (0, _mulmoclaude_core_collection.fieldVisible)(groupSpec.value, item)) : []);
+		const visibleItems = (0, vue.computed)(() => {
+			const spec = groupSpec.value;
+			return spec ? props.items.filter((item) => (0, _mulmoclaude_core_collection.fieldVisible)(spec, item)) : [];
+		});
 		const itemsByColumnMap = (0, vue.computed)(() => {
 			const map = /* @__PURE__ */ new Map();
 			for (const column of columns.value) map.set(column.value, []);
@@ -2291,7 +2321,8 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		/** Required flag for an embed's per-record picker — read off the storage
 		*  field it writes (`idField`), since the embed itself stores nothing. */
 		function embedPickerRequired(field) {
-			const target = field.idField ? props.collection.schema.fields[field.idField] : void 0;
+			const idField = field.type === "embed" ? field.idField : void 0;
+			const target = idField ? props.collection.schema.fields[idField] : void 0;
 			return target ? isFieldRequiredInUi(target) : false;
 		}
 		/** Tailwind fill/text/border classes tinting an enum `<select>` by its current
@@ -3012,284 +3043,342 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 	}
 }), [["__scopeId", "data-v-965ade6c"]]);
 //#endregion
-//#region src/vue/useCollectionRendering.ts
+//#region src/vue/useCollectionRendering.helpers.ts
+var EM_DASH = "—";
+var DEFAULT_CURRENCY = "USD";
+var MARKDOWN_CELL_PREVIEW_MAX = 80;
 function stepForFieldType(type) {
 	if (type === "money") return "0.01";
 	if (type === "number") return "any";
 }
-function useCollectionRendering(collection, locale) {
-	const refCache = (0, vue.ref)({});
-	const refRecordCache = (0, vue.ref)({});
-	const embedCache = (0, vue.ref)({});
-	function resetLinkedCaches() {
-		refCache.value = {};
-		refRecordCache.value = {};
-		embedCache.value = {};
-	}
-	function uniqueRefTargets(schema) {
-		const targets = /* @__PURE__ */ new Set();
-		const walk = (fields) => {
-			for (const field of Object.values(fields)) {
-				if (field.type === "ref" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
-				if (field.type === "table" && field.of) walk(field.of);
-			}
-		};
-		walk(schema.fields);
-		return [...targets];
-	}
-	function uniqueEmbedTargets(schema) {
-		const targets = /* @__PURE__ */ new Set();
-		for (const field of Object.values(schema.fields)) if (field.type === "embed" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
-		return [...targets];
+function inputTypeFor(type) {
+	if (type === "email") return "email";
+	if (type === "number") return "number";
+	if (type === "money") return "number";
+	if (type === "date") return "date";
+	if (type === "datetime") return "datetime-local";
+	return "text";
+}
+function isExternalUrl(value) {
+	return typeof value === "string" && /^https?:\/\//i.test(value);
+}
+function detailText(value) {
+	if (value === void 0 || value === null || value === "") return EM_DASH;
+	return String(value);
+}
+function formatCell(value, type) {
+	if (value === void 0 || value === null || value === "") return EM_DASH;
+	if (type === "markdown" && typeof value === "string") return value.length > MARKDOWN_CELL_PREVIEW_MAX ? `${value.slice(0, MARKDOWN_CELL_PREVIEW_MAX)}…` : value;
+	if (typeof value === "string" || typeof value === "number") return String(value);
+	return JSON.stringify(value);
+}
+/** Resolve the ISO 4217 code for a money field: a per-record
+*  `currencyField` (when present and non-blank) wins over the field's
+*  literal `currency`. Only `money` / `derived` variants carry currency
+*  keys; any other field resolves to undefined (the formatter's USD
+*  fallback), as before. */
+function resolveCurrency(field, record) {
+	if (field.type !== "money" && field.type !== "derived") return void 0;
+	if (field.currencyField && record) {
+		const code = record[field.currencyField];
+		if (typeof code === "string" && code.trim().length > 0) return code;
 	}
-	function buildRefDisplayMap(detail) {
-		const { fields, primaryKey } = detail.collection.schema;
-		const displayField = "name" in fields ? "name" : "title" in fields ? "title" : primaryKey;
-		const map = {};
-		for (const item of detail.items) {
-			const slugRaw = item[primaryKey];
-			if (typeof slugRaw !== "string" || slugRaw.length === 0) continue;
-			const displayRaw = item[displayField];
-			map[slugRaw] = typeof displayRaw === "string" && displayRaw.length > 0 ? displayRaw : slugRaw;
-		}
-		return map;
+	return field.currency;
+}
+function formatMoney(value, currency, displayLocale) {
+	if (value === void 0 || value === "") return EM_DASH;
+	const amount = typeof value === "number" ? value : Number(value);
+	if (!Number.isFinite(amount)) return String(value);
+	const currencyCode = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
+	try {
+		return new Intl.NumberFormat(displayLocale, {
+			style: "currency",
+			currency: currencyCode
+		}).format(amount);
+	} catch {
+		return String(amount);
 	}
-	function buildRefRecordMap(detail) {
-		const { schema } = detail.collection;
-		const map = {};
-		for (const item of detail.items) {
-			const slugRaw = item[schema.primaryKey];
-			if (typeof slugRaw === "string" && slugRaw.length > 0) map[slugRaw] = (0, _mulmoclaude_core_collection.deriveAll)(schema, item, {});
-		}
-		return map;
+}
+function currencySymbolForLocale(currency, locale) {
+	const code = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
+	try {
+		return new Intl.NumberFormat(locale, {
+			style: "currency",
+			currency: code
+		}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
+	} catch {
+		return code;
 	}
-	async function loadLinkedCollections(schema, expectedSlug) {
-		const refTargets = new Set(uniqueRefTargets(schema));
-		const embedTargets = new Set(uniqueEmbedTargets(schema));
-		const allTargets = [.../* @__PURE__ */ new Set([...refTargets, ...embedTargets])];
-		if (allTargets.length === 0) return;
-		const binding = collectionUi();
-		const results = await Promise.all(allTargets.map(async (target) => {
-			try {
-				return {
-					target,
-					result: await binding.fetchCollectionDetail(target)
-				};
-			} catch {
-				return {
-					target,
-					result: { ok: false }
-				};
-			}
-		}));
-		if (collection.value?.slug !== expectedSlug) return;
-		const nextRef = {};
-		const nextRefRecords = {};
-		const nextEmbed = {};
-		for (const { target, result } of results) {
-			if (!result.ok) continue;
-			if (refTargets.has(target)) {
-				nextRef[target] = buildRefDisplayMap(result.data);
-				nextRefRecords[target] = buildRefRecordMap(result.data);
-			}
-			if (embedTargets.has(target)) nextEmbed[target] = {
-				schema: result.data.collection.schema,
-				items: result.data.items
-			};
+}
+function tableRows(value) {
+	if (!Array.isArray(value)) return [];
+	return value.filter((row) => Boolean(row) && typeof row === "object" && !Array.isArray(row));
+}
+function hasTableRows(value) {
+	return tableRows(value).length > 0;
+}
+/** Pick the field used to label a referenced/embedded record: prefer a
+*  `name` field, then `title`, else fall back to the primary key. */
+function displayFieldFor(fields, primaryKey) {
+	if ("name" in fields) return "name";
+	if ("title" in fields) return "title";
+	return primaryKey;
+}
+function uniqueRefTargets(schema) {
+	const targets = /* @__PURE__ */ new Set();
+	const walk = (fields) => {
+		for (const field of Object.values(fields)) {
+			if (field.type === "ref" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
+			if (field.type === "table" && field.of) walk(field.of);
 		}
-		refCache.value = nextRef;
-		refRecordCache.value = nextRefRecords;
-		embedCache.value = nextEmbed;
-	}
-	function refDisplay(targetSlug, itemSlug) {
-		const map = refCache.value[targetSlug];
-		return map && map[itemSlug] || itemSlug;
-	}
-	function refOptions(targetSlug) {
-		const map = refCache.value[targetSlug];
-		if (!map) return [];
-		return Object.entries(map).map(([slug, display]) => ({
-			slug,
-			display
-		})).sort((left, right) => left.display.localeCompare(right.display));
+	};
+	walk(schema.fields);
+	return [...targets];
+}
+function uniqueEmbedTargets(schema) {
+	const targets = /* @__PURE__ */ new Set();
+	for (const field of Object.values(schema.fields)) if (field.type === "embed" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
+	return [...targets];
+}
+function buildRefDisplayMap(detail) {
+	const { fields, primaryKey } = detail.collection.schema;
+	const displayField = displayFieldFor(fields, primaryKey);
+	const map = {};
+	for (const item of detail.items) {
+		const slugRaw = item[primaryKey];
+		if (typeof slugRaw !== "string" || slugRaw.length === 0) continue;
+		const displayRaw = item[displayField];
+		map[slugRaw] = typeof displayRaw === "string" && displayRaw.length > 0 ? displayRaw : slugRaw;
 	}
-	/** Dropdown options for an `embed` field's per-record picker (`idField`):
-	*  every record in the target collection, labelled by its name/title (or
-	*  primary key). Built from `embedCache` so it works for embed targets
-	*  that aren't also `ref` targets (the profile collection, say). */
-	function embedOptions(targetSlug) {
-		const data = embedCache.value[targetSlug];
-		if (!data) return [];
-		const { fields, primaryKey } = data.schema;
-		const displayField = "name" in fields ? "name" : "title" in fields ? "title" : primaryKey;
-		return data.items.map((item) => {
-			const slug = String(item[primaryKey] ?? "");
-			const labelRaw = item[displayField];
-			return {
-				slug,
-				display: typeof labelRaw === "string" && labelRaw.length > 0 ? labelRaw : slug
-			};
-		}).filter((opt) => opt.slug.length > 0).sort((left, right) => left.display.localeCompare(right.display));
+	return map;
+}
+function buildRefRecordMap(detail) {
+	const { schema } = detail.collection;
+	const map = {};
+	for (const item of detail.items) {
+		const slugRaw = item[schema.primaryKey];
+		if (typeof slugRaw === "string" && slugRaw.length > 0) map[slugRaw] = (0, _mulmoclaude_core_collection.deriveAll)(schema, item, {});
 	}
-	function resolveEmbed(field, record) {
-		if (field.type !== "embed" || !field.to) return {
-			schema: null,
-			item: null
-		};
-		const targetId = (0, _mulmoclaude_core_collection.embedTargetId)(field, record);
-		const data = targetId ? embedCache.value[field.to] : void 0;
-		if (!data) return {
-			schema: null,
-			item: null
-		};
-		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === targetId) ?? null;
+	return map;
+}
+function sortedRefOptions(map) {
+	return Object.entries(map).map(([slug, display]) => ({
+		slug,
+		display
+	})).sort((left, right) => left.display.localeCompare(right.display));
+}
+/** Dropdown options for an `embed` field's per-record picker: every
+*  record in the target collection, labelled by its name/title (or
+*  primary key), skipping records without a slug and sorted by label. */
+function buildEmbedOptions(schema, items) {
+	const { fields, primaryKey } = schema;
+	const displayField = displayFieldFor(fields, primaryKey);
+	return items.map((item) => {
+		const slug = String(item[primaryKey] ?? "");
+		const labelRaw = item[displayField];
 		return {
-			schema: data.schema,
-			item
+			slug,
+			display: typeof labelRaw === "string" && labelRaw.length > 0 ? labelRaw : slug
 		};
-	}
-	function embedValue(field, value, record) {
-		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
-		return detailText(value);
-	}
-	/** Build the read-only embed view-models for one record. A function of
-	*  the open record (not a bare computed) because a per-record `idField`
-	*  embed resolves a different target per row. */
-	function embedViewsFor(record) {
-		const out = {};
-		if (!collection.value) return out;
-		for (const [key, field] of Object.entries(collection.value.schema.fields)) {
-			if (field.type !== "embed") continue;
-			const { schema, item } = resolveEmbed(field, record);
-			const rows = [];
-			if (schema && item) for (const [subKey, subField] of Object.entries(schema.fields)) {
-				const value = item[subKey];
-				if (value === void 0 || value === null || value === "") continue;
-				rows.push({
-					key: subKey,
-					label: subField.label,
-					type: subField.type,
-					value,
-					display: embedValue(subField, value, item)
-				});
-			}
-			out[key] = {
-				found: Boolean(item),
-				rows,
-				targetSlug: field.to ?? "",
-				recordId: (0, _mulmoclaude_core_collection.embedTargetId)(field, record)
-			};
-		}
-		return out;
-	}
-	function resolveCurrency(field, record) {
-		if (field.currencyField && record) {
-			const code = record[field.currencyField];
-			if (typeof code === "string" && code.trim().length > 0) return code;
-		}
-		return field.currency;
-	}
-	function currencySymbol(currency) {
-		const code = currency && currency.length > 0 ? currency : "USD";
-		try {
-			return new Intl.NumberFormat(locale.value, {
-				style: "currency",
-				currency: code
-			}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
-		} catch {
-			return code;
-		}
-	}
-	function formatMoney(value, currency, displayLocale) {
-		if (value === void 0 || value === "") return "—";
-		const amount = typeof value === "number" ? value : Number(value);
-		if (!Number.isFinite(amount)) return String(value);
-		const currencyCode = currency && currency.length > 0 ? currency : "USD";
+	}).filter((opt) => opt.slug.length > 0).sort((left, right) => left.display.localeCompare(right.display));
+}
+//#endregion
+//#region src/vue/useLinkedCollectionCaches.ts
+/** The de-duplicated ref + embed target slugs a schema links to. `allTargets`
+*  is the union (each target fetched once even when both ref'd and embedded). */
+function linkedTargets(schema) {
+	const refTargets = new Set(uniqueRefTargets(schema));
+	const embedTargets = new Set(uniqueEmbedTargets(schema));
+	return {
+		refTargets,
+		embedTargets,
+		allTargets: [.../* @__PURE__ */ new Set([...refTargets, ...embedTargets])]
+	};
+}
+/** Fan-out fetch that hydrates the linked-collection caches. Best-effort: a
+*  target whose fetch *rejects* (vs. resolving `{ ok: false }`) is coerced to a
+*  skip and must not abort the others. Returns null when a quicker subsequent
+*  load has already moved on (stale-write guard) so the caller drops the write.
+*  Pure + injectable (`fetchDetail`, `currentSlug`) so both paths are testable. */
+async function fetchLinkedCaches(targets, fetchDetail, currentSlug, expectedSlug) {
+	const { refTargets, embedTargets, allTargets } = targets;
+	const results = await Promise.all(allTargets.map(async (target) => {
 		try {
-			return new Intl.NumberFormat(displayLocale, {
-				style: "currency",
-				currency: currencyCode
-			}).format(amount);
+			return {
+				target,
+				result: await fetchDetail(target)
+			};
 		} catch {
-			return String(amount);
+			return {
+				target,
+				result: { ok: false }
+			};
 		}
+	}));
+	if (currentSlug() !== expectedSlug) return null;
+	const refCache = {};
+	const refRecordCache = {};
+	const embedCache = {};
+	for (const { target, result } of results) {
+		if (!result.ok) continue;
+		if (refTargets.has(target)) {
+			refCache[target] = buildRefDisplayMap(result.data);
+			refRecordCache[target] = buildRefRecordMap(result.data);
+		}
+		if (embedTargets.has(target)) embedCache[target] = {
+			schema: result.data.collection.schema,
+			items: result.data.items
+		};
 	}
-	function formatCell(value, type) {
-		if (value === void 0 || value === null || value === "") return "—";
-		if (type === "markdown" && typeof value === "string") return value.length > 80 ? `${value.slice(0, 80)}…` : value;
-		if (typeof value === "string" || typeof value === "number") return String(value);
-		return JSON.stringify(value);
-	}
-	function isExternalUrl(value) {
-		return typeof value === "string" && /^https?:\/\//i.test(value);
-	}
-	function artifactUrl(value) {
-		return collectionUi().fileAssetUrl(value);
-	}
-	function fileRoutePath(value) {
-		return collectionUi().fileRoutePath(value);
-	}
-	function detailText(value) {
-		if (value === void 0 || value === null || value === "") return "—";
-		return String(value);
-	}
-	function tableRows(value) {
-		if (!Array.isArray(value)) return [];
-		return value.filter((row) => Boolean(row) && typeof row === "object" && !Array.isArray(row));
-	}
-	function hasTableRows(value) {
-		return tableRows(value).length > 0;
-	}
-	function formatSubCell(subField, value, record) {
-		if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale.value);
-		if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return refDisplay(subField.to, value);
-		return formatCell(value, subField.type);
-	}
-	function inputTypeFor(type) {
-		if (type === "email") return "email";
-		if (type === "number") return "number";
-		if (type === "money") return "number";
-		if (type === "date") return "date";
-		if (type === "datetime") return "datetime-local";
-		return "text";
-	}
-	const stepFor = stepForFieldType;
-	function evaluateDerivedAgainstItem(field, fieldKey, item) {
-		if (!field.formula || !collection.value) return null;
-		const result = (0, _mulmoclaude_core_collection.deriveAll)(collection.value.schema, item, refRecordCache.value)[fieldKey];
-		return typeof result === "number" && Number.isFinite(result) ? result : null;
+	return {
+		refCache,
+		refRecordCache,
+		embedCache
+	};
+}
+function useLinkedCollectionCaches(collection) {
+	const refCache = (0, vue.ref)({});
+	const refRecordCache = (0, vue.ref)({});
+	const embedCache = (0, vue.ref)({});
+	function resetLinkedCaches() {
+		refCache.value = {};
+		refRecordCache.value = {};
+		embedCache.value = {};
 	}
-	function derivedDisplay(field, computedValue, record) {
-		if (computedValue === null || computedValue === void 0) return "—";
-		if (field.display === "money") return formatMoney(computedValue, resolveCurrency(field, record), locale.value);
-		return formatCell(computedValue, field.display ?? "number");
+	async function loadLinkedCollections(schema, expectedSlug) {
+		const targets = linkedTargets(schema);
+		if (targets.allTargets.length === 0) return;
+		const binding = collectionUi();
+		const snapshot = await fetchLinkedCaches(targets, (slug) => binding.fetchCollectionDetail(slug), () => collection.value?.slug, expectedSlug);
+		if (!snapshot) return;
+		refCache.value = snapshot.refCache;
+		refRecordCache.value = snapshot.refRecordCache;
+		embedCache.value = snapshot.embedCache;
 	}
 	return {
 		refCache,
 		refRecordCache,
 		embedCache,
 		resetLinkedCaches,
-		loadLinkedCollections,
-		refDisplay,
-		refOptions,
-		embedOptions,
-		embedViewsFor,
-		resolveCurrency,
-		currencySymbol,
-		formatMoney,
-		formatCell,
-		detailText,
-		isExternalUrl,
-		artifactUrl,
-		fileRoutePath,
-		tableRows,
-		hasTableRows,
-		formatSubCell,
-		inputTypeFor,
-		stepFor,
-		deriveAll: _mulmoclaude_core_collection.deriveAll,
-		evaluateDerivedAgainstItem,
-		derivedDisplay
+		loadLinkedCollections
+	};
+}
+//#endregion
+//#region src/vue/useCollectionRendering.renderers.ts
+function lookupRefDisplay(refCache, targetSlug, itemSlug) {
+	const map = refCache[targetSlug];
+	return map && map[itemSlug] || itemSlug;
+}
+function refOptionsFor(refCache, targetSlug) {
+	const map = refCache[targetSlug];
+	return map ? sortedRefOptions(map) : [];
+}
+/** Dropdown options for an `embed` field's per-record picker (`idField`):
+*  every record in the target collection, labelled by its name/title (or
+*  primary key). Built from `embedCache` so it works for embed targets
+*  that aren't also `ref` targets (the profile collection, say). */
+function embedOptionsFor(embedCache, targetSlug) {
+	const data = embedCache[targetSlug];
+	return data ? buildEmbedOptions(data.schema, data.items) : [];
+}
+function resolveEmbed(field, record, embedCache) {
+	if (field.type !== "embed" || !field.to) return {
+		schema: null,
+		item: null
+	};
+	const targetId = (0, _mulmoclaude_core_collection.embedTargetId)(field, record);
+	const data = targetId ? embedCache[field.to] : void 0;
+	if (!data) return {
+		schema: null,
+		item: null
+	};
+	const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === targetId) ?? null;
+	return {
+		schema: data.schema,
+		item
+	};
+}
+function formatEmbedValue(field, value, record, locale) {
+	if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale);
+	return detailText(value);
+}
+/** Build the read-only embed view-models for one record. A function of the
+*  open record (not a bare computed) because a per-record `idField` embed
+*  resolves a different target per row. `schema` is the OPEN collection's
+*  schema (null when no collection is loaded → no views). */
+function buildEmbedViews(schema, embedCache, record, locale) {
+	const out = {};
+	if (!schema) return out;
+	for (const [key, field] of Object.entries(schema.fields)) {
+		if (field.type !== "embed") continue;
+		const { schema: targetSchema, item } = resolveEmbed(field, record, embedCache);
+		const rows = [];
+		if (targetSchema && item) for (const [subKey, subField] of Object.entries(targetSchema.fields)) {
+			const value = item[subKey];
+			if (value === void 0 || value === null || value === "") continue;
+			rows.push({
+				key: subKey,
+				label: subField.label,
+				type: subField.type,
+				value,
+				display: formatEmbedValue(subField, value, item, locale)
+			});
+		}
+		out[key] = {
+			found: Boolean(item),
+			rows,
+			targetSlug: field.to ?? "",
+			recordId: (0, _mulmoclaude_core_collection.embedTargetId)(field, record)
+		};
+	}
+	return out;
+}
+function renderSubCell(subField, value, record, refCache, locale) {
+	if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale);
+	if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return lookupRefDisplay(refCache, subField.to, value);
+	return formatCell(value, subField.type);
+}
+function evaluateDerived(field, fieldKey, item, schema, refRecords) {
+	if (field.type !== "derived" || !schema) return null;
+	const result = (0, _mulmoclaude_core_collection.deriveAll)(schema, item, refRecords)[fieldKey];
+	return typeof result === "number" && Number.isFinite(result) ? result : null;
+}
+function renderDerived(field, computedValue, record, locale) {
+	if (computedValue === null || computedValue === void 0) return "—";
+	const display = field.type === "derived" ? field.display : void 0;
+	if (display === "money") return formatMoney(computedValue, resolveCurrency(field, record), locale);
+	return formatCell(computedValue, display ?? "number");
+}
+//#endregion
+//#region src/vue/useCollectionRendering.ts
+var STATELESS_RENDERERS = {
+	resolveCurrency,
+	formatMoney,
+	formatCell,
+	detailText,
+	isExternalUrl,
+	tableRows,
+	hasTableRows,
+	inputTypeFor,
+	stepFor: stepForFieldType,
+	deriveAll: _mulmoclaude_core_collection.deriveAll
+};
+function useCollectionRendering(collection, locale) {
+	const caches = useLinkedCollectionCaches(collection);
+	const { refCache, refRecordCache, embedCache } = caches;
+	return {
+		...caches,
+		...STATELESS_RENDERERS,
+		refDisplay: (targetSlug, itemSlug) => lookupRefDisplay(refCache.value, targetSlug, itemSlug),
+		refOptions: (targetSlug) => refOptionsFor(refCache.value, targetSlug),
+		embedOptions: (targetSlug) => embedOptionsFor(embedCache.value, targetSlug),
+		embedViewsFor: (record) => buildEmbedViews(collection.value?.schema ?? null, embedCache.value, record, locale.value),
+		currencySymbol: (currency) => currencySymbolForLocale(currency, locale.value),
+		artifactUrl: (value) => collectionUi().fileAssetUrl(value),
+		fileRoutePath: (value) => collectionUi().fileRoutePath(value),
+		formatSubCell: (subField, value, record) => renderSubCell(subField, value, record, refCache.value, locale.value),
+		evaluateDerivedAgainstItem: (field, fieldKey, item) => evaluateDerived(field, fieldKey, item, collection.value?.schema ?? null, refRecordCache.value),
+		derivedDisplay: (field, computedValue, record) => renderDerived(field, computedValue, record, locale.value)
 	};
 }
 //#endregion
@@ -3436,166 +3525,175 @@ var _hoisted_26$1 = [
 	"onClick"
 ];
 var _hoisted_27$1 = { class: "material-icons text-sm" };
-var _hoisted_28 = ["title", "aria-label"];
-var _hoisted_29 = ["title", "aria-label"];
-var _hoisted_30 = ["value", "aria-label"];
-var _hoisted_31 = ["value"];
-var _hoisted_32 = ["value", "aria-label"];
-var _hoisted_33 = ["value"];
-var _hoisted_34 = {
+var _hoisted_28 = [
+	"title",
+	"aria-label",
+	"aria-expanded"
+];
+var _hoisted_29 = {
+	key: 0,
+	class: "absolute left-0 top-full mt-1 z-20 min-w-max rounded border border-slate-200 bg-white shadow-lg py-1",
+	"data-testid": "collection-view-add-menu"
+};
+var _hoisted_30 = ["title", "aria-label"];
+var _hoisted_31 = ["value", "aria-label"];
+var _hoisted_32 = ["value"];
+var _hoisted_33 = ["value", "aria-label"];
+var _hoisted_34 = ["value"];
+var _hoisted_35 = {
 	key: 3,
 	class: "text-[10px] text-slate-400 font-bold uppercase tracking-wider select-none"
 };
-var _hoisted_35 = {
+var _hoisted_36 = {
 	key: 3,
 	class: "mx-6 mt-4 rounded-xl border border-amber-200 bg-amber-50/60 p-4 text-sm text-amber-900 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-data-issues"
 };
-var _hoisted_36 = { class: "flex-1" };
-var _hoisted_37 = { class: "flex-1 overflow-auto" };
-var _hoisted_38 = {
+var _hoisted_37 = { class: "flex-1" };
+var _hoisted_38 = { class: "flex-1 overflow-auto" };
+var _hoisted_39 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_39 = {
+var _hoisted_40 = {
 	key: 1,
 	class: "m-6 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3"
 };
-var _hoisted_40 = { key: 2 };
-var _hoisted_41 = {
+var _hoisted_41 = { key: 2 };
+var _hoisted_42 = {
 	key: 3,
 	class: "p-4"
 };
-var _hoisted_42 = {
+var _hoisted_43 = {
 	key: 4,
 	class: "h-full flex flex-col"
 };
-var _hoisted_43 = {
+var _hoisted_44 = {
 	key: 0,
 	class: "m-3 mb-0 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-inline-error"
 };
-var _hoisted_44 = { class: "flex-1" };
-var _hoisted_45 = ["aria-label"];
-var _hoisted_46 = { class: "flex-1 min-h-0 px-3 py-2" };
-var _hoisted_47 = {
+var _hoisted_45 = { class: "flex-1" };
+var _hoisted_46 = ["aria-label"];
+var _hoisted_47 = { class: "flex-1 min-h-0 px-3 py-2" };
+var _hoisted_48 = {
 	key: 5,
 	class: "h-full",
 	"data-testid": "collection-custom-view-body"
 };
-var _hoisted_48 = {
+var _hoisted_49 = {
 	key: 6,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_49 = { class: "font-semibold text-slate-600" };
-var _hoisted_50 = {
+var _hoisted_50 = { class: "font-semibold text-slate-600" };
+var _hoisted_51 = {
 	key: 7,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_51 = { class: "font-semibold text-slate-600" };
-var _hoisted_52 = {
+var _hoisted_52 = { class: "font-semibold text-slate-600" };
+var _hoisted_53 = {
 	key: 8,
 	class: "overflow-x-auto [container-type:inline-size]"
 };
-var _hoisted_53 = {
+var _hoisted_54 = {
 	key: 0,
 	class: "m-4 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-inline-error"
 };
-var _hoisted_54 = { class: "flex-1" };
-var _hoisted_55 = ["aria-label"];
-var _hoisted_56 = { class: "min-w-full text-xs" };
-var _hoisted_57 = { class: "bg-slate-50 border-b border-slate-200" };
-var _hoisted_58 = ["aria-sort"];
-var _hoisted_59 = { class: "flex items-center gap-1" };
-var _hoisted_60 = ["title"];
-var _hoisted_61 = [
+var _hoisted_55 = { class: "flex-1" };
+var _hoisted_56 = ["aria-label"];
+var _hoisted_57 = { class: "min-w-full text-xs" };
+var _hoisted_58 = { class: "bg-slate-50 border-b border-slate-200" };
+var _hoisted_59 = ["aria-sort"];
+var _hoisted_60 = { class: "flex items-center gap-1" };
+var _hoisted_61 = ["title"];
+var _hoisted_62 = [
 	"data-testid",
 	"aria-label",
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_62 = { class: "material-icons text-base align-middle" };
-var _hoisted_63 = { class: "divide-y divide-slate-100 bg-white" };
-var _hoisted_64 = [
+var _hoisted_63 = { class: "material-icons text-base align-middle" };
+var _hoisted_64 = { class: "divide-y divide-slate-100 bg-white" };
+var _hoisted_65 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_65 = [
+var _hoisted_66 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_66 = [
+var _hoisted_67 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_67 = {
+var _hoisted_68 = {
 	key: 2,
 	class: "block truncate"
 };
-var _hoisted_68 = [
+var _hoisted_69 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_69 = [
+var _hoisted_70 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_70 = {
+var _hoisted_71 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_71 = ["value"];
-var _hoisted_72 = {
+var _hoisted_72 = ["value"];
+var _hoisted_73 = {
 	key: 4,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_73 = {
+var _hoisted_74 = {
 	key: 5,
 	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg text-[10px] font-bold bg-slate-100 text-slate-600 border border-slate-200/40"
 };
-var _hoisted_74 = {
+var _hoisted_75 = {
 	key: 6,
 	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-1.5 py-0.5 rounded border border-indigo-100/50"
 };
-var _hoisted_75 = ["href", "data-testid"];
 var _hoisted_76 = ["href", "data-testid"];
-var _hoisted_77 = [
+var _hoisted_77 = ["href", "data-testid"];
+var _hoisted_78 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_78 = {
+var _hoisted_79 = {
 	key: 10,
 	class: "block truncate text-slate-600"
 };
-var _hoisted_79 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
-var _hoisted_80 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
-var _hoisted_81 = { class: "flex-1" };
-var _hoisted_82 = {
+var _hoisted_80 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
+var _hoisted_81 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
+var _hoisted_82 = { class: "flex-1" };
+var _hoisted_83 = {
 	id: "collections-chat-title",
 	class: "text-sm font-bold text-slate-800 uppercase tracking-wide"
 };
-var _hoisted_83 = { class: "text-xs text-slate-400 font-semibold" };
-var _hoisted_84 = ["aria-label"];
-var _hoisted_85 = { class: "px-6 py-5" };
-var _hoisted_86 = ["placeholder", "onKeydown"];
-var _hoisted_87 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
-var _hoisted_88 = ["disabled"];
+var _hoisted_84 = { class: "text-xs text-slate-400 font-semibold" };
+var _hoisted_85 = ["aria-label"];
+var _hoisted_86 = { class: "px-6 py-5" };
+var _hoisted_87 = ["placeholder", "onKeydown"];
+var _hoisted_88 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
+var _hoisted_89 = ["disabled"];
 /** `slug` / `selected` are supplied only in EMBEDDED mode (the
 *  `presentCollection` chat card mounts this component and drives both
 *  from the tool result). In standalone route mode (the
@@ -3771,12 +3869,12 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return scalarSortValue(field, item[key]);
 		}
 		/** Derived rows sort by their display type: money/number → numeric,
-		*  date/datetime → epoch, anything else → the enriched value as a string. */
+		*  date → epoch, anything else → the enriched value as a string. */
 		function derivedSortValue(field, key, item) {
-			const { display } = field;
+			const display = field.type === "derived" ? field.display : void 0;
 			if (display === void 0 || display === "number" || display === "money") return (0, _mulmoclaude_core_collection.numericSortValue)(evaluateDerivedAgainstItem(field, key, item));
 			const enriched = collection.value ? render.deriveAll(collection.value.schema, item, render.refRecordCache.value) : item;
-			if (display === "date" || display === "datetime") return (0, _mulmoclaude_core_collection.dateSortValue)(enriched[key]);
+			if (display === "date") return (0, _mulmoclaude_core_collection.dateSortValue)(enriched[key]);
 			return (0, _mulmoclaude_core_collection.stringSortValue)(enriched[key]);
 		}
 		const sortedItems = (0, vue.computed)(() => {
@@ -3954,10 +4052,12 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function buildChatSeed(slug, message, itemId) {
 			const current = collection.value;
 			if (current?.source !== "feed") return itemId ? `/${slug} id=${itemId} ${message}` : `/${slug} ${message}`;
+			const dataPath = current.schema.dataPath ?? `data/feeds/${slug}`;
+			const scoped = itemId ? `(for record \`${itemId}\`) ${message}` : message;
 			return t("collectionsView.feedChatSeed", {
 				slug,
-				dataPath: current.schema.dataPath ?? `data/feeds/${slug}`,
-				message: itemId ? `(for record \`${itemId}\`) ${message}` : message
+				dataPath,
+				message: scoped
 			});
 		}
 		/** Start a new general-role chat seeded from the current view. */
@@ -4032,7 +4132,10 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			enumOriginallyEmpty.value = snapshotEmptyEnums(result.data.collection.schema, result.data.items);
 			await render.loadLinkedCollections(result.data.collection.schema, slug);
 			if (activeSlug.value !== slug) return;
-			if (viewing.value) viewing.value = findItemById(String(viewing.value[result.data.collection.schema.primaryKey] ?? "")) ?? null;
+			if (viewing.value) {
+				const openId = String(viewing.value[result.data.collection.schema.primaryKey] ?? "");
+				viewing.value = findItemById(openId) ?? null;
+			}
 		}
 		function maybeAutoRefreshFeed(slug) {
 			if (embedded.value) return;
@@ -4121,16 +4224,41 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  page only (the seed starts a chat). Feeds qualify too — their views are
 		*  authored under feeds/<slug>/ and the seed prompt points there. */
 		const canAddCustomView = (0, vue.computed)(() => Boolean(collection.value) && !embedded.value);
+		const addMenuOpen = (0, vue.ref)(false);
+		const addMenuRef = (0, vue.ref)(null);
+		/** Whether authoring a phone (remote app) view is worth offering — mirrors
+		*  the selector filter above: without the host's `fetchRemoteView` binding a
+		*  mobile view could be authored but never shown here. */
+		const canAddMobileView = (0, vue.computed)(() => Boolean(cui.fetchRemoteView));
+		/** "+" click: open the target chooser, or skip the one-item menu and seed
+		*  the desktop prompt directly when mobile views aren't available. */
+		function onAddViewClick() {
+			if (!canAddMobileView.value) {
+				addCustomView("desktop");
+				return;
+			}
+			addMenuOpen.value = !addMenuOpen.value;
+		}
+		function closeAddMenuOnOutsideClick(event) {
+			if (!addMenuRef.value?.contains(event.target)) addMenuOpen.value = false;
+		}
+		(0, vue.watch)(addMenuOpen, (open) => {
+			if (open) document.addEventListener("mousedown", closeAddMenuOnOutsideClick);
+			else document.removeEventListener("mousedown", closeAddMenuOnOutsideClick);
+		});
 		/** Seed a chat asking Claude to author a new custom view for this collection.
 		*  Reuses the same chat-seed path as collection actions — the host injects a
 		*  templated prompt; Claude asks, authors the HTML, and registers it. The
 		*  authoring base is source-aware: a feed lives under `feeds/<slug>/`, every
-		*  other collection under the `data/skills/<slug>/` staging dir. */
-		function addCustomView() {
+		*  other collection under the `data/skills/<slug>/` staging dir. The prompt
+		*  is target-aware: phone views follow the custom-view-remote contract and
+		*  register with `target: "mobile"`. */
+		function addCustomView(target) {
+			addMenuOpen.value = false;
 			const current = collection.value;
 			if (!current) return;
 			const base = current.source === "feed" ? `feeds/${current.slug}` : `data/skills/${current.slug}`;
-			const prompt = t("collectionsView.addViewPrompt", {
+			const prompt = t(target === "mobile" ? "collectionsView.addMobileViewPrompt" : "collectionsView.addViewPrompt", {
 				title: current.title,
 				base
 			});
@@ -4185,7 +4313,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		/** Select a custom view by id (builds the `custom:<id>` mode key). */
 		function setCustomView(viewId) {
-			view.value = `custom:${viewId}`;
+			const mode = `custom:${viewId}`;
+			view.value = mode;
 		}
 		/** A short, slug-safe id not already used by a loaded record. Collisions
 		*  are astronomically unlikely (32 bits), but we still re-roll a few
@@ -4343,7 +4472,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				viewing.value = null;
 				return;
 			}
-			viewing.value = findItemById(selected) ?? null;
+			const match = findItemById(selected) ?? null;
+			viewing.value = match;
 		}
 		/** Title for the open-mode header: the record's primary-key value
 		*  (e.g. `INV-2026-0001`), falling back to the collection title.
@@ -4437,19 +4567,17 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		/** Whether a `toggle` field reads as checked: its projected enum field
 		*  currently equals `onValue`. The toggle stores nothing itself. */
 		function toggleChecked(item, field) {
-			return field.field !== void 0 && String(item[field.field] ?? "") === field.onValue;
+			return field.type === "toggle" && String(item[field.field] ?? "") === field.onValue;
 		}
 		/** Flip a `toggle`: write the projected enum field to `offValue` when
 		*  currently checked, else `onValue`. Reuses the inline-edit PUT path
 		*  (optimistic + rollback) — the toggle has no value of its own. */
 		function commitToggle(item, field) {
+			if (field.type !== "toggle" || !collection.value) return;
 			const targetKey = field.field;
-			if (!targetKey || !collection.value) return;
 			const enumField = collection.value.schema.fields[targetKey];
 			if (!enumField) return;
-			const next = toggleChecked(item, field) ? field.offValue : field.onValue;
-			if (next === void 0) return;
-			commitInlineEdit(item, targetKey, enumField, next);
+			commitInlineEdit(item, targetKey, enumField, toggleChecked(item, field) ? field.offValue : field.onValue);
 		}
 		async function confirmDelete(item) {
 			if (!collection.value) return;
@@ -4606,6 +4734,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				view.value = slug && readCollectionViewMode(slug) || "table";
 				anchorOverride.value = null;
 				kanbanOverride.value = null;
+				addMenuOpen.value = false;
 				sortState.value = storedSortFor(slug);
 			}
 			if (slug) loadCollection(slug);
@@ -4654,6 +4783,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			changeUnsub = null;
 			clearLiveRefreshTimer();
 			if (refreshNoteTimer !== void 0) clearTimeout(refreshNoteTimer);
+			document.removeEventListener("mousedown", closeAddMenuOnOutsideClick);
 		});
 		(0, vue.watch)([
 			activeView,
@@ -4688,7 +4818,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[23] || (_cache[23] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[25] || (_cache[25] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
 					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$5, [(0, vue.createElementVNode)("span", _hoisted_5$5, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_6$4, [(0, vue.createElementVNode)("h1", _hoisted_7$4, (0, vue.toDisplayString)(collection.value?.title ?? (0, vue.unref)(t)("collectionsView.title")), 1), collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$4, (0, vue.toDisplayString)(collection.value.slug), 1)) : (0, vue.createCommentVNode)("", true)]),
 					collection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(pinToggle)), {
@@ -4717,7 +4847,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-indigo-200 bg-white hover:bg-indigo-50 text-indigo-600 font-bold text-xs transition-colors",
 						"data-testid": "collections-chat",
 						onClick: openChat
-					}, [_cache[24] || (_cache[24] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [_cache[26] || (_cache[26] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)])) : (0, vue.createCommentVNode)("", true),
 					((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(collectionActions.value, (action) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: action.id,
@@ -4734,7 +4864,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "h-8 px-2.5 flex items-center gap-1 rounded bg-indigo-600 hover:bg-indigo-700 text-white font-bold text-xs transition-colors shadow-sm",
 						"data-testid": "collections-add-item",
 						onClick: openCreate
-					}, [_cache[25] || (_cache[25] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.add")), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [_cache[27] || (_cache[27] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.add")), 1)])) : (0, vue.createCommentVNode)("", true),
 					canDeleteCollection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 6,
 						type: "button",
@@ -4743,7 +4873,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[26] || (_cache[26] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$4)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[28] || (_cache[28] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$4)) : (0, vue.createCommentVNode)("", true),
 					canDeleteFeed.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 7,
 						type: "button",
@@ -4752,11 +4882,11 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[27] || (_cache[27] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[29] || (_cache[29] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true),
-				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$4, [_cache[28] || (_cache[28] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_16$4, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
+				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$4, [_cache[30] || (_cache[30] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_16$4, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
 				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_17$4, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [
-					_cache[30] || (_cache[30] = (0, vue.createElementVNode)("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "search")], -1)),
+					_cache[32] || (_cache[32] = (0, vue.createElementVNode)("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "search")], -1)),
 					(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
 						type: "text",
@@ -4770,7 +4900,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.clearSearch"),
 						class: "absolute inset-y-0 right-0 flex items-center pr-2.5 text-slate-400 hover:text-slate-600",
 						onClick: _cache[1] || (_cache[1] = ($event) => searchQuery.value = "")
-					}, [..._cache[29] || (_cache[29] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_20$2)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[31] || (_cache[31] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_20$2)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_21$2, [
 					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
@@ -4784,7 +4914,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "table",
 							"data-testid": "collection-view-toggle-table",
 							onClick: _cache[2] || (_cache[2] = ($event) => setView("table"))
-						}, [_cache[31] || (_cache[31] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "table_rows", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewTable")), 1)], 10, _hoisted_23$2),
+						}, [_cache[33] || (_cache[33] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "table_rows", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewTable")), 1)], 10, _hoisted_23$2),
 						hasCalendar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 0,
 							type: "button",
@@ -4792,7 +4922,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "calendar",
 							"data-testid": "collection-view-toggle-calendar",
 							onClick: _cache[3] || (_cache[3] = ($event) => setView("calendar"))
-						}, [_cache[32] || (_cache[32] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "calendar_month", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_24$1)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[34] || (_cache[34] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "calendar_month", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_24$1)) : (0, vue.createCommentVNode)("", true),
 						hasKanban.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 1,
 							type: "button",
@@ -4800,7 +4930,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "kanban",
 							"data-testid": "collection-view-toggle-kanban",
 							onClick: _cache[4] || (_cache[4] = ($event) => setView("kanban"))
-						}, [_cache[33] || (_cache[33] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "view_kanban", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[35] || (_cache[35] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "view_kanban", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true),
 						((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(customViews.value, (cv) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: cv.id,
@@ -4811,15 +4941,30 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								onClick: ($event) => setCustomView(cv.id)
 							}, [(0, vue.createElementVNode)("span", _hoisted_27$1, (0, vue.toDisplayString)(cv.icon || (cv.target === "mobile" ? "smartphone" : "dashboard_customize")), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(cv.label), 1)], 10, _hoisted_26$1);
 						}), 128)),
-						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
+							ref_key: "addMenuRef",
+							ref: addMenuRef,
+							class: "relative"
+						}, [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded bg-white text-slate-500 border border-slate-200 hover:bg-slate-50",
 							title: (0, vue.unref)(t)("collectionsView.addView"),
 							"aria-label": (0, vue.unref)(t)("collectionsView.addView"),
+							"aria-expanded": addMenuOpen.value,
 							"data-testid": "collection-view-add",
-							onClick: addCustomView
-						}, [..._cache[34] || (_cache[34] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_28)) : (0, vue.createCommentVNode)("", true),
+							onClick: onAddViewClick
+						}, [..._cache[36] || (_cache[36] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_28), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_29, [(0, vue.createElementVNode)("button", {
+							type: "button",
+							class: "w-full h-8 px-3 flex items-center gap-2 text-xs font-bold text-slate-600 hover:bg-slate-50",
+							"data-testid": "collection-view-add-desktop",
+							onClick: _cache[5] || (_cache[5] = ($event) => addCustomView("desktop"))
+						}, [_cache[37] || (_cache[37] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewDesktop")), 1)]), (0, vue.createElementVNode)("button", {
+							type: "button",
+							class: "w-full h-8 px-3 flex items-center gap-2 text-xs font-bold text-slate-600 hover:bg-slate-50",
+							"data-testid": "collection-view-add-mobile",
+							onClick: _cache[6] || (_cache[6] = ($event) => addCustomView("mobile"))
+						}, [_cache[38] || (_cache[38] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "smartphone", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewMobile")), 1)])])) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
 						canConfigureViews.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 3,
 							type: "button",
@@ -4827,8 +4972,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							title: (0, vue.unref)(t)("collectionsView.config.open"),
 							"aria-label": (0, vue.unref)(t)("collectionsView.config.open"),
 							"data-testid": "collection-config-open",
-							onClick: _cache[5] || (_cache[5] = ($event) => configOpen.value = true)
-						}, [..._cache[35] || (_cache[35] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_29)) : (0, vue.createCommentVNode)("", true)
+							onClick: _cache[7] || (_cache[7] = ($event) => configOpen.value = true)
+						}, [..._cache[39] || (_cache[39] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_30)) : (0, vue.createCommentVNode)("", true)
 					], 8, _hoisted_22$2)) : (0, vue.createCommentVNode)("", true),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 1,
@@ -4836,42 +4981,42 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "h-8 px-2 rounded border border-slate-200 bg-white text-xs font-semibold text-slate-600 focus:outline-none focus:border-indigo-500 cursor-pointer",
 						"aria-label": (0, vue.unref)(t)("collectionsView.calendarFieldLabel"),
 						"data-testid": "collection-calendar-field",
-						onChange: _cache[6] || (_cache[6] = ($event) => anchorOverride.value = $event.target.value)
+						onChange: _cache[8] || (_cache[8] = ($event) => anchorOverride.value = $event.target.value)
 					}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(dateFields.value, (key) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 							key,
 							value: key
-						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_31);
-					}), 128))], 40, _hoisted_30)) : (0, vue.createCommentVNode)("", true),
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_32);
+					}), 128))], 40, _hoisted_31)) : (0, vue.createCommentVNode)("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 2,
 						value: kanbanGroupField.value,
 						class: "h-8 px-2 rounded border border-slate-200 bg-white text-xs font-semibold text-slate-600 focus:outline-none focus:border-indigo-500 cursor-pointer",
 						"aria-label": (0, vue.unref)(t)("collectionsView.kanbanFieldLabel"),
 						"data-testid": "collection-kanban-field",
-						onChange: _cache[7] || (_cache[7] = ($event) => kanbanOverride.value = $event.target.value)
+						onChange: _cache[9] || (_cache[9] = ($event) => kanbanOverride.value = $event.target.value)
 					}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(enumFields.value, (key) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 							key,
 							value: key
-						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_33);
-					}), 128))], 40, _hoisted_32)) : (0, vue.createCommentVNode)("", true),
-					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_34, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_34);
+					}), 128))], 40, _hoisted_33)) : (0, vue.createCommentVNode)("", true),
+					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_35, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
 						shown: filteredItems.value.length,
 						total: items.value.length
 					})), 1)) : (0, vue.createCommentVNode)("", true)
 				])])) : (0, vue.createCommentVNode)("", true),
-				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_35, [
-					_cache[37] || (_cache[37] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_36, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
+				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_36, [
+					_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_37, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-amber-300 bg-white hover:bg-amber-100 text-amber-700 font-bold text-xs transition-colors",
 						"data-testid": "collections-repair",
 						onClick: repairCollection
-					}, [_cache[36] || (_cache[36] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "build", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.repair")), 1)])
+					}, [_cache[40] || (_cache[40] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "build", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.repair")), 1)])
 				])) : (0, vue.createCommentVNode)("", true),
-				(0, vue.createElementVNode)("div", _hoisted_37, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_38, [_cache[38] || (_cache[38] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : loadError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_39, [_cache[39] || (_cache[39] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(loadError.value === "not-found" ? (0, vue.unref)(t)("collectionsView.notFound") : `${(0, vue.unref)(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_40)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_41, [(0, vue.createVNode)(CollectionCalendarView_default, {
+				(0, vue.createElementVNode)("div", _hoisted_38, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_39, [_cache[42] || (_cache[42] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : loadError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_40, [_cache[43] || (_cache[43] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(loadError.value === "not-found" ? (0, vue.unref)(t)("collectionsView.notFound") : `${(0, vue.unref)(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_41)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_42, [(0, vue.createVNode)(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -4907,7 +5052,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					detail: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[8] || (_cache[8] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[10] || (_cache[10] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -4925,7 +5070,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: onDayClose,
-						onDelete: _cache[9] || (_cache[9] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[11] || (_cache[11] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction,
 						onItemChat
 					}, null, 8, [
@@ -4956,16 +5101,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"selected",
 					"can-create",
 					"show-detail"
-				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_42, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, [
-					_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_44, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_44, [
+					_cache[45] || (_cache[45] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_45, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
-						onClick: _cache[10] || (_cache[10] = ($event) => inlineError.value = null)
-					}, [..._cache[40] || (_cache[40] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_45)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_46, [(0, vue.createVNode)(CollectionKanbanView_default, {
+						onClick: _cache[12] || (_cache[12] = ($event) => inlineError.value = null)
+					}, [..._cache[44] || (_cache[44] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_46)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_47, [(0, vue.createVNode)(CollectionKanbanView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"group-field": kanbanGroupField.value,
@@ -4979,7 +5124,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"group-field",
 					"selected",
 					"notified"
-				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_47, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
+				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -4990,32 +5135,32 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					view: activeCustomView.value,
 					onOpenItem: onCustomViewOpenItem,
 					onStartChat: onCustomViewStartChat
-				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_49, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_50, [
-					_cache[43] || (_cache[43] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
-					(0, vue.createElementVNode)("p", _hoisted_51, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
+				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_49, [_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_50, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_51, [
+					_cache[47] || (_cache[47] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+					(0, vue.createElementVNode)("p", _hoisted_52, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "text-xs text-indigo-600 font-semibold hover:underline",
-						onClick: _cache[11] || (_cache[11] = ($event) => searchQuery.value = "")
+						onClick: _cache[13] || (_cache[13] = ($event) => searchQuery.value = "")
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.clearSearch")), 1)
-				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_52, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_53, [
-					_cache[45] || (_cache[45] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_54, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_53, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_54, [
+					_cache[49] || (_cache[49] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_55, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
-						onClick: _cache[12] || (_cache[12] = ($event) => inlineError.value = null)
-					}, [..._cache[44] || (_cache[44] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_55)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_56, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_57, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
+						onClick: _cache[14] || (_cache[14] = ($event) => inlineError.value = null)
+					}, [..._cache[48] || (_cache[48] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_56)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_57, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_58, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 						key,
 						"aria-sort": (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? sortAriaValue(key) : void 0,
 						class: "px-5 py-3 font-bold text-slate-500 text-left uppercase tracking-wider whitespace-nowrap"
-					}, [(0, vue.createElementVNode)("div", _hoisted_59, [(0, vue.createElementVNode)("span", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_60, [(0, vue.createElementVNode)("span", {
 						class: "truncate max-w-[14rem]",
 						title: field.label
-					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_60), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_61), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
 						class: (0, vue.normalizeClass)(["inline-flex items-center justify-center rounded p-0.5 -my-1 leading-none transition-colors", sortButtonClass(key)]),
@@ -5023,9 +5168,9 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.sortBy", { field: field.label }),
 						onClick: (0, vue.withModifiers)(($event) => cycleSort(key), ["stop"]),
 						onPointerenter: ($event) => hoveredSortKey.value = key,
-						onPointerleave: _cache[13] || (_cache[13] = ($event) => hoveredSortKey.value = null)
-					}, [(0, vue.createElementVNode)("span", _hoisted_62, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_61)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_58);
-				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_63, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
+						onPointerleave: _cache[15] || (_cache[15] = ($event) => hoveredSortKey.value = null)
+					}, [(0, vue.createElementVNode)("span", _hoisted_63, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_62)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_59);
+				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_64, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 						key: String(item[collection.value.schema.primaryKey] ?? ""),
 						class: (0, vue.normalizeClass)(["hover:bg-slate-50/70 cursor-pointer transition-colors focus:outline-none focus:bg-indigo-50/30", isRowOpen(item) || isEditingRow(item) ? "bg-indigo-50/40" : ""]),
@@ -5047,9 +5192,9 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: "h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer align-middle disabled:opacity-50 disabled:cursor-not-allowed",
 							"data-testid": `collections-inline-toggle-${key}-${item[collection.value.schema.primaryKey]}`,
 							"aria-label": field.label,
-							onClick: _cache[14] || (_cache[14] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[16] || (_cache[16] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitToggle(item, field)
-						}, null, 40, _hoisted_65)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+						}, null, 40, _hoisted_66)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 							key: 1,
 							type: "checkbox",
 							checked: item[key] === true,
@@ -5057,9 +5202,9 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: "h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer align-middle disabled:opacity-50 disabled:cursor-not-allowed",
 							"data-testid": `collections-inline-bool-${key}-${item[collection.value.schema.primaryKey]}`,
 							"aria-label": field.label,
-							onClick: _cache[15] || (_cache[15] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
-						}, null, 40, _hoisted_66)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_67, [(0, vue.createElementVNode)("a", {
+						}, null, 40, _hoisted_67)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68, [(0, vue.createElementVNode)("a", {
 							href: (0, vue.unref)(cui).recordHref?.(field.to, String(item[key])),
 							tabindex: (0, vue.unref)(cui).recordHref?.(field.to, String(item[key])) ? void 0 : 0,
 							role: "link",
@@ -5067,44 +5212,44 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"data-testid": `collections-ref-link-${key}-${item[key]}`,
 							onClick: ($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true),
 							onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true), ["space"])]
-						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_68)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_69)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 3,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isRowInlineSaving(item),
 							class: (0, vue.normalizeClass)(["rounded-lg border px-2 py-0.5 text-[11px] font-semibold focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", enumControlClass(String(key), item[key])]),
 							"data-testid": `collections-inline-enum-${key}-${item[collection.value.schema.primaryKey]}`,
 							"aria-label": field.label,
-							onClick: _cache[16] || (_cache[16] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.value)
-						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_70, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
+						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_71, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: value,
 								value
-							}, (0, vue.toDisplayString)(value), 9, _hoisted_71);
-						}), 128))], 42, _hoisted_69)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_72, (0, vue.toDisplayString)((0, vue.unref)(formatMoney)(item[key], (0, vue.unref)(resolveCurrency)(field, item), (0, vue.unref)(locale))), 1)) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_73, [_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "list", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(tableSummary(item[key])), 1)])) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_72);
+						}), 128))], 42, _hoisted_70)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_73, (0, vue.toDisplayString)((0, vue.unref)(formatMoney)(item[key], (0, vue.unref)(resolveCurrency)(field, item), (0, vue.unref)(locale))), 1)) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74, [_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "list", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(tableSummary(item[key])), 1)])) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_75, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 7,
 							href: String(item[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-url-link-${key}-${item[collection.value.schema.primaryKey]}`,
-							onClick: _cache[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_75)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							onClick: _cache[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_76)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 8,
 							href: (0, vue.unref)(artifactUrl)(item[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
-							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_76)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							onClick: _cache[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_77)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 9,
 							href: (0, vue.unref)(fileRoutePath)(item[key]) ?? void 0,
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, (0, vue.unref)(fileRoutePath)(item[key]) ?? "", true)
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_77)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_78, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
-					}), 128))], 42, _hoisted_64);
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_78)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_79, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
+					}), 128))], 42, _hoisted_65);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
 					key: 4,
@@ -5112,7 +5257,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[19] || (_cache[19] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[21] || (_cache[21] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -5130,7 +5275,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: closeView,
-						onDelete: _cache[20] || (_cache[20] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[22] || (_cache[22] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction,
 						onItemChat
 					}, null, 8, [
@@ -5157,7 +5302,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					title: collection.value.title,
 					views: customViews.value,
 					onChanged: onViewsChanged,
-					onClose: _cache[21] || (_cache[21] = ($event) => configOpen.value = false)
+					onClose: _cache[23] || (_cache[23] = ($event) => configOpen.value = false)
 				}, null, 8, [
 					"slug",
 					"title",
@@ -5172,29 +5317,29 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"data-testid": "collections-chat-modal",
 					onClick: (0, vue.withModifiers)(closeChat, ["self"]),
 					onKeydown: (0, vue.withKeys)(closeChat, ["esc"])
-				}, [(0, vue.createElementVNode)("div", _hoisted_79, [
-					(0, vue.createElementVNode)("header", _hoisted_80, [
-						_cache[48] || (_cache[48] = (0, vue.createElementVNode)("div", { class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100/50" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "forum")], -1)),
-						(0, vue.createElementVNode)("div", _hoisted_81, [(0, vue.createElementVNode)("h2", _hoisted_82, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_83, (0, vue.toDisplayString)(collection.value.title), 1)]),
+				}, [(0, vue.createElementVNode)("div", _hoisted_80, [
+					(0, vue.createElementVNode)("header", _hoisted_81, [
+						_cache[52] || (_cache[52] = (0, vue.createElementVNode)("div", { class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100/50" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "forum")], -1)),
+						(0, vue.createElementVNode)("div", _hoisted_82, [(0, vue.createElementVNode)("h2", _hoisted_83, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_84, (0, vue.toDisplayString)(collection.value.title), 1)]),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-200/50 hover:text-slate-600 transition-colors",
 							"aria-label": (0, vue.unref)(t)("common.close"),
 							"data-testid": "collections-chat-close",
 							onClick: closeChat
-						}, [..._cache[47] || (_cache[47] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_84)
+						}, [..._cache[51] || (_cache[51] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_85)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_85, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_86, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						ref_key: "chatInputEl",
 						ref: chatInputEl,
-						"onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => chatMessage.value = $event),
+						"onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => chatMessage.value = $event),
 						rows: "4",
 						placeholder: (0, vue.unref)(t)("collectionsView.chatPlaceholder"),
 						class: "w-full bg-slate-50 border border-slate-200/80 rounded-xl px-3 py-2.5 text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all resize-none",
 						"data-testid": "collections-chat-input",
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(submitChat, ["meta"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(submitChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_86), [[vue.vModelText, chatMessage.value]])]),
-					(0, vue.createElementVNode)("footer", _hoisted_87, [(0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_87), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_88, [(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 rounded text-xs font-bold text-slate-500 hover:bg-slate-200/50 transition-colors",
 						"data-testid": "collections-chat-cancel",
@@ -5205,7 +5350,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						disabled: !chatMessage.value.trim(),
 						"data-testid": "collections-chat-send",
 						onClick: submitChat
-					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_88)])
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_89)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};