@mulmoclaude/collection-plugin 0.13.0 → 0.13.2

package/dist/vue.cjs

@@ -114,7 +114,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Showing {shown} of {total}",
 				noMatchingItems: "No matching items",
 				clearSearch: "Clear search",
-				flagFilterGroup: "Flag filters",
+				flagFilterButton: "Filters",
 				flagFilterAll: "Filter by {label}",
 				flagFilterHide: "Hiding {label}",
 				flagFilterOnly: "Only {label}",
@@ -262,7 +262,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "{total} 件中 {shown} 件を表示",
 				noMatchingItems: "一致する項目がありません",
 				clearSearch: "検索をクリア",
-				flagFilterGroup: "フラグで絞り込み",
+				flagFilterButton: "絞り込み",
 				flagFilterAll: "{label} で絞り込む",
 				flagFilterHide: "{label} を非表示中",
 				flagFilterOnly: "{label} のみ表示中",
@@ -410,7 +410,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "显示 {total} 条中的 {shown} 条",
 				noMatchingItems: "没有匹配的项目",
 				clearSearch: "清除搜索",
-				flagFilterGroup: "标记筛选",
+				flagFilterButton: "筛选",
 				flagFilterAll: "按{label}筛选",
 				flagFilterHide: "已隐藏{label}",
 				flagFilterOnly: "仅显示{label}",
@@ -558,7 +558,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "{total}개 중 {shown}개 표시",
 				noMatchingItems: "일치하는 항목이 없습니다",
 				clearSearch: "검색 지우기",
-				flagFilterGroup: "플래그 필터",
+				flagFilterButton: "필터",
 				flagFilterAll: "{label}(으)로 필터",
 				flagFilterHide: "{label} 숨김",
 				flagFilterOnly: "{label}만 표시",
@@ -706,7 +706,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Mostrando {shown} de {total}",
 				noMatchingItems: "No hay elementos coincidentes",
 				clearSearch: "Borrar búsqueda",
-				flagFilterGroup: "Filtros por indicador",
+				flagFilterButton: "Filtros",
 				flagFilterAll: "Filtrar por {label}",
 				flagFilterHide: "Ocultando {label}",
 				flagFilterOnly: "Solo {label}",
@@ -854,7 +854,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Mostrando {shown} de {total}",
 				noMatchingItems: "Nenhum item correspondente",
 				clearSearch: "Limpar busca",
-				flagFilterGroup: "Filtros por marcador",
+				flagFilterButton: "Filtros",
 				flagFilterAll: "Filtrar por {label}",
 				flagFilterHide: "Ocultando {label}",
 				flagFilterOnly: "Somente {label}",
@@ -1002,7 +1002,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Affichage de {shown} sur {total}",
 				noMatchingItems: "Aucun élément correspondant",
 				clearSearch: "Effacer la recherche",
-				flagFilterGroup: "Filtres par indicateur",
+				flagFilterButton: "Filtres",
 				flagFilterAll: "Filtrer par {label}",
 				flagFilterHide: "{label} masqué",
 				flagFilterOnly: "Uniquement {label}",
@@ -1150,7 +1150,7 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "{shown} von {total} werden angezeigt",
 				noMatchingItems: "Keine passenden Einträge",
 				clearSearch: "Suche zurücksetzen",
-				flagFilterGroup: "Flag-Filter",
+				flagFilterButton: "Filter",
 				flagFilterAll: "Nach {label} filtern",
 				flagFilterHide: "{label} ausgeblendet",
 				flagFilterOnly: "Nur {label}",
@@ -4043,199 +4043,201 @@ var _hoisted_21$3 = {
 var _hoisted_22$3 = ["placeholder", "aria-label"];
 var _hoisted_23$2 = ["aria-label"];
 var _hoisted_24$1 = { class: "flex items-center gap-2" };
-var _hoisted_25$1 = ["aria-label"];
-var _hoisted_26$1 = [
+var _hoisted_25$1 = ["aria-label", "aria-expanded"];
+var _hoisted_26$1 = {
+	key: 0,
+	class: "min-w-4 h-4 px-1 flex items-center justify-center rounded-full bg-indigo-600 text-white text-[10px] font-bold"
+};
+var _hoisted_27$1 = ["aria-label"];
+var _hoisted_28 = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_27$1 = {
-	class: "material-icons text-sm",
-	"aria-hidden": "true"
-};
-var _hoisted_28 = ["aria-label"];
-var _hoisted_29 = ["aria-pressed"];
-var _hoisted_30 = ["aria-pressed"];
+var _hoisted_29 = { class: "flex-1 text-left" };
+var _hoisted_30 = ["aria-label"];
 var _hoisted_31 = ["aria-pressed"];
-var _hoisted_32 = [
+var _hoisted_32 = ["aria-pressed"];
+var _hoisted_33 = ["aria-pressed"];
+var _hoisted_34 = [
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_33 = { class: "material-icons text-sm" };
-var _hoisted_34 = [
+var _hoisted_35 = { class: "material-icons text-sm" };
+var _hoisted_36 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_35 = {
+var _hoisted_37 = {
 	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_36 = ["title", "aria-label"];
-var _hoisted_37 = ["value", "aria-label"];
-var _hoisted_38 = ["value"];
+var _hoisted_38 = ["title", "aria-label"];
 var _hoisted_39 = ["value", "aria-label"];
 var _hoisted_40 = ["value"];
-var _hoisted_41 = {
+var _hoisted_41 = ["value", "aria-label"];
+var _hoisted_42 = ["value"];
+var _hoisted_43 = {
 	key: 4,
 	class: "text-[10px] text-slate-400 font-bold uppercase tracking-wider select-none"
 };
-var _hoisted_42 = {
+var _hoisted_44 = {
 	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_43 = { class: "flex-1" };
-var _hoisted_44 = { class: "flex-1 overflow-auto" };
-var _hoisted_45 = {
+var _hoisted_45 = { class: "flex-1" };
+var _hoisted_46 = { class: "flex-1 overflow-auto" };
+var _hoisted_47 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_46 = {
+var _hoisted_48 = {
 	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_47 = { key: 2 };
-var _hoisted_48 = {
+var _hoisted_49 = { key: 2 };
+var _hoisted_50 = {
 	key: 3,
 	class: "p-4"
 };
-var _hoisted_49 = {
+var _hoisted_51 = {
 	key: 4,
 	class: "h-full flex flex-col"
 };
-var _hoisted_50 = {
+var _hoisted_52 = {
 	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_51 = { class: "flex-1" };
-var _hoisted_52 = ["aria-label"];
-var _hoisted_53 = { class: "flex-1 min-h-0 px-3 py-2" };
-var _hoisted_54 = {
+var _hoisted_53 = { class: "flex-1" };
+var _hoisted_54 = ["aria-label"];
+var _hoisted_55 = { class: "flex-1 min-h-0 px-3 py-2" };
+var _hoisted_56 = {
 	key: 5,
 	class: "h-full",
 	"data-testid": "collection-custom-view-body"
 };
-var _hoisted_55 = {
+var _hoisted_57 = {
 	key: 6,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_56 = { class: "font-semibold text-slate-600" };
-var _hoisted_57 = {
+var _hoisted_58 = { class: "font-semibold text-slate-600" };
+var _hoisted_59 = {
 	key: 7,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_58 = { class: "font-semibold text-slate-600" };
-var _hoisted_59 = {
+var _hoisted_60 = { class: "font-semibold text-slate-600" };
+var _hoisted_61 = {
 	key: 8,
 	class: "overflow-x-auto [container-type:inline-size]"
 };
-var _hoisted_60 = {
+var _hoisted_62 = {
 	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_61 = { class: "flex-1" };
-var _hoisted_62 = ["aria-label"];
-var _hoisted_63 = { class: "min-w-full text-xs" };
-var _hoisted_64 = { class: "bg-slate-50 border-b border-slate-200" };
-var _hoisted_65 = ["aria-sort"];
-var _hoisted_66 = { class: "flex items-center gap-1" };
-var _hoisted_67 = ["title"];
-var _hoisted_68 = [
+var _hoisted_63 = { class: "flex-1" };
+var _hoisted_64 = ["aria-label"];
+var _hoisted_65 = { class: "min-w-full text-xs" };
+var _hoisted_66 = { class: "bg-slate-50 border-b border-slate-200" };
+var _hoisted_67 = ["aria-sort"];
+var _hoisted_68 = { class: "flex items-center gap-1" };
+var _hoisted_69 = ["title"];
+var _hoisted_70 = [
 	"data-testid",
 	"aria-label",
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_69 = { class: "material-icons text-base align-middle" };
-var _hoisted_70 = { class: "divide-y divide-slate-100 bg-white" };
-var _hoisted_71 = [
+var _hoisted_71 = { class: "material-icons text-base align-middle" };
+var _hoisted_72 = { class: "divide-y divide-slate-100 bg-white" };
+var _hoisted_73 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_72 = [
+var _hoisted_74 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_73 = [
+var _hoisted_75 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_74 = ["data-testid", "aria-label"];
-var _hoisted_75 = {
+var _hoisted_76 = ["data-testid", "aria-label"];
+var _hoisted_77 = {
 	key: 3,
 	class: "block truncate"
 };
-var _hoisted_76 = [
+var _hoisted_78 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_77 = [
+var _hoisted_79 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_78 = {
+var _hoisted_80 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_79 = ["value"];
-var _hoisted_80 = {
+var _hoisted_81 = ["value"];
+var _hoisted_82 = {
 	key: 5,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_81 = {
+var _hoisted_83 = {
 	key: 6,
 	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_82 = {
+var _hoisted_84 = {
 	key: 7,
 	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_83 = ["data-testid"];
-var _hoisted_84 = ["href", "data-testid"];
-var _hoisted_85 = ["href", "data-testid"];
-var _hoisted_86 = [
+var _hoisted_85 = ["data-testid"];
+var _hoisted_86 = ["href", "data-testid"];
+var _hoisted_87 = ["href", "data-testid"];
+var _hoisted_88 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_87 = {
+var _hoisted_89 = {
 	key: 12,
 	class: "block truncate text-slate-600"
 };
-var _hoisted_88 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
-var _hoisted_89 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
-var _hoisted_90 = { class: "flex-1" };
-var _hoisted_91 = {
+var _hoisted_90 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
+var _hoisted_91 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
+var _hoisted_92 = { class: "flex-1" };
+var _hoisted_93 = {
 	id: "collections-chat-title",
 	class: "text-sm font-bold text-slate-800 uppercase tracking-wide"
 };
-var _hoisted_92 = { class: "text-xs text-slate-400 font-semibold" };
-var _hoisted_93 = ["aria-label"];
-var _hoisted_94 = { class: "px-6 py-5" };
-var _hoisted_95 = ["placeholder", "onKeydown"];
-var _hoisted_96 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
-var _hoisted_97 = ["disabled"];
+var _hoisted_94 = { class: "text-xs text-slate-400 font-semibold" };
+var _hoisted_95 = ["aria-label"];
+var _hoisted_96 = { class: "px-6 py-5" };
+var _hoisted_97 = ["placeholder", "onKeydown"];
+var _hoisted_98 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
+var _hoisted_99 = ["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
@@ -4247,6 +4249,10 @@ var _hoisted_97 = ["disabled"];
 *  actions send into the current session instead of spawning a new
 *  chat (see `runAction` / `submitChat`). */
 var COMPLETION_CHIP_KEY = "__completion";
+/** The field types that earn a filter-menu entry: declared predicates
+*  (`flag`) plus the fields that ARE a predicate already — a stored
+*  `boolean` and a `toggle`'s projected on/off state. Enums stay out:
+*  they need a value picker, and kanban already slices by enum. */
 var LIVE_REFRESH_DEBOUNCE_MS = 150;
 //#endregion
 //#region src/vue/components/CollectionView.vue
@@ -4382,14 +4388,34 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return slug ? readCollectionFlagFilters(slug) : {};
 		}
 		const flagFilters = (0, vue.ref)(storedFlagFiltersFor(activeSlug.value));
+		const CHIP_FIELD_TYPES = /* @__PURE__ */ new Set([
+			"flag",
+			"boolean",
+			"toggle"
+		]);
+		/** True when an existing FIELD chip already expresses the legacy
+		*  completion predicate exactly, so a synthesized "done" chip would be a
+		*  duplicate: a boolean `completionField` (done ⇔ `"true"` ⇔ the
+		*  boolean's own chip), or a `toggle` projecting the `completionField`
+		*  whose `onValue` is the single done value (the todos-schema shape:
+		*  toggle "Done" on `status` + `completionDoneValues: ["done"]`). A
+		*  superset pair (extra done values) still synthesizes — no field chip
+		*  covers it. */
+		function completionCoveredByFieldChip(schema) {
+			const { completionField, completionDoneValues } = schema;
+			if (completionDoneValues?.length !== 1) return false;
+			const [doneValue] = completionDoneValues;
+			if (schema.fields[completionField ?? ""]?.type === "boolean") return doneValue === "true";
+			return Object.values(schema.fields).some((field) => field.type === "toggle" && field.field === completionField && field.onValue === doneValue);
+		}
 		const flagChips = (0, vue.computed)(() => {
 			const schema = collection.value?.schema;
 			if (!schema) return [];
-			const chips = Object.entries(schema.fields).filter(([, field]) => field.type === "flag").map(([key, field]) => ({
+			const chips = Object.entries(schema.fields).filter(([, field]) => CHIP_FIELD_TYPES.has(field.type)).map(([key, field]) => ({
 				key,
 				label: field.label ?? key
 			}));
-			if (schema.completionField && schema.completionDoneValues && schema.fields[schema.completionField]?.type !== "flag" && schema.fields[COMPLETION_CHIP_KEY] === void 0) chips.push({
+			if (schema.completionField && schema.completionDoneValues && schema.fields[schema.completionField]?.type !== "flag" && !completionCoveredByFieldChip(schema) && schema.fields[COMPLETION_CHIP_KEY] === void 0) chips.push({
 				key: COMPLETION_CHIP_KEY,
 				label: t("collectionsView.flagDoneChip"),
 				synthetic: true
@@ -4412,11 +4438,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return render.deriveRecord(item)[key] === true;
 		}
 		/** The chip's boolean for one row — `itemIsDone` for the synthesized
-		*  completion chip, the computed flag value otherwise. */
+		*  completion chip, the stored/projected value for `boolean`/`toggle`
+		*  fields, the computed flag value otherwise. */
 		function chipMatches(chip, item) {
 			const schema = collection.value?.schema;
 			if (!schema) return false;
-			return chip.synthetic ? (0, _mulmoclaude_core_collection.itemIsDone)(schema, item) : flagValueOf(chip.key, item);
+			if (chip.synthetic) return (0, _mulmoclaude_core_collection.itemIsDone)(schema, item);
+			const field = schema.fields[chip.key];
+			if (field?.type === "toggle") return toggleChecked(item, field);
+			if (field?.type === "boolean") return item[chip.key] === true;
+			return flagValueOf(chip.key, item);
 		}
 		/** `filteredItems` further narrowed by every ACTIVE chip (AND). Consumed
 		*  only by the table (sortedItems / count summary / empty state). */
@@ -4436,15 +4467,41 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			} : rest;
 		}
 		function flagChipIcon(key) {
+			return flagFilterMode(key) === "only" ? "check_box" : "check_box_outline_blank";
+		}
+		function flagChipIconClass(key) {
 			const mode = flagFilterMode(key);
-			return mode === "hide" ? "visibility_off" : mode === "only" ? "filter_alt" : "visibility";
+			if (mode === "hide") return "text-slate-600";
+			if (mode === "only") return "text-indigo-600";
+			return "text-slate-300";
 		}
 		function flagChipClass(key) {
 			const mode = flagFilterMode(key);
-			if (mode === "hide") return "bg-slate-600 text-white";
-			if (mode === "only") return "bg-indigo-600 text-white";
-			return "bg-white text-slate-500 border border-slate-200 hover:bg-slate-50";
-		}
+			if (mode === "hide") return "bg-slate-100 text-slate-700";
+			if (mode === "only") return "bg-indigo-50 text-indigo-700";
+			return "text-slate-500";
+		}
+		/** How many chips currently filter (badge on the menu trigger). */
+		const activeFlagFilterCount = (0, vue.computed)(() => flagChips.value.filter((chip) => flagFilterMode(chip.key) !== void 0).length);
+		const filterMenuOpen = (0, vue.ref)(false);
+		const filterMenuRef = (0, vue.ref)(null);
+		/** Shadow-DOM-safe "did this event land inside the element?". A document-level
+		*  listener sees `event.target` retargeted to the shadow HOST when the
+		*  component is mounted in a shadow root (MulmoTerminal's PluginFrame), so
+		*  `element.contains()` is always false there and the menu closes on the
+		*  mousedown before the inner button's click can fire. `composedPath()` still
+		*  lists the element for open shadow trees — and in the light DOM too, so both
+		*  hosts share this one test. */
+		function eventInsideElement(event, element) {
+			return element !== null && event.composedPath().includes(element);
+		}
+		function closeFilterMenuOnOutsideClick(event) {
+			if (!eventInsideElement(event, filterMenuRef.value)) filterMenuOpen.value = false;
+		}
+		(0, vue.watch)(filterMenuOpen, (open) => {
+			if (open) document.addEventListener("mousedown", closeFilterMenuOnOutsideClick);
+			else document.removeEventListener("mousedown", closeFilterMenuOnOutsideClick);
+		});
 		function flagChipTitle(chip) {
 			const mode = flagFilterMode(chip.key);
 			if (mode === "hide") return t("collectionsView.flagFilterHide", { label: chip.label });
@@ -4968,7 +5025,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			addMenuOpen.value = !addMenuOpen.value;
 		}
 		function closeAddMenuOnOutsideClick(event) {
-			if (!addMenuRef.value?.contains(event.target)) addMenuOpen.value = false;
+			if (!eventInsideElement(event, addMenuRef.value)) addMenuOpen.value = false;
 		}
 		(0, vue.watch)(addMenuOpen, (open) => {
 			if (open) document.addEventListener("mousedown", closeAddMenuOnOutsideClick);
@@ -5463,6 +5520,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				anchorOverride.value = null;
 				kanbanOverride.value = null;
 				addMenuOpen.value = false;
+				filterMenuOpen.value = false;
 				sortState.value = storedSortFor(slug);
 				flagFilters.value = storedFlagFiltersFor(slug);
 			}
@@ -5513,6 +5571,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			clearLiveRefreshTimer();
 			if (refreshNoteTimer !== void 0) clearTimeout(refreshNoteTimer);
 			document.removeEventListener("mousedown", closeAddMenuOnOutsideClick);
+			document.removeEventListener("mousedown", closeFilterMenuOnOutsideClick);
 		});
 		(0, vue.watch)([
 			activeView,
@@ -5549,9 +5608,9 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[27] || (_cache[27] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[28] || (_cache[28] = [(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.createTextVNode)((0, vue.toDisplayString)(collection.value.slug) + " ", 1), isReadOnly.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_9$4, [_cache[28] || (_cache[28] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "lock", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.readonlyChip")), 1)]), dataSourceRoute.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+					(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.createTextVNode)((0, vue.toDisplayString)(collection.value.slug) + " ", 1), isReadOnly.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_9$4, [_cache[29] || (_cache[29] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "lock", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.readonlyChip")), 1)]), dataSourceRoute.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 						key: 0,
 						href: dataSourceRoute.value ?? void 0,
 						class: "ml-1 normal-case tracking-normal font-mono font-normal text-slate-500 hover:text-indigo-700 hover:underline",
@@ -5584,7 +5643,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[29] || (_cache[29] = (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[30] || (_cache[30] = (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,
@@ -5601,7 +5660,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[30] || (_cache[30] = (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[31] || (_cache[31] = (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",
@@ -5610,7 +5669,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[31] || (_cache[31] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_16$4)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[32] || (_cache[32] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_16$4)) : (0, vue.createCommentVNode)("", true),
 					canDeleteFeed.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 7,
 						type: "button",
@@ -5619,11 +5678,11 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[32] || (_cache[32] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_17$4)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[33] || (_cache[33] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_17$4)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true),
-				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [_cache[33] || (_cache[33] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_19$3, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
+				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [_cache[34] || (_cache[34] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_19$3, (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_20$3, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_21$3, [
-					_cache[35] || (_cache[35] = (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[36] || (_cache[36] = (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[1] || (_cache[1] = ($event) => searchQuery.value = $event),
 						type: "text",
@@ -5637,25 +5696,48 @@ 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[2] || (_cache[2] = ($event) => searchQuery.value = "")
-					}, [..._cache[34] || (_cache[34] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_23$2)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[35] || (_cache[35] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_23$2)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_24$1, [
 					activeView.value === "table" && flagChips.value.length > 0 && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
-						class: "flex items-center gap-0.5",
+						ref_key: "filterMenuRef",
+						ref: filterMenuRef,
+						class: "relative"
+					}, [(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: (0, vue.normalizeClass)(["h-8 px-2.5 flex items-center gap-1 rounded-full text-xs font-medium transition-colors", activeFlagFilterCount.value > 0 ? "bg-indigo-50 text-indigo-700 border border-indigo-300" : "bg-transparent text-slate-500 border border-dashed border-slate-300 hover:bg-slate-50"]),
+						"aria-label": (0, vue.unref)(t)("collectionsView.flagFilterButton"),
+						"aria-expanded": filterMenuOpen.value,
+						"data-testid": "collections-filter-menu",
+						onClick: _cache[3] || (_cache[3] = ($event) => filterMenuOpen.value = !filterMenuOpen.value)
+					}, [
+						_cache[37] || (_cache[37] = (0, vue.createElementVNode)("span", {
+							class: "material-icons text-sm",
+							"aria-hidden": "true"
+						}, "filter_alt", -1)),
+						(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.flagFilterButton")), 1),
+						activeFlagFilterCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_26$1, (0, vue.toDisplayString)(activeFlagFilterCount.value), 1)) : (0, vue.createCommentVNode)("", true)
+					], 10, _hoisted_25$1), filterMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						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",
 						role: "group",
-						"aria-label": (0, vue.unref)(t)("collectionsView.flagFilterGroup")
+						"aria-label": (0, vue.unref)(t)("collectionsView.flagFilterButton"),
+						"data-testid": "collections-filter-menu-panel"
 					}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(flagChips.value, (chip) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: chip.key,
 							type: "button",
-							class: (0, vue.normalizeClass)(["h-8 px-2.5 flex items-center gap-1 rounded text-xs font-bold transition-colors", flagChipClass(chip.key)]),
+							class: (0, vue.normalizeClass)(["w-full h-8 px-3 flex items-center gap-2 text-xs font-medium transition-colors hover:bg-slate-50", flagChipClass(chip.key)]),
 							title: flagChipTitle(chip),
 							"aria-label": flagChipTitle(chip),
 							"aria-pressed": flagFilterMode(chip.key) !== void 0,
 							"data-testid": `collections-flag-chip-${chip.key}`,
 							onClick: ($event) => cycleFlagFilter(chip.key)
-						}, [(0, vue.createElementVNode)("span", _hoisted_27$1, (0, vue.toDisplayString)(flagChipIcon(chip.key)), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(chip.label), 1)], 10, _hoisted_26$1);
-					}), 128))], 8, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true),
+						}, [(0, vue.createElementVNode)("span", {
+							class: (0, vue.normalizeClass)(["material-icons text-sm", flagChipIconClass(chip.key)]),
+							"aria-hidden": "true"
+						}, (0, vue.toDisplayString)(flagChipIcon(chip.key)), 3), (0, vue.createElementVNode)("span", _hoisted_29, (0, vue.toDisplayString)(chip.label), 1)], 10, _hoisted_28);
+					}), 128))], 8, _hoisted_27$1)) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
 					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 1,
 						class: "flex gap-0.5",
@@ -5667,24 +5749,24 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: (0, vue.normalizeClass)(["h-8 px-2.5 flex items-center gap-1 rounded text-xs font-bold transition-colors", activeView.value === "table" ? "bg-indigo-600 text-white" : "bg-white text-slate-500 border border-slate-200 hover:bg-slate-50"]),
 							"aria-pressed": activeView.value === "table",
 							"data-testid": "collection-view-toggle-table",
-							onClick: _cache[3] || (_cache[3] = ($event) => setView("table"))
-						}, [_cache[36] || (_cache[36] = (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_29),
+							onClick: _cache[4] || (_cache[4] = ($event) => setView("table"))
+						}, [_cache[38] || (_cache[38] = (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_31),
 						hasCalendar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 0,
 							type: "button",
 							class: (0, vue.normalizeClass)(["h-8 px-2.5 flex items-center gap-1 rounded text-xs font-bold transition-colors", activeView.value === "calendar" ? "bg-indigo-600 text-white" : "bg-white text-slate-500 border border-slate-200 hover:bg-slate-50"]),
 							"aria-pressed": activeView.value === "calendar",
 							"data-testid": "collection-view-toggle-calendar",
-							onClick: _cache[4] || (_cache[4] = ($event) => setView("calendar"))
-						}, [_cache[37] || (_cache[37] = (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_30)) : (0, vue.createCommentVNode)("", true),
+							onClick: _cache[5] || (_cache[5] = ($event) => setView("calendar"))
+						}, [_cache[39] || (_cache[39] = (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_32)) : (0, vue.createCommentVNode)("", true),
 						hasKanban.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 1,
 							type: "button",
 							class: (0, vue.normalizeClass)(["h-8 px-2.5 flex items-center gap-1 rounded text-xs font-bold transition-colors", activeView.value === "kanban" ? "bg-indigo-600 text-white" : "bg-white text-slate-500 border border-slate-200 hover:bg-slate-50"]),
 							"aria-pressed": activeView.value === "kanban",
 							"data-testid": "collection-view-toggle-kanban",
-							onClick: _cache[5] || (_cache[5] = ($event) => setView("kanban"))
-						}, [_cache[38] || (_cache[38] = (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_31)) : (0, vue.createCommentVNode)("", true),
+							onClick: _cache[6] || (_cache[6] = ($event) => setView("kanban"))
+						}, [_cache[40] || (_cache[40] = (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_33)) : (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,
@@ -5693,7 +5775,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								"aria-pressed": activeView.value === (0, vue.unref)(customViewKey)(cv.id),
 								"data-testid": `collection-view-custom-${cv.id}`,
 								onClick: ($event) => setCustomView(cv.id)
-							}, [(0, vue.createElementVNode)("span", _hoisted_33, (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_32);
+							}, [(0, vue.createElementVNode)("span", _hoisted_35, (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_34);
 						}), 128)),
 						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
@@ -5708,17 +5790,17 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-expanded": addMenuOpen.value,
 							"data-testid": "collection-view-add",
 							onClick: onAddViewClick
-						}, [..._cache[39] || (_cache[39] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_34), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_35, [(0, vue.createElementVNode)("button", {
+						}, [..._cache[41] || (_cache[41] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_36), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_37, [(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[6] || (_cache[6] = ($event) => addCustomView("desktop"))
-						}, [_cache[40] || (_cache[40] = (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", {
+							onClick: _cache[7] || (_cache[7] = ($event) => addCustomView("desktop"))
+						}, [_cache[42] || (_cache[42] = (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[7] || (_cache[7] = ($event) => addCustomView("mobile"))
-						}, [_cache[41] || (_cache[41] = (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),
+							onClick: _cache[8] || (_cache[8] = ($event) => addCustomView("mobile"))
+						}, [_cache[43] || (_cache[43] = (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",
@@ -5726,51 +5808,51 @@ 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[8] || (_cache[8] = ($event) => configOpen.value = true)
-						}, [..._cache[42] || (_cache[42] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_36)) : (0, vue.createCommentVNode)("", true)
-					], 8, _hoisted_28)) : (0, vue.createCommentVNode)("", true),
+							onClick: _cache[9] || (_cache[9] = ($event) => configOpen.value = true)
+						}, [..._cache[44] || (_cache[44] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_38)) : (0, vue.createCommentVNode)("", true)
+					], 8, _hoisted_30)) : (0, vue.createCommentVNode)("", true),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 2,
 						value: calendarAnchorField.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.calendarFieldLabel"),
 						"data-testid": "collection-calendar-field",
-						onChange: _cache[9] || (_cache[9] = ($event) => anchorOverride.value = $event.target.value)
+						onChange: _cache[10] || (_cache[10] = ($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_38);
-					}), 128))], 40, _hoisted_37)) : (0, vue.createCommentVNode)("", true),
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_40);
+					}), 128))], 40, _hoisted_39)) : (0, vue.createCommentVNode)("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 3,
 						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[10] || (_cache[10] = ($event) => kanbanOverride.value = $event.target.value)
+						onChange: _cache[11] || (_cache[11] = ($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_40);
-					}), 128))], 40, _hoisted_39)) : (0, vue.createCommentVNode)("", true),
-					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_41, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_42);
+					}), 128))], 40, _hoisted_41)) : (0, vue.createCommentVNode)("", true),
+					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
 						shown: activeView.value === "table" ? tableFilteredItems.value.length : 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_42, [
-					_cache[44] || (_cache[44] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_43, (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_44, [
+					_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_45, (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[43] || (_cache[43] = (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[45] || (_cache[45] = (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_44, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [_cache[45] || (_cache[45] = (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_46, [_cache[46] || (_cache[46] = (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_47)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [(0, vue.createVNode)(CollectionCalendarView_default, {
+				(0, vue.createElementVNode)("div", _hoisted_46, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_47, [_cache[47] || (_cache[47] = (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_48, [_cache[48] || (_cache[48] = (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_49)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_50, [(0, vue.createVNode)(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -5806,7 +5888,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					detail: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[11] || (_cache[11] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[12] || (_cache[12] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -5826,7 +5908,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: onDayClose,
-						onDelete: _cache[12] || (_cache[12] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[13] || (_cache[13] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction,
 						onItemChat
 					}, null, 8, [
@@ -5859,16 +5941,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_49, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_50, [
-					_cache[48] || (_cache[48] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_51, (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_51, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_52, [
+					_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_53, (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[13] || (_cache[13] = ($event) => inlineError.value = null)
-					}, [..._cache[47] || (_cache[47] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_52)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_53, [(0, vue.createVNode)(CollectionKanbanView_default, {
+						onClick: _cache[14] || (_cache[14] = ($event) => inlineError.value = null)
+					}, [..._cache[49] || (_cache[49] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_54)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_55, [(0, vue.createVNode)(CollectionKanbanView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"group-field": kanbanGroupField.value,
@@ -5884,7 +5966,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"selected",
 					"notified",
 					"readonly"
-				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_54, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
+				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_56, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -5895,32 +5977,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_55, [_cache[49] || (_cache[49] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_56, (0, vue.toDisplayString)((0, vue.unref)(t)(isReadOnly.value ? "collectionsView.itemsEmptyReadonly" : "collectionsView.itemsEmpty")), 1)])) : tableFilteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_57, [
-					_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
-					(0, vue.createElementVNode)("p", _hoisted_58, (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_57, [_cache[51] || (_cache[51] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_58, (0, vue.toDisplayString)((0, vue.unref)(t)(isReadOnly.value ? "collectionsView.itemsEmptyReadonly" : "collectionsView.itemsEmpty")), 1)])) : tableFilteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_59, [
+					_cache[52] || (_cache[52] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+					(0, vue.createElementVNode)("p", _hoisted_60, (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[14] || (_cache[14] = ($event) => (searchQuery.value = "", flagFilters.value = {}))
+						onClick: _cache[15] || (_cache[15] = ($event) => (searchQuery.value = "", flagFilters.value = {}))
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.clearSearch")), 1)
-				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_59, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_60, [
-					_cache[52] || (_cache[52] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_61, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_61, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_62, [
+					_cache[54] || (_cache[54] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_63, (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[15] || (_cache[15] = ($event) => inlineError.value = null)
-					}, [..._cache[51] || (_cache[51] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_62)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_63, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_64, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
+						onClick: _cache[16] || (_cache[16] = ($event) => inlineError.value = null)
+					}, [..._cache[53] || (_cache[53] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_64)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_65, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_66, [((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_66, [(0, vue.createElementVNode)("span", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_68, [(0, vue.createElementVNode)("span", {
 						class: "truncate max-w-[14rem]",
 						title: field.label
-					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_67), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_69), (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)]),
@@ -5928,9 +6010,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[16] || (_cache[16] = ($event) => hoveredSortKey.value = null)
-					}, [(0, vue.createElementVNode)("span", _hoisted_69, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_68)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_65);
-				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_70, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
+						onPointerleave: _cache[17] || (_cache[17] = ($event) => hoveredSortKey.value = null)
+					}, [(0, vue.createElementVNode)("span", _hoisted_71, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_70)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_67);
+				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_72, [((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" : ""]),
@@ -5952,9 +6034,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[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitToggle(item, field)
-						}, null, 40, _hoisted_72)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+						}, null, 40, _hoisted_74)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 							key: 1,
 							type: "checkbox",
 							checked: item[key] === true,
@@ -5962,15 +6044,15 @@ 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[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
-						}, null, 40, _hoisted_73)) : field.type === "flag" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+						}, null, 40, _hoisted_75)) : field.type === "flag" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 							key: 2,
 							class: (0, vue.normalizeClass)(["material-icons text-lg align-middle", flagValueOf(String(key), item) ? "text-emerald-600" : "text-slate-300"]),
 							"data-testid": `collections-flag-${key}-${item[collection.value.schema.primaryKey]}`,
 							"aria-label": `${field.label}: ${(0, vue.unref)(t)(flagValueOf(String(key), item) ? "common.yes" : "common.no")}`,
 							role: "img"
-						}, (0, vue.toDisplayString)(flagValueOf(String(key), item) ? "check_circle" : "radio_button_unchecked"), 11, _hoisted_74)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_75, [(0, vue.createElementVNode)("a", {
+						}, (0, vue.toDisplayString)(flagValueOf(String(key), item) ? "check_circle" : "radio_button_unchecked"), 11, _hoisted_76)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_77, [(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",
@@ -5978,48 +6060,48 @@ 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_76)])) : 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_78)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 4,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isReadOnly.value || 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[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[20] || (_cache[20] = (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_78, (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_80, (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_79);
-						}), 128))], 42, _hoisted_77)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_80, (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_81, [_cache[53] || (_cache[53] = (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_82, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_81);
+						}), 128))], 42, _hoisted_79)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_82, (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_83, [_cache[55] || (_cache[55] = (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_84, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 							key: 8,
 							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",
 							"data-testid": `collections-rollup-${key}-${item[collection.value.schema.primaryKey]}`
-						}, (0, vue.toDisplayString)((0, vue.unref)(render).rollupDisplay(field, item)), 9, _hoisted_83)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(render).rollupDisplay(field, item)), 9, _hoisted_85)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 9,
 							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[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_84)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							onClick: _cache[21] || (_cache[21] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_86)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 10,
 							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[21] || (_cache[21] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_85)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							onClick: _cache[22] || (_cache[22] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_87)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 11,
 							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_86)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_87, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
-					}), 128))], 42, _hoisted_71);
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_88)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_89, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
+					}), 128))], 42, _hoisted_73);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
 					key: 4,
@@ -6027,7 +6109,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[22] || (_cache[22] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[23] || (_cache[23] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -6047,7 +6129,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: closeView,
-						onDelete: _cache[23] || (_cache[23] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[24] || (_cache[24] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction,
 						onItemChat
 					}, null, 8, [
@@ -6075,7 +6157,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					action: mutateModal.value.action,
 					pending: mutatePending.value,
 					error: mutateError.value,
-					onClose: _cache[24] || (_cache[24] = ($event) => mutateModal.value = null),
+					onClose: _cache[25] || (_cache[25] = ($event) => mutateModal.value = null),
 					onSubmit: submitMutateParams
 				}, null, 8, [
 					"action",
@@ -6088,7 +6170,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					title: collection.value.title,
 					views: customViews.value,
 					onChanged: onViewsChanged,
-					onClose: _cache[25] || (_cache[25] = ($event) => configOpen.value = false)
+					onClose: _cache[26] || (_cache[26] = ($event) => configOpen.value = false)
 				}, null, 8, [
 					"slug",
 					"title",
@@ -6103,29 +6185,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_88, [
-					(0, vue.createElementVNode)("header", _hoisted_89, [
-						_cache[55] || (_cache[55] = (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_90, [(0, vue.createElementVNode)("h2", _hoisted_91, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_92, (0, vue.toDisplayString)(collection.value.title), 1)]),
+				}, [(0, vue.createElementVNode)("div", _hoisted_90, [
+					(0, vue.createElementVNode)("header", _hoisted_91, [
+						_cache[57] || (_cache[57] = (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_92, [(0, vue.createElementVNode)("h2", _hoisted_93, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_94, (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[54] || (_cache[54] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_93)
+						}, [..._cache[56] || (_cache[56] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_95)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_94, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_96, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						ref_key: "chatInputEl",
 						ref: chatInputEl,
-						"onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => chatMessage.value = $event),
+						"onUpdate:modelValue": _cache[27] || (_cache[27] = ($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_95), [[vue.vModelText, chatMessage.value]])]),
-					(0, vue.createElementVNode)("footer", _hoisted_96, [(0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_97), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_98, [(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",
@@ -6136,7 +6218,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_97)])
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_99)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};