@mulmoclaude/collection-plugin 0.7.3 → 0.7.5

package/dist/vue.js

@@ -118,6 +118,8 @@ var i18n = createI18n({
 				kanbanUncategorized: "Uncategorized",
 				kanbanOpenCard: "Open {label}",
 				addView: "Add view",
+				addViewDesktop: "Custom view",
+				addViewMobile: "Phone view",
 				config: {
 					open: "Collection settings",
 					title: "{title} · settings",
@@ -129,6 +131,7 @@ var 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.",
@@ -251,6 +254,8 @@ var i18n = createI18n({
 				kanbanUncategorized: "未分類",
 				kanbanOpenCard: "{label} を開く",
 				addView: "ビューを追加",
+				addViewDesktop: "カスタムビュー",
+				addViewMobile: "スマホビュー",
 				config: {
 					open: "コレクション設定",
 					title: "{title} · 設定",
@@ -262,6 +267,7 @@ var 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 を呼び出して、レコードが読み込めることを確認してください。",
@@ -384,6 +390,8 @@ var i18n = createI18n({
 				kanbanUncategorized: "未分类",
 				kanbanOpenCard: "打开 {label}",
 				addView: "添加视图",
+				addViewDesktop: "自定义视图",
+				addViewMobile: "手机视图",
 				config: {
 					open: "集合设置",
 					title: "{title} · 设置",
@@ -395,6 +403,7 @@ var 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 确认记录可以正常加载。",
@@ -517,6 +526,8 @@ var i18n = createI18n({
 				kanbanUncategorized: "미분류",
 				kanbanOpenCard: "{label} 열기",
 				addView: "보기 추가",
+				addViewDesktop: "사용자 지정 보기",
+				addViewMobile: "스마트폰 보기",
 				config: {
 					open: "컬렉션 설정",
 					title: "{title} · 설정",
@@ -528,6 +539,7 @@ var 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을 호출하여 레코드가 로드되는지 확인하세요.",
@@ -650,6 +662,8 @@ var 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",
@@ -661,6 +675,7 @@ var 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.",
@@ -783,6 +798,8 @@ var 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",
@@ -794,6 +811,7 @@ var 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.",
@@ -916,6 +934,8 @@ var 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",
@@ -927,6 +947,7 @@ var 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.",
@@ -1049,6 +1070,8 @@ var i18n = createI18n({
 				kanbanUncategorized: "Nicht kategorisiert",
 				kanbanOpenCard: "{label} öffnen",
 				addView: "Ansicht hinzufügen",
+				addViewDesktop: "Benutzerdefinierte Ansicht",
+				addViewMobile: "Smartphone-Ansicht",
 				config: {
 					open: "Sammlungseinstellungen",
 					title: "{title} · Einstellungen",
@@ -1060,6 +1083,7 @@ var 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.",
@@ -2844,7 +2868,7 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 				"data-testid": "collection-custom-view-iframe",
 				title: __props.view.label,
 				srcdoc: srcdoc.value,
-				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox",
+				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox allow-downloads",
 				class: "w-full h-full border-0"
 			}, null, 8, _hoisted_4$7)) : createCommentVNode("", true)]);
 		};
@@ -2859,7 +2883,7 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/vue/components/CollectionCustomView.vue
-var CollectionCustomView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b22228db"]]);
+var CollectionCustomView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-02ff1e01"]]);
 //#endregion
 //#region src/vue/components/CollectionRemoteViewPreview.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$7 = {
@@ -2981,18 +3005,151 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 				"data-testid": "collection-remote-view-iframe",
 				title: __props.view.label,
 				srcdoc: srcdoc.value,
-				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox",
+				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox allow-downloads",
 				class: "phone-screen"
 			}, null, 8, _hoisted_5$6))]), createElementVNode("div", _hoisted_6$5, toDisplayString(sizeCaption.value), 1)], 64)) : createCommentVNode("", true)]);
 		};
 	}
-}), [["__scopeId", "data-v-cd23d935"]]);
+}), [["__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 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`. */
+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 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 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;
+	}
+}
+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);
+		}
+	};
+	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;
+	}
+	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] = deriveAll(schema, item, {});
+	}
+	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 {
+			slug,
+			display: typeof labelRaw === "string" && labelRaw.length > 0 ? labelRaw : slug
+		};
+	}).filter((opt) => opt.slug.length > 0).sort((left, right) => left.display.localeCompare(right.display));
+}
+//#endregion
+//#region src/vue/useCollectionRendering.ts
 function useCollectionRendering(collection, locale) {
 	const refCache = ref({});
 	const refRecordCache = ref({});
@@ -3002,43 +3159,6 @@ function useCollectionRendering(collection, locale) {
 		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 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;
-	}
-	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] = deriveAll(schema, item, {});
-		}
-		return map;
-	}
 	async function loadLinkedCollections(schema, expectedSlug) {
 		const refTargets = new Set(uniqueRefTargets(schema));
 		const embedTargets = new Set(uniqueEmbedTargets(schema));
@@ -3083,11 +3203,7 @@ function useCollectionRendering(collection, locale) {
 	}
 	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));
+		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
@@ -3095,17 +3211,7 @@ function useCollectionRendering(collection, locale) {
 	*  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 data ? buildEmbedOptions(data.schema, data.items) : [];
 	}
 	function resolveEmbed(field, record) {
 		if (field.type !== "embed" || !field.to) return {
@@ -3158,46 +3264,8 @@ function useCollectionRendering(collection, locale) {
 		}
 		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";
-		try {
-			return new Intl.NumberFormat(displayLocale, {
-				style: "currency",
-				currency: currencyCode
-			}).format(amount);
-		} catch {
-			return String(amount);
-		}
-	}
-	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);
+		return currencySymbolForLocale(currency, locale.value);
 	}
 	function artifactUrl(value) {
 		return collectionUi().fileAssetUrl(value);
@@ -3205,30 +3273,11 @@ function useCollectionRendering(collection, locale) {
 	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;
@@ -3412,166 +3461,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
@@ -4097,16 +4155,41 @@ var CollectionView_default = /* @__PURE__ */ 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 = computed(() => Boolean(collection.value) && !embedded.value);
+		const addMenuOpen = ref(false);
+		const addMenuRef = 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 = 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;
+		}
+		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
 			});
@@ -4582,6 +4665,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 				view.value = slug && readCollectionViewMode(slug) || "table";
 				anchorOverride.value = null;
 				kanbanOverride.value = null;
+				addMenuOpen.value = false;
 				sortState.value = storedSortFor(slug);
 			}
 			if (slug) loadCollection(slug);
@@ -4630,6 +4714,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			changeUnsub = null;
 			clearLiveRefreshTimer();
 			if (refreshNoteTimer !== void 0) clearTimeout(refreshNoteTimer);
+			document.removeEventListener("mousedown", closeAddMenuOnOutsideClick);
 		});
 		watch([
 			activeView,
@@ -4664,7 +4749,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						"aria-label": unref(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[23] || (_cache[23] = [createElementVNode("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : createCommentVNode("", true),
+					}, [..._cache[25] || (_cache[25] = [createElementVNode("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : createCommentVNode("", true),
 					collection.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [createElementVNode("span", _hoisted_5$5, toDisplayString(collection.value.icon), 1)])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_6$4, [createElementVNode("h1", _hoisted_7$4, toDisplayString(collection.value?.title ?? unref(t)("collectionsView.title")), 1), collection.value ? (openBlock(), createElementBlock("span", _hoisted_8$4, toDisplayString(collection.value.slug), 1)) : createCommentVNode("", true)]),
 					collection.value && !embedded.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(pinToggle)), {
@@ -4693,7 +4778,7 @@ var CollectionView_default = /* @__PURE__ */ 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] = createElementVNode("span", { class: "material-icons text-sm" }, "forum", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.chat")), 1)])) : createCommentVNode("", true),
+					}, [_cache[26] || (_cache[26] = createElementVNode("span", { class: "material-icons text-sm" }, "forum", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.chat")), 1)])) : createCommentVNode("", true),
 					(openBlock(true), createElementBlock(Fragment, null, renderList(collectionActions.value, (action) => {
 						return openBlock(), createElementBlock("button", {
 							key: action.id,
@@ -4710,7 +4795,7 @@ var CollectionView_default = /* @__PURE__ */ 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] = createElementVNode("span", { class: "material-icons text-sm" }, "add", -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.add")), 1)])) : createCommentVNode("", true),
+					}, [_cache[27] || (_cache[27] = createElementVNode("span", { class: "material-icons text-sm" }, "add", -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.add")), 1)])) : createCommentVNode("", true),
 					canDeleteCollection.value && !embedded.value ? (openBlock(), createElementBlock("button", {
 						key: 6,
 						type: "button",
@@ -4719,7 +4804,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						"aria-label": unref(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[26] || (_cache[26] = [createElementVNode("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$4)) : createCommentVNode("", true),
+					}, [..._cache[28] || (_cache[28] = [createElementVNode("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$4)) : createCommentVNode("", true),
 					canDeleteFeed.value && !embedded.value ? (openBlock(), createElementBlock("button", {
 						key: 7,
 						type: "button",
@@ -4728,11 +4813,11 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						"aria-label": unref(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[27] || (_cache[27] = [createElementVNode("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : createCommentVNode("", true)
+					}, [..._cache[29] || (_cache[29] = [createElementVNode("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : createCommentVNode("", true)
 				])) : createCommentVNode("", true),
-				refreshNote.value ? (openBlock(), createElementBlock("div", _hoisted_15$4, [_cache[28] || (_cache[28] = createElementVNode("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), createElementVNode("span", _hoisted_16$4, toDisplayString(refreshNote.value), 1)])) : createCommentVNode("", true),
+				refreshNote.value ? (openBlock(), createElementBlock("div", _hoisted_15$4, [_cache[30] || (_cache[30] = createElementVNode("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), createElementVNode("span", _hoisted_16$4, toDisplayString(refreshNote.value), 1)])) : createCommentVNode("", true),
 				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? (openBlock(), createElementBlock("div", _hoisted_17$4, [!__props.hideSearch && items.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18$4, [
-					_cache[30] || (_cache[30] = createElementVNode("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [createElementVNode("span", { class: "material-icons text-lg" }, "search")], -1)),
+					_cache[32] || (_cache[32] = createElementVNode("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [createElementVNode("span", { class: "material-icons text-lg" }, "search")], -1)),
 					withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
 						type: "text",
@@ -4746,7 +4831,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						"aria-label": 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] = [createElementVNode("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_20$2)) : createCommentVNode("", true)
+					}, [..._cache[31] || (_cache[31] = [createElementVNode("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_20$2)) : createCommentVNode("", true)
 				])) : createCommentVNode("", true), createElementVNode("div", _hoisted_21$2, [
 					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? (openBlock(), createElementBlock("div", {
 						key: 0,
@@ -4760,7 +4845,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							"aria-pressed": activeView.value === "table",
 							"data-testid": "collection-view-toggle-table",
 							onClick: _cache[2] || (_cache[2] = ($event) => setView("table"))
-						}, [_cache[31] || (_cache[31] = createElementVNode("span", { class: "material-icons text-sm" }, "table_rows", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.viewTable")), 1)], 10, _hoisted_23$2),
+						}, [_cache[33] || (_cache[33] = createElementVNode("span", { class: "material-icons text-sm" }, "table_rows", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.viewTable")), 1)], 10, _hoisted_23$2),
 						hasCalendar.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							type: "button",
@@ -4768,7 +4853,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							"aria-pressed": activeView.value === "calendar",
 							"data-testid": "collection-view-toggle-calendar",
 							onClick: _cache[3] || (_cache[3] = ($event) => setView("calendar"))
-						}, [_cache[32] || (_cache[32] = createElementVNode("span", { class: "material-icons text-sm" }, "calendar_month", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_24$1)) : createCommentVNode("", true),
+						}, [_cache[34] || (_cache[34] = createElementVNode("span", { class: "material-icons text-sm" }, "calendar_month", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_24$1)) : createCommentVNode("", true),
 						hasKanban.value ? (openBlock(), createElementBlock("button", {
 							key: 1,
 							type: "button",
@@ -4776,7 +4861,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							"aria-pressed": activeView.value === "kanban",
 							"data-testid": "collection-view-toggle-kanban",
 							onClick: _cache[4] || (_cache[4] = ($event) => setView("kanban"))
-						}, [_cache[33] || (_cache[33] = createElementVNode("span", { class: "material-icons text-sm" }, "view_kanban", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_25$1)) : createCommentVNode("", true),
+						}, [_cache[35] || (_cache[35] = createElementVNode("span", { class: "material-icons text-sm" }, "view_kanban", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_25$1)) : createCommentVNode("", true),
 						(openBlock(true), createElementBlock(Fragment, null, renderList(customViews.value, (cv) => {
 							return openBlock(), createElementBlock("button", {
 								key: cv.id,
@@ -4787,15 +4872,30 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 								onClick: ($event) => setCustomView(cv.id)
 							}, [createElementVNode("span", _hoisted_27$1, toDisplayString(cv.icon || (cv.target === "mobile" ? "smartphone" : "dashboard_customize")), 1), createElementVNode("span", null, toDisplayString(cv.label), 1)], 10, _hoisted_26$1);
 						}), 128)),
-						canAddCustomView.value ? (openBlock(), createElementBlock("button", {
+						canAddCustomView.value ? (openBlock(), createElementBlock("div", {
 							key: 2,
+							ref_key: "addMenuRef",
+							ref: addMenuRef,
+							class: "relative"
+						}, [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: unref(t)("collectionsView.addView"),
 							"aria-label": unref(t)("collectionsView.addView"),
+							"aria-expanded": addMenuOpen.value,
 							"data-testid": "collection-view-add",
-							onClick: addCustomView
-						}, [..._cache[34] || (_cache[34] = [createElementVNode("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_28)) : createCommentVNode("", true),
+							onClick: onAddViewClick
+						}, [..._cache[36] || (_cache[36] = [createElementVNode("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_28), addMenuOpen.value ? (openBlock(), createElementBlock("div", _hoisted_29, [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] = createElementVNode("span", { class: "material-icons text-sm" }, "dashboard_customize", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.addViewDesktop")), 1)]), 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] = createElementVNode("span", { class: "material-icons text-sm" }, "smartphone", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.addViewMobile")), 1)])])) : createCommentVNode("", true)], 512)) : createCommentVNode("", true),
 						canConfigureViews.value ? (openBlock(), createElementBlock("button", {
 							key: 3,
 							type: "button",
@@ -4803,8 +4903,8 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							title: unref(t)("collectionsView.config.open"),
 							"aria-label": unref(t)("collectionsView.config.open"),
 							"data-testid": "collection-config-open",
-							onClick: _cache[5] || (_cache[5] = ($event) => configOpen.value = true)
-						}, [..._cache[35] || (_cache[35] = [createElementVNode("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_29)) : createCommentVNode("", true)
+							onClick: _cache[7] || (_cache[7] = ($event) => configOpen.value = true)
+						}, [..._cache[39] || (_cache[39] = [createElementVNode("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_30)) : createCommentVNode("", true)
 					], 8, _hoisted_22$2)) : createCommentVNode("", true),
 					calendarActive.value && dateFields.value.length > 1 ? (openBlock(), createElementBlock("select", {
 						key: 1,
@@ -4812,42 +4912,42 @@ var CollectionView_default = /* @__PURE__ */ 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": 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)
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(dateFields.value, (key) => {
 						return openBlock(), createElementBlock("option", {
 							key,
 							value: key
-						}, toDisplayString(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_31);
-					}), 128))], 40, _hoisted_30)) : createCommentVNode("", true),
+						}, toDisplayString(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_32);
+					}), 128))], 40, _hoisted_31)) : createCommentVNode("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? (openBlock(), 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": 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)
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(enumFields.value, (key) => {
 						return openBlock(), createElementBlock("option", {
 							key,
 							value: key
-						}, toDisplayString(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_33);
-					}), 128))], 40, _hoisted_32)) : createCommentVNode("", true),
-					items.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_34, toDisplayString(unref(t)("collectionsView.searchSummary", {
+						}, toDisplayString(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_34);
+					}), 128))], 40, _hoisted_33)) : createCommentVNode("", true),
+					items.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_35, toDisplayString(unref(t)("collectionsView.searchSummary", {
 						shown: filteredItems.value.length,
 						total: items.value.length
 					})), 1)) : createCommentVNode("", true)
 				])])) : createCommentVNode("", true),
-				collection.value && dataIssues.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_35, [
-					_cache[37] || (_cache[37] = createElementVNode("span", { class: "material-icons text-amber-600" }, "warning", -1)),
-					createElementVNode("span", _hoisted_36, toDisplayString(unref(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
+				collection.value && dataIssues.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_36, [
+					_cache[41] || (_cache[41] = createElementVNode("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					createElementVNode("span", _hoisted_37, toDisplayString(unref(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
 					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] = createElementVNode("span", { class: "material-icons text-sm" }, "build", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.repair")), 1)])
+					}, [_cache[40] || (_cache[40] = createElementVNode("span", { class: "material-icons text-sm" }, "build", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.repair")), 1)])
 				])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_37, [loading.value ? (openBlock(), createElementBlock("div", _hoisted_38, [_cache[38] || (_cache[38] = createElementVNode("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.loading")), 1)])) : loadError.value ? (openBlock(), createElementBlock("div", _hoisted_39, [_cache[39] || (_cache[39] = createElementVNode("span", { class: "material-icons text-red-600" }, "error", -1)), createElementVNode("span", null, toDisplayString(loadError.value === "not-found" ? unref(t)("collectionsView.notFound") : `${unref(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? (openBlock(), createElementBlock("div", _hoisted_40)) : calendarActive.value ? (openBlock(), createElementBlock("div", _hoisted_41, [createVNode(CollectionCalendarView_default, {
+				createElementVNode("div", _hoisted_38, [loading.value ? (openBlock(), createElementBlock("div", _hoisted_39, [_cache[42] || (_cache[42] = createElementVNode("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.loading")), 1)])) : loadError.value ? (openBlock(), createElementBlock("div", _hoisted_40, [_cache[43] || (_cache[43] = createElementVNode("span", { class: "material-icons text-red-600" }, "error", -1)), createElementVNode("span", null, toDisplayString(loadError.value === "not-found" ? unref(t)("collectionsView.notFound") : `${unref(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? (openBlock(), createElementBlock("div", _hoisted_41)) : calendarActive.value ? (openBlock(), createElementBlock("div", _hoisted_42, [createVNode(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -4883,7 +4983,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 				}, {
 					detail: withCtx(() => [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,
@@ -4901,7 +5001,7 @@ var CollectionView_default = /* @__PURE__ */ 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, [
@@ -4932,16 +5032,16 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 					"selected",
 					"can-create",
 					"show-detail"
-				])) : createCommentVNode("", true)])) : kanbanActive.value ? (openBlock(), createElementBlock("div", _hoisted_42, [inlineError.value ? (openBlock(), createElementBlock("div", _hoisted_43, [
-					_cache[41] || (_cache[41] = createElementVNode("span", { class: "material-icons text-red-600" }, "error", -1)),
-					createElementVNode("span", _hoisted_44, toDisplayString(unref(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : createCommentVNode("", true)])) : kanbanActive.value ? (openBlock(), createElementBlock("div", _hoisted_43, [inlineError.value ? (openBlock(), createElementBlock("div", _hoisted_44, [
+					_cache[45] || (_cache[45] = createElementVNode("span", { class: "material-icons text-red-600" }, "error", -1)),
+					createElementVNode("span", _hoisted_45, toDisplayString(unref(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": unref(t)("common.close"),
-						onClick: _cache[10] || (_cache[10] = ($event) => inlineError.value = null)
-					}, [..._cache[40] || (_cache[40] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_45)
-				])) : createCommentVNode("", true), createElementVNode("div", _hoisted_46, [createVNode(CollectionKanbanView_default, {
+						onClick: _cache[12] || (_cache[12] = ($event) => inlineError.value = null)
+					}, [..._cache[44] || (_cache[44] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_46)
+				])) : createCommentVNode("", true), createElementVNode("div", _hoisted_47, [createVNode(CollectionKanbanView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"group-field": kanbanGroupField.value,
@@ -4955,7 +5055,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 					"group-field",
 					"selected",
 					"notified"
-				])])])) : activeCustomView.value ? (openBlock(), createElementBlock("div", _hoisted_47, [activeCustomView.value.target === "mobile" ? (openBlock(), createBlock(CollectionRemoteViewPreview_default, {
+				])])])) : activeCustomView.value ? (openBlock(), createElementBlock("div", _hoisted_48, [activeCustomView.value.target === "mobile" ? (openBlock(), createBlock(CollectionRemoteViewPreview_default, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -4966,32 +5066,32 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 					view: activeCustomView.value,
 					onOpenItem: onCustomViewOpenItem,
 					onStartChat: onCustomViewStartChat
-				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? (openBlock(), createElementBlock("div", _hoisted_48, [_cache[42] || (_cache[42] = createElementVNode("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), createElementVNode("p", _hoisted_49, toDisplayString(unref(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? (openBlock(), createElementBlock("div", _hoisted_50, [
-					_cache[43] || (_cache[43] = createElementVNode("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
-					createElementVNode("p", _hoisted_51, toDisplayString(unref(t)("collectionsView.noMatchingItems")), 1),
+				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? (openBlock(), createElementBlock("div", _hoisted_49, [_cache[46] || (_cache[46] = createElementVNode("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), createElementVNode("p", _hoisted_50, toDisplayString(unref(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? (openBlock(), createElementBlock("div", _hoisted_51, [
+					_cache[47] || (_cache[47] = createElementVNode("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+					createElementVNode("p", _hoisted_52, toDisplayString(unref(t)("collectionsView.noMatchingItems")), 1),
 					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 = "")
 					}, toDisplayString(unref(t)("collectionsView.clearSearch")), 1)
-				])) : (openBlock(), createElementBlock("div", _hoisted_52, [inlineError.value ? (openBlock(), createElementBlock("div", _hoisted_53, [
-					_cache[45] || (_cache[45] = createElementVNode("span", { class: "material-icons text-red-600" }, "error", -1)),
-					createElementVNode("span", _hoisted_54, toDisplayString(unref(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : (openBlock(), createElementBlock("div", _hoisted_53, [inlineError.value ? (openBlock(), createElementBlock("div", _hoisted_54, [
+					_cache[49] || (_cache[49] = createElementVNode("span", { class: "material-icons text-red-600" }, "error", -1)),
+					createElementVNode("span", _hoisted_55, toDisplayString(unref(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": unref(t)("common.close"),
-						onClick: _cache[12] || (_cache[12] = ($event) => inlineError.value = null)
-					}, [..._cache[44] || (_cache[44] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_55)
-				])) : createCommentVNode("", true), createElementVNode("table", _hoisted_56, [createElementVNode("thead", null, [createElementVNode("tr", _hoisted_57, [(openBlock(true), createElementBlock(Fragment, null, renderList(listColumnFields.value, ([key, field]) => {
+						onClick: _cache[14] || (_cache[14] = ($event) => inlineError.value = null)
+					}, [..._cache[48] || (_cache[48] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_56)
+				])) : createCommentVNode("", true), createElementVNode("table", _hoisted_57, [createElementVNode("thead", null, [createElementVNode("tr", _hoisted_58, [(openBlock(true), createElementBlock(Fragment, null, renderList(listColumnFields.value, ([key, field]) => {
 					return openBlock(), createElementBlock("th", {
 						key,
 						"aria-sort": unref(isSortableField)(field) ? sortAriaValue(key) : void 0,
 						class: "px-5 py-3 font-bold text-slate-500 text-left uppercase tracking-wider whitespace-nowrap"
-					}, [createElementVNode("div", _hoisted_59, [createElementVNode("span", {
+					}, [createElementVNode("div", _hoisted_60, [createElementVNode("span", {
 						class: "truncate max-w-[14rem]",
 						title: field.label
-					}, toDisplayString(field.label), 9, _hoisted_60), unref(isSortableField)(field) ? (openBlock(), createElementBlock("button", {
+					}, toDisplayString(field.label), 9, _hoisted_61), unref(isSortableField)(field) ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: normalizeClass(["inline-flex items-center justify-center rounded p-0.5 -my-1 leading-none transition-colors", sortButtonClass(key)]),
@@ -4999,9 +5099,9 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						"aria-label": unref(t)("collectionsView.sortBy", { field: field.label }),
 						onClick: withModifiers(($event) => cycleSort(key), ["stop"]),
 						onPointerenter: ($event) => hoveredSortKey.value = key,
-						onPointerleave: _cache[13] || (_cache[13] = ($event) => hoveredSortKey.value = null)
-					}, [createElementVNode("span", _hoisted_62, toDisplayString(sortIconName(key)), 1)], 42, _hoisted_61)) : createCommentVNode("", true)])], 8, _hoisted_58);
-				}), 128))])]), createElementVNode("tbody", _hoisted_63, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedItems.value, (item) => {
+						onPointerleave: _cache[15] || (_cache[15] = ($event) => hoveredSortKey.value = null)
+					}, [createElementVNode("span", _hoisted_63, toDisplayString(sortIconName(key)), 1)], 42, _hoisted_62)) : createCommentVNode("", true)])], 8, _hoisted_59);
+				}), 128))])]), createElementVNode("tbody", _hoisted_64, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedItems.value, (item) => {
 					return openBlock(), createElementBlock("tr", {
 						key: String(item[collection.value.schema.primaryKey] ?? ""),
 						class: 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" : ""]),
@@ -5023,9 +5123,9 @@ var CollectionView_default = /* @__PURE__ */ 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] = withModifiers(() => {}, ["stop"])),
+							onClick: _cache[16] || (_cache[16] = withModifiers(() => {}, ["stop"])),
 							onChange: ($event) => commitToggle(item, field)
-						}, null, 40, _hoisted_65)) : field.type === "boolean" ? (openBlock(), createElementBlock("input", {
+						}, null, 40, _hoisted_66)) : field.type === "boolean" ? (openBlock(), createElementBlock("input", {
 							key: 1,
 							type: "checkbox",
 							checked: item[key] === true,
@@ -5033,9 +5133,9 @@ var CollectionView_default = /* @__PURE__ */ 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] = withModifiers(() => {}, ["stop"])),
+							onClick: _cache[17] || (_cache[17] = 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] ? (openBlock(), createElementBlock("span", _hoisted_67, [createElementVNode("a", {
+						}, null, 40, _hoisted_67)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? (openBlock(), createElementBlock("span", _hoisted_68, [createElementVNode("a", {
 							href: unref(cui).recordHref?.(field.to, String(item[key])),
 							tabindex: unref(cui).recordHref?.(field.to, String(item[key])) ? void 0 : 0,
 							role: "link",
@@ -5043,44 +5143,44 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							"data-testid": `collections-ref-link-${key}-${item[key]}`,
 							onClick: ($event) => unref(activateRefLink)($event, field.to, String(item[key]), true),
 							onKeydown: [withKeys(($event) => unref(activateRefLink)($event, field.to, String(item[key]), true), ["enter"]), withKeys(($event) => unref(activateRefLink)($event, field.to, String(item[key]), true), ["space"])]
-						}, toDisplayString(unref(refDisplay)(field.to, String(item[key]))), 41, _hoisted_68)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (openBlock(), createElementBlock("select", {
+						}, toDisplayString(unref(refDisplay)(field.to, String(item[key]))), 41, _hoisted_69)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (openBlock(), createElementBlock("select", {
 							key: 3,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isRowInlineSaving(item),
 							class: 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] = withModifiers(() => {}, ["stop"])),
+							onClick: _cache[18] || (_cache[18] = withModifiers(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.value)
-						}, [showEnumPlaceholder(item, String(key)) ? (openBlock(), createElementBlock("option", _hoisted_70, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (value) => {
+						}, [showEnumPlaceholder(item, String(key)) ? (openBlock(), createElementBlock("option", _hoisted_71, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (value) => {
 							return openBlock(), createElementBlock("option", {
 								key: value,
 								value
-							}, toDisplayString(value), 9, _hoisted_71);
-						}), 128))], 42, _hoisted_69)) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_72, toDisplayString(unref(formatMoney)(item[key], unref(resolveCurrency)(field, item), unref(locale))), 1)) : field.type === "table" ? (openBlock(), createElementBlock("span", _hoisted_73, [_cache[46] || (_cache[46] = createElementVNode("span", { class: "material-icons text-[11px]" }, "list", -1)), createElementVNode("span", null, toDisplayString(tableSummary(item[key])), 1)])) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_74, toDisplayString(unref(derivedDisplay)(field, unref(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && unref(isExternalUrl)(item[key]) ? (openBlock(), createElementBlock("a", {
+							}, toDisplayString(value), 9, _hoisted_72);
+						}), 128))], 42, _hoisted_70)) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_73, toDisplayString(unref(formatMoney)(item[key], unref(resolveCurrency)(field, item), unref(locale))), 1)) : field.type === "table" ? (openBlock(), createElementBlock("span", _hoisted_74, [_cache[50] || (_cache[50] = createElementVNode("span", { class: "material-icons text-[11px]" }, "list", -1)), createElementVNode("span", null, toDisplayString(tableSummary(item[key])), 1)])) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_75, toDisplayString(unref(derivedDisplay)(field, unref(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && unref(isExternalUrl)(item[key]) ? (openBlock(), 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] = withModifiers(() => {}, ["stop"]))
-						}, toDisplayString(String(item[key])), 9, _hoisted_75)) : field.type === "file" && unref(artifactUrl)(item[key]) ? (openBlock(), createElementBlock("a", {
+							onClick: _cache[19] || (_cache[19] = withModifiers(() => {}, ["stop"]))
+						}, toDisplayString(String(item[key])), 9, _hoisted_76)) : field.type === "file" && unref(artifactUrl)(item[key]) ? (openBlock(), createElementBlock("a", {
 							key: 8,
 							href: 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] = withModifiers(() => {}, ["stop"]))
-						}, toDisplayString(String(item[key])), 9, _hoisted_76)) : field.type === "file" && unref(fileRoutePath)(item[key]) ? (openBlock(), createElementBlock("a", {
+							onClick: _cache[20] || (_cache[20] = withModifiers(() => {}, ["stop"]))
+						}, toDisplayString(String(item[key])), 9, _hoisted_77)) : field.type === "file" && unref(fileRoutePath)(item[key]) ? (openBlock(), createElementBlock("a", {
 							key: 9,
 							href: 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) => unref(activatePathLink)($event, unref(fileRoutePath)(item[key]) ?? "", true)
-						}, toDisplayString(String(item[key])), 9, _hoisted_77)) : (openBlock(), createElementBlock("span", _hoisted_78, toDisplayString(unref(formatCell)(item[key], field.type)), 1))], 64)) : createCommentVNode("", true)]);
-					}), 128))], 42, _hoisted_64);
+						}, toDisplayString(String(item[key])), 9, _hoisted_78)) : (openBlock(), createElementBlock("span", _hoisted_79, toDisplayString(unref(formatCell)(item[key], field.type)), 1))], 64)) : createCommentVNode("", true)]);
+					}), 128))], 42, _hoisted_65);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? (openBlock(), createBlock(CollectionRecordModal_default, {
 					key: 4,
@@ -5088,7 +5188,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [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,
@@ -5106,7 +5206,7 @@ var CollectionView_default = /* @__PURE__ */ 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, [
@@ -5133,7 +5233,7 @@ var CollectionView_default = /* @__PURE__ */ 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",
@@ -5148,29 +5248,29 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 					"data-testid": "collections-chat-modal",
 					onClick: withModifiers(closeChat, ["self"]),
 					onKeydown: withKeys(closeChat, ["esc"])
-				}, [createElementVNode("div", _hoisted_79, [
-					createElementVNode("header", _hoisted_80, [
-						_cache[48] || (_cache[48] = 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" }, [createElementVNode("span", { class: "material-icons text-lg" }, "forum")], -1)),
-						createElementVNode("div", _hoisted_81, [createElementVNode("h2", _hoisted_82, toDisplayString(unref(t)("collectionsView.chatTitle")), 1), createElementVNode("span", _hoisted_83, toDisplayString(collection.value.title), 1)]),
+				}, [createElementVNode("div", _hoisted_80, [
+					createElementVNode("header", _hoisted_81, [
+						_cache[52] || (_cache[52] = 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" }, [createElementVNode("span", { class: "material-icons text-lg" }, "forum")], -1)),
+						createElementVNode("div", _hoisted_82, [createElementVNode("h2", _hoisted_83, toDisplayString(unref(t)("collectionsView.chatTitle")), 1), createElementVNode("span", _hoisted_84, toDisplayString(collection.value.title), 1)]),
 						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": unref(t)("common.close"),
 							"data-testid": "collections-chat-close",
 							onClick: closeChat
-						}, [..._cache[47] || (_cache[47] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_84)
+						}, [..._cache[51] || (_cache[51] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_85)
 					]),
-					createElementVNode("div", _hoisted_85, [withDirectives(createElementVNode("textarea", {
+					createElementVNode("div", _hoisted_86, [withDirectives(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: 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: [withKeys(withModifiers(submitChat, ["meta"]), ["enter"]), withKeys(withModifiers(submitChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_86), [[vModelText, chatMessage.value]])]),
-					createElementVNode("footer", _hoisted_87, [createElementVNode("button", {
+					}, null, 40, _hoisted_87), [[vModelText, chatMessage.value]])]),
+					createElementVNode("footer", _hoisted_88, [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",
@@ -5181,7 +5281,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						disabled: !chatMessage.value.trim(),
 						"data-testid": "collections-chat-send",
 						onClick: submitChat
-					}, toDisplayString(unref(t)("collectionsView.chatStart")), 9, _hoisted_88)])
+					}, toDisplayString(unref(t)("collectionsView.chatStart")), 9, _hoisted_89)])
 				])], 32)) : createCommentVNode("", true)
 			]);
 		};