@mulmoclaude/collection-plugin 0.11.4 → 0.13.0

package/dist/vue.cjs

@@ -92,6 +92,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "Delete collection",
 				confirmDeleteCollection: "Delete the entire \"{title}\" collection, including all its records? A restorable backup is archived first.",
 				itemsEmpty: "No items yet. Click + to add one.",
+				readonlyChip: "Read-only",
+				itemsEmptyReadonly: "No rows in the data file yet. Add rows to the file and they appear here.",
+				filter: {
+					all: "All",
+					editable: "Editable",
+					data: "Data"
+				},
 				notFound: "Collection not found",
 				loadFailed: "Failed to load",
 				requiredField: "This field is required",
@@ -107,6 +114,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Showing {shown} of {total}",
 				noMatchingItems: "No matching items",
 				clearSearch: "Clear search",
+				flagFilterGroup: "Flag filters",
+				flagFilterAll: "Filter by {label}",
+				flagFilterHide: "Hiding {label}",
+				flagFilterOnly: "Only {label}",
+				flagDoneChip: "Done",
 				sortBy: "Sort by {field}",
 				openCollection: "Open {title}",
 				createTitle: "Add new",
@@ -228,6 +240,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "コレクションを削除",
 				confirmDeleteCollection: "コレクション「{title}」とそのすべてのレコードを削除しますか？削除前に復元可能なバックアップが保存されます。",
 				itemsEmpty: "まだ項目がありません。+ を押して追加してください。",
+				readonlyChip: "読み取り専用",
+				itemsEmptyReadonly: "データファイルにまだ行がありません。ファイルに行を追加するとここに表示されます。",
+				filter: {
+					all: "すべて",
+					editable: "編集可能",
+					data: "データ"
+				},
 				notFound: "コレクションが見つかりません",
 				loadFailed: "読み込みに失敗しました",
 				requiredField: "この項目は必須です",
@@ -243,6 +262,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "{total} 件中 {shown} 件を表示",
 				noMatchingItems: "一致する項目がありません",
 				clearSearch: "検索をクリア",
+				flagFilterGroup: "フラグで絞り込み",
+				flagFilterAll: "{label} で絞り込む",
+				flagFilterHide: "{label} を非表示中",
+				flagFilterOnly: "{label} のみ表示中",
+				flagDoneChip: "完了",
 				sortBy: "{field}で並べ替え",
 				openCollection: "{title} を開く",
 				createTitle: "新規追加",
@@ -364,6 +388,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "删除集合",
 				confirmDeleteCollection: "删除整个“{title}”集合及其所有记录？删除前会先归档一份可恢复的备份。",
 				itemsEmpty: "暂无项目。点击 + 添加一个。",
+				readonlyChip: "只读",
+				itemsEmptyReadonly: "数据文件中还没有行。在文件中添加行后会显示在这里。",
+				filter: {
+					all: "全部",
+					editable: "可编辑",
+					data: "数据"
+				},
 				notFound: "未找到集合",
 				loadFailed: "加载失败",
 				requiredField: "此字段为必填项",
@@ -379,6 +410,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "显示 {total} 条中的 {shown} 条",
 				noMatchingItems: "没有匹配的项目",
 				clearSearch: "清除搜索",
+				flagFilterGroup: "标记筛选",
+				flagFilterAll: "按{label}筛选",
+				flagFilterHide: "已隐藏{label}",
+				flagFilterOnly: "仅显示{label}",
+				flagDoneChip: "已完成",
 				sortBy: "按{field}排序",
 				openCollection: "打开 {title}",
 				createTitle: "新增",
@@ -500,6 +536,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "컬렉션 삭제",
 				confirmDeleteCollection: "\"{title}\" 컬렉션과 모든 레코드를 삭제하시겠습니까? 삭제 전에 복원 가능한 백업이 보관됩니다.",
 				itemsEmpty: "아직 항목이 없습니다. + 를 눌러 추가하세요.",
+				readonlyChip: "읽기 전용",
+				itemsEmptyReadonly: "데이터 파일에 아직 행이 없습니다. 파일에 행을 추가하면 여기에 표시됩니다.",
+				filter: {
+					all: "전체",
+					editable: "편집 가능",
+					data: "데이터"
+				},
 				notFound: "컬렉션을 찾을 수 없습니다",
 				loadFailed: "불러오기에 실패했습니다",
 				requiredField: "이 필드는 필수입니다",
@@ -515,6 +558,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "{total}개 중 {shown}개 표시",
 				noMatchingItems: "일치하는 항목이 없습니다",
 				clearSearch: "검색 지우기",
+				flagFilterGroup: "플래그 필터",
+				flagFilterAll: "{label}(으)로 필터",
+				flagFilterHide: "{label} 숨김",
+				flagFilterOnly: "{label}만 표시",
+				flagDoneChip: "완료",
 				sortBy: "{field} 기준 정렬",
 				openCollection: "{title} 열기",
 				createTitle: "새로 추가",
@@ -636,6 +684,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "Eliminar colección",
 				confirmDeleteCollection: "¿Eliminar toda la colección \"{title}\", incluidos todos sus registros? Antes se archiva una copia de seguridad restaurable.",
 				itemsEmpty: "Aún no hay elementos. Pulsa + para añadir uno.",
+				readonlyChip: "Solo lectura",
+				itemsEmptyReadonly: "El archivo de datos aún no tiene filas. Añádelas al archivo y aparecerán aquí.",
+				filter: {
+					all: "Todas",
+					editable: "Editables",
+					data: "Datos"
+				},
 				notFound: "Colección no encontrada",
 				loadFailed: "Error al cargar",
 				requiredField: "Este campo es obligatorio",
@@ -651,6 +706,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Mostrando {shown} de {total}",
 				noMatchingItems: "No hay elementos coincidentes",
 				clearSearch: "Borrar búsqueda",
+				flagFilterGroup: "Filtros por indicador",
+				flagFilterAll: "Filtrar por {label}",
+				flagFilterHide: "Ocultando {label}",
+				flagFilterOnly: "Solo {label}",
+				flagDoneChip: "Hecho",
 				sortBy: "Ordenar por {field}",
 				openCollection: "Abrir {title}",
 				createTitle: "Añadir nuevo",
@@ -772,6 +832,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "Excluir coleção",
 				confirmDeleteCollection: "Excluir toda a coleção \"{title}\", incluindo todos os seus registros? Um backup restaurável é arquivado antes.",
 				itemsEmpty: "Ainda não há itens. Clique em + para adicionar um.",
+				readonlyChip: "Somente leitura",
+				itemsEmptyReadonly: "O arquivo de dados ainda não tem linhas. Adicione linhas ao arquivo e elas aparecerão aqui.",
+				filter: {
+					all: "Todas",
+					editable: "Editáveis",
+					data: "Dados"
+				},
 				notFound: "Coleção não encontrada",
 				loadFailed: "Falha ao carregar",
 				requiredField: "Este campo é obrigatório",
@@ -787,6 +854,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "Mostrando {shown} de {total}",
 				noMatchingItems: "Nenhum item correspondente",
 				clearSearch: "Limpar busca",
+				flagFilterGroup: "Filtros por marcador",
+				flagFilterAll: "Filtrar por {label}",
+				flagFilterHide: "Ocultando {label}",
+				flagFilterOnly: "Somente {label}",
+				flagDoneChip: "Concluído",
 				sortBy: "Ordenar por {field}",
 				openCollection: "Abrir {title}",
 				createTitle: "Adicionar novo",
@@ -908,6 +980,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "Supprimer la collection",
 				confirmDeleteCollection: "Supprimer toute la collection « {title} », y compris tous ses enregistrements ? Une sauvegarde restaurable est archivée au préalable.",
 				itemsEmpty: "Aucun élément pour l'instant. Cliquez sur + pour en ajouter un.",
+				readonlyChip: "Lecture seule",
+				itemsEmptyReadonly: "Le fichier de données ne contient pas encore de lignes. Ajoutez-en au fichier et elles apparaîtront ici.",
+				filter: {
+					all: "Toutes",
+					editable: "Modifiables",
+					data: "Données"
+				},
 				notFound: "Collection introuvable",
 				loadFailed: "Échec du chargement",
 				requiredField: "Ce champ est obligatoire",
@@ -923,6 +1002,11 @@ 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",
+				flagFilterAll: "Filtrer par {label}",
+				flagFilterHide: "{label} masqué",
+				flagFilterOnly: "Uniquement {label}",
+				flagDoneChip: "Terminé",
 				sortBy: "Trier par {field}",
 				openCollection: "Ouvrir {title}",
 				createTitle: "Ajouter",
@@ -1044,6 +1128,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "Sammlung löschen",
 				confirmDeleteCollection: "Die gesamte Sammlung „{title}“ einschließlich aller Datensätze löschen? Zuvor wird eine wiederherstellbare Sicherung archiviert.",
 				itemsEmpty: "Noch keine Einträge. Klicke auf +, um einen hinzuzufügen.",
+				readonlyChip: "Schreibgeschützt",
+				itemsEmptyReadonly: "Noch keine Zeilen in der Datendatei. Füge der Datei Zeilen hinzu, dann erscheinen sie hier.",
+				filter: {
+					all: "Alle",
+					editable: "Bearbeitbar",
+					data: "Daten"
+				},
 				notFound: "Sammlung nicht gefunden",
 				loadFailed: "Laden fehlgeschlagen",
 				requiredField: "Dieses Feld ist erforderlich",
@@ -1059,6 +1150,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				searchSummary: "{shown} von {total} werden angezeigt",
 				noMatchingItems: "Keine passenden Einträge",
 				clearSearch: "Suche zurücksetzen",
+				flagFilterGroup: "Flag-Filter",
+				flagFilterAll: "Nach {label} filtern",
+				flagFilterHide: "{label} ausgeblendet",
+				flagFilterOnly: "Nur {label}",
+				flagDoneChip: "Erledigt",
 				sortBy: "Nach {field} sortieren",
 				openCollection: "{title} öffnen",
 				createTitle: "Neu hinzufügen",
@@ -2067,7 +2163,8 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		groupField: {},
 		items: {},
 		selected: {},
-		notified: {}
+		notified: {},
+		readonly: { type: Boolean }
 	},
 	emits: ["select", "move"],
 	setup(__props, { emit: __emit }) {
@@ -2174,6 +2271,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					group: "collection-kanban-cards",
 					class: "flex-1 overflow-y-auto p-2 space-y-2 min-h-[2rem]",
 					animation: 150,
+					disabled: __props.readonly,
 					onChange: (e) => onDragChange(column.value, e)
 				}, {
 					item: (0, vue.withCtx)(({ element }) => [(0, vue.createElementVNode)("div", {
@@ -2184,7 +2282,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: (0, vue.normalizeClass)(["bg-white border border-slate-200 rounded shadow-sm p-2 cursor-grab hover:shadow active:cursor-grabbing focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400", [itemId(element) === __props.selected ? "ring-2 ring-indigo-500 border-indigo-300" : "", notifyAccentClass(element)]]),
 						onClick: ($event) => emit("select", itemId(element)),
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)((e) => !e.repeat && emit("select", itemId(element)), ["prevent", "self"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)((e) => !e.repeat && emit("select", itemId(element)), ["prevent", "self"]), ["space"])]
-					}, [(0, vue.createElementVNode)("div", _hoisted_9$8, [cardToggle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_9$8, [cardToggle.value && !__props.readonly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 						key: 0,
 						type: "checkbox",
 						checked: cardChecked(element),
@@ -2198,6 +2296,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, 8, [
 					"model-value",
 					"item-key",
+					"disabled",
 					"onChange"
 				])], 8, _hoisted_3$12);
 			}), 128))])]);
@@ -2424,23 +2523,23 @@ var _hoisted_18$5 = [
 	"placeholder",
 	"data-testid"
 ];
-var _hoisted_19$3 = {
+var _hoisted_19$4 = {
 	key: 0,
 	class: "inline-flex items-center gap-2.5 text-sm text-slate-700 cursor-pointer select-none"
 };
-var _hoisted_20$3 = [
+var _hoisted_20$4 = [
 	"id",
 	"onUpdate:modelValue",
 	"data-testid",
 	"onChange"
 ];
-var _hoisted_21$3 = [
+var _hoisted_21$4 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_22$3 = { value: "" };
+var _hoisted_22$4 = { value: "" };
 var _hoisted_23$3 = ["value"];
 var _hoisted_24$2 = [
 	"id",
@@ -2536,77 +2635,79 @@ var _hoisted_57$1 = {
 	key: 2,
 	class: "text-slate-300"
 };
-var _hoisted_58$1 = [
+var _hoisted_58$1 = ["data-testid"];
+var _hoisted_59$1 = ["data-testid"];
+var _hoisted_60$1 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_59$1 = {
-	key: 3,
+var _hoisted_61$1 = {
+	key: 4,
 	class: "font-semibold text-slate-900 tabular-nums text-sm"
 };
-var _hoisted_60$1 = {
-	key: 4,
+var _hoisted_62$1 = {
+	key: 5,
 	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-2 py-0.5 rounded border border-indigo-100/50"
 };
-var _hoisted_61$1 = ["data-testid"];
-var _hoisted_62$1 = {
-	key: 6,
+var _hoisted_63$1 = ["data-testid"];
+var _hoisted_64$1 = {
+	key: 7,
 	class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1"
 };
-var _hoisted_63$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
-var _hoisted_64$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_65$1 = { class: "divide-y divide-slate-100" };
-var _hoisted_66$1 = {
+var _hoisted_65$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_66$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_67$1 = { class: "divide-y divide-slate-100" };
+var _hoisted_68$1 = {
 	key: 0,
 	class: "material-icons text-emerald-600 text-base"
 };
-var _hoisted_67$1 = {
+var _hoisted_69$1 = {
 	key: 1,
 	class: "text-slate-300"
 };
-var _hoisted_68$1 = {
-	key: 7,
+var _hoisted_70$1 = {
+	key: 8,
 	class: "text-slate-400 italic"
 };
-var _hoisted_69$1 = {
-	key: 8,
+var _hoisted_71$1 = {
+	key: 9,
 	class: "bg-slate-50 rounded-xl p-4 border border-slate-200/60 text-slate-600 text-xs whitespace-pre-wrap leading-relaxed max-h-[30vh] overflow-y-auto"
 };
-var _hoisted_70$1 = [
+var _hoisted_72$1 = [
 	"src",
 	"alt",
 	"data-testid"
 ];
-var _hoisted_71$1 = ["href", "data-testid"];
-var _hoisted_72$1 = ["href", "data-testid"];
-var _hoisted_73$1 = [
+var _hoisted_73$1 = ["href", "data-testid"];
+var _hoisted_74$1 = ["href", "data-testid"];
+var _hoisted_75$1 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_74$1 = {
-	key: 15,
+var _hoisted_76$1 = {
+	key: 16,
 	class: "text-slate-800 font-semibold"
 };
-var _hoisted_75$1 = {
+var _hoisted_77$1 = {
 	key: 0,
 	class: "col-span-full text-xs font-semibold text-red-600 bg-red-50 border border-red-100 p-2.5 rounded-xl"
 };
-var _hoisted_76$1 = {
+var _hoisted_78$1 = {
 	key: 1,
 	class: "mt-5 pt-4 border-t border-slate-200/60",
 	"data-testid": "collections-detail-chat"
 };
-var _hoisted_77$1 = {
+var _hoisted_79$1 = {
 	class: "block text-[10px] font-bold text-slate-400 uppercase tracking-wider mb-1.5",
 	for: "collections-detail-chat-input"
 };
-var _hoisted_78$1 = { class: "flex items-end gap-2" };
-var _hoisted_79$1 = ["placeholder", "onKeydown"];
-var _hoisted_80$1 = ["disabled"];
+var _hoisted_80$1 = { class: "flex items-end gap-2" };
+var _hoisted_81$1 = ["placeholder", "onKeydown"];
+var _hoisted_82$1 = ["disabled"];
 //#endregion
 //#region src/vue/components/CollectionRecordPanel.vue
 var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2624,6 +2725,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		liveDerived: {},
 		viewTitle: {},
 		isSingleton: { type: Boolean },
+		readonly: { type: Boolean },
 		render: {},
 		locale: {}
 	}, {
@@ -2777,18 +2879,20 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								onClick: ($event) => emit("runAction", action)
 							}, [__props.runningActionIds.includes(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$6, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9$6, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_7$6);
 						}), 128)),
-						(0, vue.createElementVNode)("button", {
+						!__props.readonly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							key: 0,
 							type: "button",
 							class: "h-8 px-2.5 rounded border border-slate-200 bg-white text-slate-700 hover:bg-slate-50 font-bold text-xs transition-all flex items-center gap-1",
 							"data-testid": "collections-detail-edit",
 							onClick: _cache[1] || (_cache[1] = ($event) => emit("edit"))
-						}, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "edit", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.editItem")), 1)]),
-						(0, vue.createElementVNode)("button", {
+						}, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "edit", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.editItem")), 1)])) : (0, vue.createCommentVNode)("", true),
+						!__props.readonly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							key: 1,
 							type: "button",
 							class: "h-8 px-2.5 rounded border border-rose-200 bg-white text-rose-600 hover:bg-rose-50 font-bold text-xs transition-all flex items-center gap-1",
 							"data-testid": "collections-detail-remove",
 							onClick: _cache[2] || (_cache[2] = ($event) => emit("delete"))
-						}, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.remove")), 1)]),
+						}, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.remove")), 1)])) : (0, vue.createCommentVNode)("", true),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors",
@@ -2826,26 +2930,26 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							placeholder: (0, vue.unref)(t)("collectionsView.selectPlaceholder"),
 							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none font-medium text-slate-700 transition-all",
 							"data-testid": `collections-input-${key}`
-						}, null, 8, _hoisted_18$5)), [[vue.vModelText, editing.value.text[field.idField]]]) : editing.value && isEditableType(field.type) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_19$3, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						}, null, 8, _hoisted_18$5)), [[vue.vModelText, editing.value.text[field.idField]]]) : editing.value && isEditableType(field.type) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_19$4, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.bool[key] = $event,
 							type: "checkbox",
 							class: "h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer",
 							"data-testid": `collections-input-${key}`,
 							onChange: ($event) => markBoolTouched(String(key))
-						}, null, 40, _hoisted_20$3), [[vue.vModelCheckbox, editing.value.bool[key]]]), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, (0, vue.toDisplayString)(editing.value.bool[key] ? (0, vue.unref)(t)("common.yes") : (0, vue.unref)(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}, null, 40, _hoisted_20$4), [[vue.vModelCheckbox, editing.value.bool[key]]]), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, (0, vue.toDisplayString)(editing.value.bool[key] ? (0, vue.unref)(t)("common.yes") : (0, vue.unref)(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 1,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							required: isFieldRequiredInUi(field),
 							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs bg-slate-50 hover:bg-slate-50/50 focus:bg-white focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none transition-all cursor-pointer font-medium text-slate-700",
 							"data-testid": `collections-input-${key}`
-						}, [(0, vue.createElementVNode)("option", _hoisted_22$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.refOptions(field.to), (opt) => {
+						}, [(0, vue.createElementVNode)("option", _hoisted_22$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.refOptions(field.to), (opt) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: opt.slug,
 								value: opt.slug
 							}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_23$3);
-						}), 128))], 8, _hoisted_21$3)), [[vue.vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}), 128))], 8, _hoisted_21$4)), [[vue.vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 2,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
@@ -2965,8 +3069,16 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 3,
 							class: "text-xs font-medium text-slate-700 break-words",
 							"data-testid": `collections-detail-value-${key}`
-						}, [field.type === "toggle" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_53$1, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1))], 64)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [detailRecord.value[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_55$1, [_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_56$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_57$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 2,
+						}, [field.type === "toggle" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_53$1, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1))], 64)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [detailRecord.value[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_55$1, [_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_56$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_57$1, "—"))], 64)) : field.type === "flag" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [__props.render.deriveRecord(detailRecord.value)[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							key: 0,
+							class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-50 text-emerald-700 border border-emerald-200/40",
+							"data-testid": `collections-detail-flag-${key}`
+						}, [_cache[14] || (_cache[14] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)], 8, _hoisted_58$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							key: 1,
+							class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-slate-50 text-slate-400 border border-slate-200/20",
+							"data-testid": `collections-detail-flag-${key}`
+						}, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 9, _hoisted_59$1))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 3,
 							href: (0, vue.unref)(cui).recordHref?.(field.to, String(detailRecord.value[key])),
 							tabindex: (0, vue.unref)(cui).recordHref?.(field.to, String(detailRecord.value[key])) ? void 0 : 0,
 							role: "link",
@@ -2974,16 +3086,16 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"data-testid": `collections-detail-ref-${key}`,
 							onClick: ($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])),
 							onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["space"])]
-						}, (0, vue.toDisplayString)(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_58$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_59$1, (0, vue.toDisplayString)(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_60$1, (0, vue.toDisplayString)(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
-							key: 5,
+						}, (0, vue.toDisplayString)(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_60$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_61$1, (0, vue.toDisplayString)(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_62$1, (0, vue.toDisplayString)(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							key: 6,
 							class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-2 py-0.5 rounded border border-indigo-100/50",
 							"data-testid": `collections-detail-rollup-${key}`
-						}, (0, vue.toDisplayString)(__props.render.rollupDisplay(field, detailRecord.value)), 9, _hoisted_61$1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_62$1, [(0, vue.createElementVNode)("table", _hoisted_63$1, [(0, vue.createElementVNode)("thead", _hoisted_64$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
+						}, (0, vue.toDisplayString)(__props.render.rollupDisplay(field, detailRecord.value)), 9, _hoisted_63$1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_64$1, [(0, vue.createElementVNode)("table", _hoisted_65$1, [(0, vue.createElementVNode)("thead", _hoisted_66$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 								key: subKey,
 								class: "text-left px-4 py-2 font-bold"
 							}, (0, vue.toDisplayString)(subField.label), 1);
-						}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_65$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
+						}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_67$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 								key: rowIdx,
 								class: "hover:bg-slate-50/50"
@@ -2991,48 +3103,48 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
 									key: subKey,
 									class: "px-4 py-2 align-middle font-medium"
-								}, [subField.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row[subKey] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_66$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_67$1, "—"))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+								}, [subField.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row[subKey] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_69$1, "—"))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 									key: 1,
 									class: (0, vue.normalizeClass)([subField.type === "money" ? "font-bold text-slate-800 tabular-nums" : ""])
 								}, (0, vue.toDisplayString)(__props.render.formatSubCell(subField, row[subKey], detailRecord.value)), 3))]);
 							}), 128))]);
-						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_69$1, (0, vue.toDisplayString)(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionEmbedView_default, {
-							key: 9,
+						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_70$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_71$1, (0, vue.toDisplayString)(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionEmbedView_default, {
+							key: 10,
 							view: embedViews.value[key],
 							"field-key": String(key)
 						}, null, 8, ["view", "field-key"])) : field.type === "backlinks" && backlinksViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionBacklinksView_default, {
-							key: 10,
+							key: 11,
 							view: backlinksViews.value[key],
 							"field-key": String(key)
 						}, null, 8, ["view", "field-key"])) : field.type === "image" && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
-							key: 11,
+							key: 12,
 							src: (0, vue.unref)(resolveImageSrc)(String(detailRecord.value[key])),
 							alt: field.label,
 							class: "max-h-64 max-w-full object-contain rounded-lg border border-slate-200 bg-slate-50",
 							"data-testid": `collections-detail-image-${key}`
-						}, null, 8, _hoisted_70$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 12,
+						}, null, 8, _hoisted_72$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 13,
 							href: String(detailRecord.value[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-url-${key}`
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_71$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 13,
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_73$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 14,
 							href: __props.render.artifactUrl(detailRecord.value[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-file-${key}`
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_72$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 14,
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_74$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 15,
 							href: __props.render.fileRoutePath(detailRecord.value[key]) ?? void 0,
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-file-${key}`,
 							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, __props.render.fileRoutePath(detailRecord.value[key]) ?? "")
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_73$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_52$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
-					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_75$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)]),
-					!editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_76$1, [(0, vue.createElementVNode)("label", _hoisted_77$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemChatLabel")), 1), (0, vue.createElementVNode)("div", _hoisted_78$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_75$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_76$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_52$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
+					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_77$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)]),
+					!editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_78$1, [(0, vue.createElementVNode)("label", _hoisted_79$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemChatLabel")), 1), (0, vue.createElementVNode)("div", _hoisted_80$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						id: "collections-detail-chat-input",
 						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => chatMessage.value = $event),
 						rows: "2",
@@ -3040,13 +3152,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "flex-1 bg-slate-50 border border-slate-200/80 rounded-xl px-3 py-2 text-xs 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-detail-chat-input",
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(submitItemChat, ["meta"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(submitItemChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_79$1), [[vue.vModelText, chatMessage.value]]), (0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_81$1), [[vue.vModelText, chatMessage.value]]), (0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 rounded bg-indigo-600 text-white font-bold text-xs hover:bg-indigo-700 disabled:opacity-50 transition-all shadow-sm shadow-indigo-600/10 flex items-center gap-1 shrink-0",
 						disabled: !chatMessage.value.trim(),
 						"data-testid": "collections-detail-chat-send",
 						onClick: submitItemChat
-					}, [_cache[14] || (_cache[14] = (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)], 8, _hoisted_80$1)])])) : (0, vue.createCommentVNode)("", true)
+					}, [_cache[15] || (_cache[15] = (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)], 8, _hoisted_82$1)])])) : (0, vue.createCommentVNode)("", true)
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -3841,6 +3953,38 @@ function writeCollectionSort(slug, sort) {
 		localStorage.setItem(SORT_STORAGE_KEY, JSON.stringify(all));
 	} catch {}
 }
+var FLAG_FILTER_STORAGE_KEY = "collection_flag_filters";
+function isFlagFilterState(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+	return Object.values(value).every((mode) => mode === "hide" || mode === "only");
+}
+function readAllFlagFilters() {
+	try {
+		const raw = localStorage.getItem(FLAG_FILTER_STORAGE_KEY);
+		if (!raw) return {};
+		const parsed = JSON.parse(raw);
+		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return {};
+		const out = {};
+		for (const [slug, value] of Object.entries(parsed)) if (isFlagFilterState(value)) out[slug] = value;
+		return out;
+	} catch {
+		return {};
+	}
+}
+/** The slug's persisted chip states ({} when none). A key whose flag no
+*  longer exists in the schema is harmless — the chip list is derived
+*  from the live schema, so a stale entry just never renders/filters. */
+function readCollectionFlagFilters(slug) {
+	return readAllFlagFilters()[slug] ?? {};
+}
+/** Persist the slug's chip states; an empty state clears the entry. */
+function writeCollectionFlagFilters(slug, filters) {
+	try {
+		const all = Object.fromEntries(Object.entries(readAllFlagFilters()).filter(([key]) => key !== slug));
+		if (Object.keys(filters).length > 0) all[slug] = filters;
+		localStorage.setItem(FLAG_FILTER_STORAGE_KEY, JSON.stringify(all));
+	} catch {}
+}
 //#endregion
 //#region src/vue/components/CollectionView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$6 = { class: "h-full flex flex-col bg-slate-50/30" };
@@ -3858,222 +4002,240 @@ var _hoisted_6$4 = { class: "flex-1 min-w-0" };
 var _hoisted_7$4 = { class: "text-base font-bold text-slate-800 truncate" };
 var _hoisted_8$4 = {
 	key: 0,
-	class: "block text-[10px] text-slate-400 font-bold uppercase tracking-wider"
+	class: "block text-[10px] text-slate-400 font-bold uppercase tracking-wider truncate"
 };
-var _hoisted_9$4 = ["disabled"];
-var _hoisted_10$4 = { class: "material-icons text-sm" };
-var _hoisted_11$4 = [
+var _hoisted_9$4 = {
+	class: "inline-flex items-center gap-0.5 ml-1.5 px-1.5 py-px rounded bg-amber-50 text-amber-700 border border-amber-200 normal-case tracking-normal",
+	"data-testid": "collections-readonly-chip"
+};
+var _hoisted_10$4 = ["href"];
+var _hoisted_11$4 = ["disabled"];
+var _hoisted_12$4 = { class: "material-icons text-sm" };
+var _hoisted_13$4 = [
 	"disabled",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_12$4 = {
+var _hoisted_14$4 = {
 	key: 0,
 	class: "material-icons text-sm animate-spin"
 };
-var _hoisted_13$4 = {
+var _hoisted_15$4 = {
 	key: 1,
 	class: "material-icons text-sm"
 };
-var _hoisted_14$4 = ["title", "aria-label"];
-var _hoisted_15$4 = ["title", "aria-label"];
-var _hoisted_16$4 = {
+var _hoisted_16$4 = ["title", "aria-label"];
+var _hoisted_17$4 = ["title", "aria-label"];
+var _hoisted_18$4 = {
 	key: 1,
 	class: "mx-6 mt-2 rounded-lg border border-indigo-200 bg-indigo-50/60 px-4 py-2 text-sm text-indigo-800 flex items-center gap-2",
 	"data-testid": "collections-refresh-note"
 };
-var _hoisted_17$4 = { class: "flex-1" };
-var _hoisted_18$4 = {
+var _hoisted_19$3 = { class: "flex-1" };
+var _hoisted_20$3 = {
 	key: 2,
 	class: "px-6 py-3 bg-white border-b border-slate-100 flex items-center justify-between gap-4"
 };
-var _hoisted_19$2 = {
+var _hoisted_21$3 = {
 	key: 0,
 	class: "relative flex-1 max-w-md"
 };
-var _hoisted_20$2 = ["placeholder", "aria-label"];
-var _hoisted_21$2 = ["aria-label"];
-var _hoisted_22$2 = { class: "flex items-center gap-2" };
+var _hoisted_22$3 = ["placeholder", "aria-label"];
 var _hoisted_23$2 = ["aria-label"];
-var _hoisted_24$1 = ["aria-pressed"];
-var _hoisted_25$1 = ["aria-pressed"];
-var _hoisted_26$1 = ["aria-pressed"];
-var _hoisted_27$1 = [
+var _hoisted_24$1 = { class: "flex items-center gap-2" };
+var _hoisted_25$1 = ["aria-label"];
+var _hoisted_26$1 = [
+	"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_31 = ["aria-pressed"];
+var _hoisted_32 = [
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_28 = { class: "material-icons text-sm" };
-var _hoisted_29 = [
+var _hoisted_33 = { class: "material-icons text-sm" };
+var _hoisted_34 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_30 = {
+var _hoisted_35 = {
 	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_31 = ["title", "aria-label"];
-var _hoisted_32 = ["value", "aria-label"];
-var _hoisted_33 = ["value"];
-var _hoisted_34 = ["value", "aria-label"];
-var _hoisted_35 = ["value"];
-var _hoisted_36 = {
-	key: 3,
+var _hoisted_36 = ["title", "aria-label"];
+var _hoisted_37 = ["value", "aria-label"];
+var _hoisted_38 = ["value"];
+var _hoisted_39 = ["value", "aria-label"];
+var _hoisted_40 = ["value"];
+var _hoisted_41 = {
+	key: 4,
 	class: "text-[10px] text-slate-400 font-bold uppercase tracking-wider select-none"
 };
-var _hoisted_37 = {
+var _hoisted_42 = {
 	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_38 = { class: "flex-1" };
-var _hoisted_39 = { class: "flex-1 overflow-auto" };
-var _hoisted_40 = {
+var _hoisted_43 = { class: "flex-1" };
+var _hoisted_44 = { class: "flex-1 overflow-auto" };
+var _hoisted_45 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_41 = {
+var _hoisted_46 = {
 	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_42 = { key: 2 };
-var _hoisted_43 = {
+var _hoisted_47 = { key: 2 };
+var _hoisted_48 = {
 	key: 3,
 	class: "p-4"
 };
-var _hoisted_44 = {
+var _hoisted_49 = {
 	key: 4,
 	class: "h-full flex flex-col"
 };
-var _hoisted_45 = {
+var _hoisted_50 = {
 	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_46 = { class: "flex-1" };
-var _hoisted_47 = ["aria-label"];
-var _hoisted_48 = { class: "flex-1 min-h-0 px-3 py-2" };
-var _hoisted_49 = {
+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 = {
 	key: 5,
 	class: "h-full",
 	"data-testid": "collection-custom-view-body"
 };
-var _hoisted_50 = {
+var _hoisted_55 = {
 	key: 6,
 	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_56 = { class: "font-semibold text-slate-600" };
+var _hoisted_57 = {
 	key: 7,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_53 = { class: "font-semibold text-slate-600" };
-var _hoisted_54 = {
+var _hoisted_58 = { class: "font-semibold text-slate-600" };
+var _hoisted_59 = {
 	key: 8,
 	class: "overflow-x-auto [container-type:inline-size]"
 };
-var _hoisted_55 = {
+var _hoisted_60 = {
 	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_56 = { class: "flex-1" };
-var _hoisted_57 = ["aria-label"];
-var _hoisted_58 = { class: "min-w-full text-xs" };
-var _hoisted_59 = { class: "bg-slate-50 border-b border-slate-200" };
-var _hoisted_60 = ["aria-sort"];
-var _hoisted_61 = { class: "flex items-center gap-1" };
-var _hoisted_62 = ["title"];
-var _hoisted_63 = [
+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 = [
 	"data-testid",
 	"aria-label",
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_64 = { class: "material-icons text-base align-middle" };
-var _hoisted_65 = { class: "divide-y divide-slate-100 bg-white" };
-var _hoisted_66 = [
+var _hoisted_69 = { class: "material-icons text-base align-middle" };
+var _hoisted_70 = { class: "divide-y divide-slate-100 bg-white" };
+var _hoisted_71 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_67 = [
+var _hoisted_72 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_68 = [
+var _hoisted_73 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_69 = {
-	key: 2,
+var _hoisted_74 = ["data-testid", "aria-label"];
+var _hoisted_75 = {
+	key: 3,
 	class: "block truncate"
 };
-var _hoisted_70 = [
+var _hoisted_76 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_71 = [
+var _hoisted_77 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_72 = {
+var _hoisted_78 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_73 = ["value"];
-var _hoisted_74 = {
-	key: 4,
+var _hoisted_79 = ["value"];
+var _hoisted_80 = {
+	key: 5,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_75 = {
-	key: 5,
+var _hoisted_81 = {
+	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_76 = {
-	key: 6,
+var _hoisted_82 = {
+	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_77 = ["data-testid"];
-var _hoisted_78 = ["href", "data-testid"];
-var _hoisted_79 = ["href", "data-testid"];
-var _hoisted_80 = [
+var _hoisted_83 = ["data-testid"];
+var _hoisted_84 = ["href", "data-testid"];
+var _hoisted_85 = ["href", "data-testid"];
+var _hoisted_86 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_81 = {
-	key: 11,
+var _hoisted_87 = {
+	key: 12,
 	class: "block truncate text-slate-600"
 };
-var _hoisted_82 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
-var _hoisted_83 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
-var _hoisted_84 = { class: "flex-1" };
-var _hoisted_85 = {
+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 = {
 	id: "collections-chat-title",
 	class: "text-sm font-bold text-slate-800 uppercase tracking-wide"
 };
-var _hoisted_86 = { class: "text-xs text-slate-400 font-semibold" };
-var _hoisted_87 = ["aria-label"];
-var _hoisted_88 = { class: "px-6 py-5" };
-var _hoisted_89 = ["placeholder", "onKeydown"];
-var _hoisted_90 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
-var _hoisted_91 = ["disabled"];
+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"];
 /** `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
@@ -4084,6 +4246,7 @@ var _hoisted_91 = ["disabled"];
 *  is our "rendered inside a chat" signal. When set, chat-triggering
 *  actions send into the current session instead of spawning a new
 *  chat (see `runAction` / `submitChat`). */
+var COMPLETION_CHIP_KEY = "__completion";
 var LIVE_REFRESH_DEBOUNCE_MS = 150;
 //#endregion
 //#region src/vue/components/CollectionView.vue
@@ -4210,6 +4373,84 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!query) return items.value;
 			return items.value.filter((item) => itemMatchesQuery(item, query));
 		});
+		/** Chip key (state/testid/localStorage) for the synthesized
+		*  legacy-completion chip. Field names are unrestricted strings, so a
+		*  schema COULD declare a field with this exact name — the chip list
+		*  below skips synthesizing in that case, and the predicate dispatch
+		*  keys off the structural `synthetic` marker, never this string. */
+		function storedFlagFiltersFor(slug) {
+			return slug ? readCollectionFlagFilters(slug) : {};
+		}
+		const flagFilters = (0, vue.ref)(storedFlagFiltersFor(activeSlug.value));
+		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]) => ({
+				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({
+				key: COMPLETION_CHIP_KEY,
+				label: t("collectionsView.flagDoneChip"),
+				synthetic: true
+			});
+			return chips;
+		});
+		/** Own-property read of a chip's active mode. Field names may shadow
+		*  `Object.prototype` members (`toString`, `valueOf`, …) — a plain
+		*  `filters[key]` on such a key reads the inherited function, which
+		*  renders as an "active" chip that can never cycle (Codex review on
+		*  PR #2176). Every chip-state read goes through here. */
+		function flagFilterMode(key) {
+			const filters = flagFilters.value;
+			return Object.hasOwn(filters, key) ? filters[key] : void 0;
+		}
+		/** A flag FIELD's computed boolean for one row (list cells + sort):
+		*  the enriched record's value, so a flag over derived/rollup inputs
+		*  reads correctly. */
+		function flagValueOf(key, item) {
+			return render.deriveRecord(item)[key] === true;
+		}
+		/** The chip's boolean for one row — `itemIsDone` for the synthesized
+		*  completion chip, 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);
+		}
+		/** `filteredItems` further narrowed by every ACTIVE chip (AND). Consumed
+		*  only by the table (sortedItems / count summary / empty state). */
+		const tableFilteredItems = (0, vue.computed)(() => {
+			const active = flagChips.value.filter((chip) => flagFilterMode(chip.key) !== void 0);
+			if (active.length === 0) return filteredItems.value;
+			return filteredItems.value.filter((item) => active.every((chip) => chipMatches(chip, item) === (flagFilterMode(chip.key) === "only")));
+		});
+		/** Cycle a chip all → hide → only → all. */
+		function cycleFlagFilter(key) {
+			const current = flagFilterMode(key);
+			const next = current === void 0 ? "hide" : current === "hide" ? "only" : void 0;
+			const rest = Object.fromEntries(Object.entries(flagFilters.value).filter(([entry]) => entry !== key));
+			flagFilters.value = next ? {
+				...rest,
+				[key]: next
+			} : rest;
+		}
+		function flagChipIcon(key) {
+			const mode = flagFilterMode(key);
+			return mode === "hide" ? "visibility_off" : mode === "only" ? "filter_alt" : "visibility";
+		}
+		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";
+		}
+		function flagChipTitle(chip) {
+			const mode = flagFilterMode(chip.key);
+			if (mode === "hide") return t("collectionsView.flagFilterHide", { label: chip.label });
+			if (mode === "only") return t("collectionsView.flagFilterOnly", { label: chip.label });
+			return t("collectionsView.flagFilterAll", { label: chip.label });
+		}
 		function storedSortFor(slug) {
 			return slug && readCollectionSort(slug) || null;
 		}
@@ -4256,10 +4497,11 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				default: return (0, _mulmoclaude_core_collection.stringSortValue)(raw);
 			}
 		}
-		/** Comparable value for one row under the active field. Toggle and derived
-		*  need the whole record; every other type keys off the raw cell. */
+		/** Comparable value for one row under the active field. Toggle, flag, and
+		*  derived need the whole record; every other type keys off the raw cell. */
 		function sortValueOf(field, key, item) {
 			if (field.type === "toggle") return (0, _mulmoclaude_core_collection.boolSortValue)(toggleChecked(item, field));
+			if (field.type === "flag") return (0, _mulmoclaude_core_collection.boolSortValue)(flagValueOf(key, item));
 			if (field.type === "derived") return derivedSortValue(field, key, item);
 			return scalarSortValue(field, item[key]);
 		}
@@ -4275,8 +4517,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const sortedItems = (0, vue.computed)(() => {
 			const state = sortState.value;
 			const field = state ? collection.value?.schema.fields[state.field] : void 0;
-			if (!state || !field) return filteredItems.value;
-			return (0, _mulmoclaude_core_collection.sortItems)(filteredItems.value, state.direction, (item) => sortValueOf(field, state.field, item));
+			if (!state || !field) return tableFilteredItems.value;
+			return (0, _mulmoclaude_core_collection.sortItems)(tableFilteredItems.value, state.direction, (item) => sortValueOf(field, state.field, item));
 		});
 		/** Stringified primary-key value for a row (the row's stable identity). */
 		function rowId(item) {
@@ -4627,10 +4869,22 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		/** True when the current collection declares `schema.singleton` —
 		*  exactly one record, its primary key fixed to the declared value. */
 		const isSingleton = (0, vue.computed)(() => Boolean(collection.value?.schema.singleton));
+		/** True when the collection is backed by an external `dataSource` (CSV) —
+		*  read-only in every write surface here; the server enforces the same
+		*  rule with 405s, this just keeps dead controls off the screen. */
+		const isReadOnly = (0, vue.computed)(() => collection.value?.schema.dataSource !== void 0);
+		/** File-explorer route for the dataSource file (the one editable thing
+		*  about a read-only collection), or null on a router-less host. */
+		const dataSourceRoute = (0, vue.computed)(() => {
+			const sourcePath = collection.value?.schema.dataSource?.path;
+			return sourcePath ? fileRoutePath(sourcePath) : null;
+		});
 		/** Whether the Add button should show. Always for a normal collection;
-		*  for a singleton only until its one record exists. */
+		*  for a singleton only until its one record exists; never for a
+		*  read-only (dataSource) collection. */
 		const canCreate = (0, vue.computed)(() => {
 			if (!collection.value) return false;
+			if (isReadOnly.value) return false;
 			return !(isSingleton.value && items.value.length > 0);
 		});
 		const canDeleteCollection = (0, vue.computed)(() => {
@@ -5022,7 +5276,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  race the in-flight one. On failure, roll the cell back and surface the
 		*  error. Bypasses the detail/edit panel entirely. */
 		async function commitInlineEdit(item, key, field, raw) {
-			if (!collection.value) return;
+			if (!collection.value || isReadOnly.value) return;
 			const { slug } = collection.value;
 			const itemId = rowId(item);
 			if (!itemId || inlineSavingRows.value.has(itemId)) return;
@@ -5210,6 +5464,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				kanbanOverride.value = null;
 				addMenuOpen.value = false;
 				sortState.value = storedSortFor(slug);
+				flagFilters.value = storedFlagFiltersFor(slug);
 			}
 			if (slug) loadCollection(slug);
 			else {
@@ -5264,6 +5519,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			calendarAnchorField,
 			kanbanGroupField,
 			sortState,
+			flagFilters,
 			loading
 		], () => {
 			if (embedded.value) emit("viewStateChange", {
@@ -5274,6 +5530,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (activeSlug.value && !loading.value && collection.value) {
 				if (!embedded.value) writeCollectionViewMode(activeSlug.value, activeView.value);
 				writeCollectionSort(activeSlug.value, sortState.value);
+				writeCollectionFlagFilters(activeSlug.value, flagFilters.value);
 			}
 		});
 		(0, vue.watch)(activeSelected, () => {
@@ -5292,9 +5549,15 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[26] || (_cache[26] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[27] || (_cache[27] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
 					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$5, [(0, vue.createElementVNode)("span", _hoisted_5$5, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
-					(0, vue.createElementVNode)("div", _hoisted_6$4, [(0, vue.createElementVNode)("h1", _hoisted_7$4, (0, vue.toDisplayString)(collection.value?.title ?? (0, vue.unref)(t)("collectionsView.title")), 1), collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$4, (0, vue.toDisplayString)(collection.value.slug), 1)) : (0, vue.createCommentVNode)("", true)]),
+					(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", {
+						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",
+						"data-testid": "collections-readonly-source",
+						onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(activatePathLink)($event, dataSourceRoute.value ?? "", true))
+					}, (0, vue.toDisplayString)(collection.value.schema.dataSource?.path), 9, _hoisted_10$4)) : (0, vue.createCommentVNode)("", true)], 64)) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true)]),
 					collection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(pinToggle)), {
 						key: 2,
 						kind: isFeedRoute.value ? "feed" : "collection",
@@ -5314,14 +5577,14 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						disabled: refreshing.value,
 						"data-testid": "collections-refresh-feed",
 						onClick: refreshFeed
-					}, [(0, vue.createElementVNode)("span", _hoisted_10$4, (0, vue.toDisplayString)(refreshing.value ? "hourglass_empty" : "refresh"), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.refreshFeed")), 1)], 8, _hoisted_9$4)) : (0, vue.createCommentVNode)("", true),
+					}, [(0, vue.createElementVNode)("span", _hoisted_12$4, (0, vue.toDisplayString)(refreshing.value ? "hourglass_empty" : "refresh"), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.refreshFeed")), 1)], 8, _hoisted_11$4)) : (0, vue.createCommentVNode)("", true),
 					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 4,
 						type: "button",
 						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[27] || (_cache[27] = (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[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),
 					((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,
@@ -5330,7 +5593,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							disabled: collectionActionPending.value || isActionRunning(action.id),
 							"data-testid": `collections-action-${action.id}`,
 							onClick: ($event) => runCollectionAction(action)
-						}, [isActionRunning(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_12$4, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_13$4, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_11$4);
+						}, [isActionRunning(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_14$4, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_15$4, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_13$4);
 					}), 128)),
 					canCreate.value && !calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 5,
@@ -5338,7 +5601,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[28] || (_cache[28] = (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[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),
 					canDeleteCollection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 6,
 						type: "button",
@@ -5347,7 +5610,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[29] || (_cache[29] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[31] || (_cache[31] = [(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",
@@ -5356,28 +5619,45 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[30] || (_cache[30] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_15$4)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[32] || (_cache[32] = [(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_16$4, [_cache[31] || (_cache[31] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_17$4, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
-				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_19$2, [
-					_cache[33] || (_cache[33] = (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)),
+				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),
+				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)),
 					(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
 						type: "text",
 						placeholder: (0, vue.unref)(t)("collectionsView.searchPlaceholder"),
 						"aria-label": (0, vue.unref)(t)("collectionsView.searchPlaceholder"),
 						class: "w-full bg-slate-50 border border-slate-200/80 rounded-xl pl-9 pr-8 py-1.5 text-xs placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all font-medium"
-					}, null, 8, _hoisted_20$2), [[vue.vModelText, searchQuery.value]]),
+					}, null, 8, _hoisted_22$3), [[vue.vModelText, searchQuery.value]]),
 					searchQuery.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
 						"aria-label": (0, vue.unref)(t)("collectionsView.clearSearch"),
 						class: "absolute inset-y-0 right-0 flex items-center pr-2.5 text-slate-400 hover:text-slate-600",
-						onClick: _cache[1] || (_cache[1] = ($event) => searchQuery.value = "")
-					}, [..._cache[32] || (_cache[32] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_21$2)) : (0, vue.createCommentVNode)("", true)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_22$2, [
-					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						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)
+				])) : (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",
+						role: "group",
+						"aria-label": (0, vue.unref)(t)("collectionsView.flagFilterGroup")
+					}, [((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)]),
+							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),
+					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 1,
 						class: "flex gap-0.5",
 						role: "group",
 						"aria-label": (0, vue.unref)(t)("collectionsView.viewToggle")
@@ -5387,24 +5667,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[2] || (_cache[2] = ($event) => setView("table"))
-						}, [_cache[34] || (_cache[34] = (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_24$1),
+							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),
 						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[3] || (_cache[3] = ($event) => setView("calendar"))
-						}, [_cache[35] || (_cache[35] = (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_25$1)) : (0, vue.createCommentVNode)("", true),
+							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),
 						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[4] || (_cache[4] = ($event) => setView("kanban"))
-						}, [_cache[36] || (_cache[36] = (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_26$1)) : (0, vue.createCommentVNode)("", true),
+							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),
 						((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,
@@ -5413,7 +5693,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_28, (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_27$1);
+							}, [(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);
 						}), 128)),
 						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
@@ -5428,17 +5708,17 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-expanded": addMenuOpen.value,
 							"data-testid": "collection-view-add",
 							onClick: onAddViewClick
-						}, [..._cache[37] || (_cache[37] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_29), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_30, [(0, vue.createElementVNode)("button", {
+						}, [..._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", {
 							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[38] || (_cache[38] = (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[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", {
 							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[39] || (_cache[39] = (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[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),
 						canConfigureViews.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 3,
 							type: "button",
@@ -5446,51 +5726,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[7] || (_cache[7] = ($event) => configOpen.value = true)
-						}, [..._cache[40] || (_cache[40] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_31)) : (0, vue.createCommentVNode)("", true)
-					], 8, _hoisted_23$2)) : (0, vue.createCommentVNode)("", true),
+							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),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
-						key: 1,
+						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[8] || (_cache[8] = ($event) => anchorOverride.value = $event.target.value)
+						onChange: _cache[9] || (_cache[9] = ($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_33);
-					}), 128))], 40, _hoisted_32)) : (0, vue.createCommentVNode)("", true),
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_38);
+					}), 128))], 40, _hoisted_37)) : (0, vue.createCommentVNode)("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
-						key: 2,
+						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[9] || (_cache[9] = ($event) => kanbanOverride.value = $event.target.value)
+						onChange: _cache[10] || (_cache[10] = ($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_35);
-					}), 128))], 40, _hoisted_34)) : (0, vue.createCommentVNode)("", true),
-					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_36, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
-						shown: filteredItems.value.length,
+						}, (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", {
+						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_37, [
-					_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_38, (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_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),
 					(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[41] || (_cache[41] = (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[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)])
 				])) : (0, vue.createCommentVNode)("", true),
-				(0, vue.createElementVNode)("div", _hoisted_39, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_40, [_cache[43] || (_cache[43] = (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_41, [_cache[44] || (_cache[44] = (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_42)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, [(0, vue.createVNode)(CollectionCalendarView_default, {
+				(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, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -5526,7 +5806,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					detail: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[10] || (_cache[10] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[11] || (_cache[11] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -5539,13 +5819,14 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"live-derived": liveDerived.value,
 						"view-title": viewTitle.value,
 						"is-singleton": isSingleton.value,
+						readonly: isReadOnly.value,
 						render: (0, vue.unref)(render),
 						locale: (0, vue.unref)(locale),
 						onSubmit: saveEditor,
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: onDayClose,
-						onDelete: _cache[11] || (_cache[11] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[12] || (_cache[12] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction,
 						onItemChat
 					}, null, 8, [
@@ -5562,6 +5843,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"live-derived",
 						"view-title",
 						"is-singleton",
+						"readonly",
 						"render",
 						"locale"
 					])]),
@@ -5577,21 +5859,22 @@ 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_44, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [
-					_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_46, (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_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.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
-						onClick: _cache[12] || (_cache[12] = ($event) => inlineError.value = null)
-					}, [..._cache[45] || (_cache[45] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_47)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_48, [(0, vue.createVNode)(CollectionKanbanView_default, {
+						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, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"group-field": kanbanGroupField.value,
 					selected: viewing.value ? String(viewing.value[collection.value.schema.primaryKey] ?? "") : void 0,
 					notified: notifiedSeverities.value,
+					readonly: isReadOnly.value,
 					onSelect: onCalendarSelect,
 					onMove: onKanbanMove
 				}, null, 8, [
@@ -5599,8 +5882,9 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"items",
 					"group-field",
 					"selected",
-					"notified"
-				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_49, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
+					"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, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -5611,32 +5895,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_50, [_cache[47] || (_cache[47] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_51, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_52, [
-					_cache[48] || (_cache[48] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
-					(0, vue.createElementVNode)("p", _hoisted_53, (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_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),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "text-xs text-indigo-600 font-semibold hover:underline",
-						onClick: _cache[13] || (_cache[13] = ($event) => searchQuery.value = "")
+						onClick: _cache[14] || (_cache[14] = ($event) => (searchQuery.value = "", flagFilters.value = {}))
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.clearSearch")), 1)
-				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_54, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_55, [
-					_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_56, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 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.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[14] || (_cache[14] = ($event) => inlineError.value = null)
-					}, [..._cache[49] || (_cache[49] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_57)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_58, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_59, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
+						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]) => {
 					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_61, [(0, vue.createElementVNode)("span", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_66, [(0, vue.createElementVNode)("span", {
 						class: "truncate max-w-[14rem]",
 						title: field.label
-					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_62), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_67), (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)]),
@@ -5644,9 +5928,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[15] || (_cache[15] = ($event) => hoveredSortKey.value = null)
-					}, [(0, vue.createElementVNode)("span", _hoisted_64, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_63)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_60);
-				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_65, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
+						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) => {
 					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" : ""]),
@@ -5664,23 +5948,29 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 0,
 							type: "checkbox",
 							checked: toggleChecked(item, field),
-							disabled: isRowInlineSaving(item),
+							disabled: isReadOnly.value || isRowInlineSaving(item),
 							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[16] || (_cache[16] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitToggle(item, field)
-						}, null, 40, _hoisted_67)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+						}, null, 40, _hoisted_72)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 							key: 1,
 							type: "checkbox",
 							checked: item[key] === true,
-							disabled: isRowInlineSaving(item),
+							disabled: isReadOnly.value || isRowInlineSaving(item),
 							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[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
-						}, null, 40, _hoisted_68)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_69, [(0, vue.createElementVNode)("a", {
+						}, null, 40, _hoisted_73)) : 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", {
 							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",
@@ -5688,48 +5978,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_70)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
-							key: 3,
+						}, (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", {
+							key: 4,
 							value: item[key] == null ? "" : String(item[key]),
-							disabled: isRowInlineSaving(item),
+							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[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.value)
-						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_72, (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_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) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: value,
 								value
-							}, (0, vue.toDisplayString)(value), 9, _hoisted_73);
-						}), 128))], 42, _hoisted_71)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74, (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_75, [_cache[51] || (_cache[51] = (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_76, (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: 7,
+							}, (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", {
+							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_77)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 8,
+						}, (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", {
+							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[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_78)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 9,
+							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", {
+							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[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_79)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 10,
+							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", {
+							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_80)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_81, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
-					}), 128))], 42, _hoisted_66);
+						}, (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);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
 					key: 4,
@@ -5737,7 +6027,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[21] || (_cache[21] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[22] || (_cache[22] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -5750,13 +6040,14 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"live-derived": liveDerived.value,
 						"view-title": viewTitle.value,
 						"is-singleton": isSingleton.value,
+						readonly: isReadOnly.value,
 						render: (0, vue.unref)(render),
 						locale: (0, vue.unref)(locale),
 						onSubmit: saveEditor,
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: closeView,
-						onDelete: _cache[22] || (_cache[22] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[23] || (_cache[23] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction,
 						onItemChat
 					}, null, 8, [
@@ -5773,6 +6064,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"live-derived",
 						"view-title",
 						"is-singleton",
+						"readonly",
 						"render",
 						"locale"
 					])]),
@@ -5783,7 +6075,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					action: mutateModal.value.action,
 					pending: mutatePending.value,
 					error: mutateError.value,
-					onClose: _cache[23] || (_cache[23] = ($event) => mutateModal.value = null),
+					onClose: _cache[24] || (_cache[24] = ($event) => mutateModal.value = null),
 					onSubmit: submitMutateParams
 				}, null, 8, [
 					"action",
@@ -5796,7 +6088,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					title: collection.value.title,
 					views: customViews.value,
 					onChanged: onViewsChanged,
-					onClose: _cache[24] || (_cache[24] = ($event) => configOpen.value = false)
+					onClose: _cache[25] || (_cache[25] = ($event) => configOpen.value = false)
 				}, null, 8, [
 					"slug",
 					"title",
@@ -5811,29 +6103,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_82, [
-					(0, vue.createElementVNode)("header", _hoisted_83, [
-						_cache[53] || (_cache[53] = (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_84, [(0, vue.createElementVNode)("h2", _hoisted_85, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_86, (0, vue.toDisplayString)(collection.value.title), 1)]),
+				}, [(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)("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[52] || (_cache[52] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_87)
+						}, [..._cache[54] || (_cache[54] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_93)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_88, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_94, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						ref_key: "chatInputEl",
 						ref: chatInputEl,
-						"onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => chatMessage.value = $event),
+						"onUpdate:modelValue": _cache[26] || (_cache[26] = ($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_89), [[vue.vModelText, chatMessage.value]])]),
-					(0, vue.createElementVNode)("footer", _hoisted_90, [(0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_95), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_96, [(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",
@@ -5844,7 +6136,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_91)])
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_97)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};
@@ -5996,10 +6288,10 @@ var _hoisted_18$3 = {
 	key: 0,
 	class: "text-teal-600"
 };
-var _hoisted_19$1 = { key: 1 };
-var _hoisted_20$1 = { class: "flex items-center justify-between pt-1 border-t border-slate-100" };
-var _hoisted_21$1 = { class: "text-[10px] text-slate-400 font-mono" };
-var _hoisted_22$1 = { class: "flex items-center gap-2" };
+var _hoisted_19$2 = { key: 1 };
+var _hoisted_20$2 = { class: "flex items-center justify-between pt-1 border-t border-slate-100" };
+var _hoisted_21$2 = { class: "text-[10px] text-slate-400 font-mono" };
+var _hoisted_22$2 = { class: "flex items-center gap-2" };
 var _hoisted_23$1 = ["data-testid"];
 var _hoisted_24 = ["data-testid", "onClick"];
 var _hoisted_25 = [
@@ -6100,9 +6392,9 @@ var DiscoverPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					(0, vue.createElementVNode)("div", _hoisted_17$3, [
 						(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.fields", { count: entry.fieldCount })), 1),
 						entry.views.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_18$3, "· " + (0, vue.toDisplayString)(entry.views.join(" · ")), 1)) : (0, vue.createCommentVNode)("", true),
-						entry.hasSeed ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_19$1, "· " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.samples", { count: entry.seedCount })), 1)) : (0, vue.createCommentVNode)("", true)
+						entry.hasSeed ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_19$2, "· " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.samples", { count: entry.seedCount })), 1)) : (0, vue.createCommentVNode)("", true)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_20$1, [(0, vue.createElementVNode)("span", _hoisted_21$1, "v" + (0, vue.toDisplayString)(entry.version), 1), (0, vue.createElementVNode)("div", _hoisted_22$1, [stateOf(entry).status === "error" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					(0, vue.createElementVNode)("div", _hoisted_20$2, [(0, vue.createElementVNode)("span", _hoisted_21$2, "v" + (0, vue.toDisplayString)(entry.version), 1), (0, vue.createElementVNode)("div", _hoisted_22$2, [stateOf(entry).status === "error" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 0,
 						class: "text-[11px] text-red-600",
 						"data-testid": `discover-error-${entry.slug}`
@@ -6353,22 +6645,27 @@ var _hoisted_9$1 = {
 	class: "rounded-xl border border-slate-200 bg-white px-6 py-12 text-center text-sm text-slate-500 shadow-sm"
 };
 var _hoisted_10$1 = { class: "font-medium text-slate-700" };
-var _hoisted_11$1 = {
-	key: 3,
-	class: "grid gap-4 sm:grid-cols-2"
+var _hoisted_11$1 = { key: 3 };
+var _hoisted_12$1 = {
+	key: 0,
+	class: "flex items-center gap-1.5 mb-4",
+	"data-testid": "collections-filter-chips"
 };
-var _hoisted_12$1 = [
+var _hoisted_13$1 = ["data-testid", "onClick"];
+var _hoisted_14$1 = { class: "grid gap-4 sm:grid-cols-2" };
+var _hoisted_15$1 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_13$1 = { class: "material-symbols-outlined text-2xl" };
-var _hoisted_14$1 = { class: "flex-1 min-w-0" };
-var _hoisted_15$1 = { class: "block font-semibold text-slate-800 text-[15px] group-hover:text-indigo-950 transition-colors truncate" };
-var _hoisted_16$1 = { class: "block text-[10px] text-slate-400 mt-1 tracking-wider font-semibold uppercase flex items-center gap-1.5" };
-var _hoisted_17$1 = { class: "text-[10px] bg-slate-100 px-1 rounded lowercase text-slate-500 font-mono font-normal" };
-var _hoisted_18$1 = [
+var _hoisted_16$1 = { class: "material-symbols-outlined text-2xl" };
+var _hoisted_17$1 = { class: "flex-1 min-w-0" };
+var _hoisted_18$1 = { class: "block font-semibold text-slate-800 text-[15px] group-hover:text-indigo-950 transition-colors truncate" };
+var _hoisted_19$1 = { class: "block text-[10px] text-slate-400 mt-1 tracking-wider font-semibold uppercase flex items-center gap-1.5" };
+var _hoisted_20$1 = { class: "text-[10px] bg-slate-100 px-1 rounded lowercase text-slate-500 font-mono font-normal" };
+var _hoisted_21$1 = ["data-testid"];
+var _hoisted_22$1 = [
 	"title",
 	"aria-label",
 	"data-testid",
@@ -6387,6 +6684,18 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const collections = (0, vue.ref)([]);
 		const loading = (0, vue.ref)(true);
 		const loadError = (0, vue.ref)(null);
+		const FILTER_CHIPS = [
+			"all",
+			"editable",
+			"data"
+		];
+		const filter = (0, vue.ref)("all");
+		const hasReadonlyCollections = (0, vue.computed)(() => collections.value.some((collection) => collection.readonly === true));
+		const filteredCollections = (0, vue.computed)(() => {
+			if (filter.value === "editable") return collections.value.filter((collection) => collection.readonly !== true);
+			if (filter.value === "data") return collections.value.filter((collection) => collection.readonly === true);
+			return collections.value;
+		});
 		async function loadCollections() {
 			loading.value = true;
 			loadError.value = null;
@@ -6449,7 +6758,15 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				tab.value === "discover" ? ((0, vue.openBlock)(), (0, vue.createBlock)(DiscoverPanel_default, {
 					key: 1,
 					onImported: loadCollections
-				})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$1, [_cache[5] || (_cache[5] = (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_8$1, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.loadFailed")) + ": " + (0, vue.toDisplayString)(loadError.value), 1)])) : collections.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9$1, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("p", _hoisted_10$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.indexEmpty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_11$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(collections.value, (collection) => {
+				})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$1, [_cache[5] || (_cache[5] = (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_8$1, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.loadFailed")) + ": " + (0, vue.toDisplayString)(loadError.value), 1)])) : collections.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9$1, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("p", _hoisted_10$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.indexEmpty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_11$1, [hasReadonlyCollections.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12$1, [((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(FILTER_CHIPS, (chip) => {
+					return (0, vue.createElementVNode)("button", {
+						key: chip,
+						type: "button",
+						class: (0, vue.normalizeClass)(["px-3 h-7 rounded-full text-xs font-semibold border transition-colors", filter.value === chip ? "bg-indigo-600 border-indigo-600 text-white" : "bg-white border-slate-200 text-slate-500 hover:text-slate-700 hover:bg-slate-50"]),
+						"data-testid": `collections-filter-${chip}`,
+						onClick: ($event) => filter.value = chip
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)(`collectionsView.filter.${chip}`)), 11, _hoisted_13$1);
+				}), 64))])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_14$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(filteredCollections.value, (collection) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: collection.slug,
 						class: "group relative rounded-xl border border-slate-200 bg-white p-5 shadow-sm hover:shadow-md hover:border-indigo-300 transition-all duration-300 cursor-pointer flex items-center gap-4 focus:outline-none focus:ring-2 focus:ring-indigo-500/20",
@@ -6461,11 +6778,16 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(($event) => openCollection(collection.slug), ["self"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(($event) => openCollection(collection.slug), ["self", "prevent"]), ["space"])]
 					}, [
 						(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["absolute left-0 top-0 bottom-0 w-1 rounded-l-xl transition-all duration-300 group-hover:w-1.5", collection.source === "project" ? "bg-indigo-600" : "bg-violet-600"]) }, null, 2),
-						(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["h-12 w-12 flex items-center justify-center rounded-xl transition-all duration-300 group-hover:scale-105 shadow-sm", collection.source === "project" ? "bg-indigo-50 text-indigo-600 group-hover:bg-indigo-100/80 border border-indigo-100/50" : "bg-violet-50 text-violet-600 group-hover:bg-violet-100/80 border border-violet-100/50"]) }, [(0, vue.createElementVNode)("span", _hoisted_13$1, (0, vue.toDisplayString)(collection.icon), 1)], 2),
-						(0, vue.createElementVNode)("div", _hoisted_14$1, [(0, vue.createElementVNode)("span", _hoisted_15$1, (0, vue.toDisplayString)(collection.title), 1), (0, vue.createElementVNode)("span", _hoisted_16$1, [
+						(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["h-12 w-12 flex items-center justify-center rounded-xl transition-all duration-300 group-hover:scale-105 shadow-sm", collection.source === "project" ? "bg-indigo-50 text-indigo-600 group-hover:bg-indigo-100/80 border border-indigo-100/50" : "bg-violet-50 text-violet-600 group-hover:bg-violet-100/80 border border-violet-100/50"]) }, [(0, vue.createElementVNode)("span", _hoisted_16$1, (0, vue.toDisplayString)(collection.icon), 1)], 2),
+						(0, vue.createElementVNode)("div", _hoisted_17$1, [(0, vue.createElementVNode)("span", _hoisted_18$1, (0, vue.toDisplayString)(collection.title), 1), (0, vue.createElementVNode)("span", _hoisted_19$1, [
 							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["h-1.5 w-1.5 rounded-full", collection.source === "project" ? "bg-indigo-500" : "bg-violet-500"]) }, null, 2),
 							(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)(`collectionsView.source.${collection.source}`)) + " · ", 1),
-							(0, vue.createElementVNode)("code", _hoisted_17$1, (0, vue.toDisplayString)(collection.slug), 1)
+							(0, vue.createElementVNode)("code", _hoisted_20$1, (0, vue.toDisplayString)(collection.slug), 1),
+							collection.readonly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+								key: 0,
+								class: "inline-flex items-center gap-0.5 px-1.5 py-px rounded bg-amber-50 text-amber-700 border border-amber-200 normal-case tracking-normal",
+								"data-testid": `collections-readonly-badge-${collection.slug}`
+							}, [_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "lock", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.readonlyChip")), 1)], 8, _hoisted_21$1)) : (0, vue.createCommentVNode)("", true)
 						])]),
 						((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(pinToggle)), {
 							kind: "collection",
@@ -6477,17 +6799,18 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"title",
 							"icon"
 						])),
-						(0, vue.createElementVNode)("button", {
+						!collection.readonly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							key: 0,
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded-lg bg-slate-50 text-slate-400 hover:bg-teal-50 hover:text-teal-600 transition-all duration-300",
 							title: (0, vue.unref)(t)("collectionsView.contribute"),
 							"aria-label": (0, vue.unref)(t)("collectionsView.contribute"),
 							"data-testid": `collections-contribute-${collection.slug}`,
 							onClick: (0, vue.withModifiers)(($event) => startContributeChat(collection), ["stop"])
-						}, [..._cache[8] || (_cache[8] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "ios_share", -1)])], 8, _hoisted_18$1),
-						_cache[9] || (_cache[9] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 flex items-center justify-center rounded-lg bg-slate-50 group-hover:bg-indigo-50 text-slate-400 group-hover:text-indigo-600 transition-all duration-300" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg transition-transform duration-300 group-hover:translate-x-0.5" }, "chevron_right")], -1))
-					], 40, _hoisted_12$1);
-				}), 128))]))], 64))
+						}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "ios_share", -1)])], 8, _hoisted_22$1)) : (0, vue.createCommentVNode)("", true),
+						_cache[10] || (_cache[10] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 flex items-center justify-center rounded-lg bg-slate-50 group-hover:bg-indigo-50 text-slate-400 group-hover:text-indigo-600 transition-all duration-300" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg transition-transform duration-300 group-hover:translate-x-0.5" }, "chevron_right")], -1))
+					], 40, _hoisted_15$1);
+				}), 128))])]))], 64))
 			])]);
 		};
 	}
@@ -6717,9 +7040,11 @@ exports.collectionUi = collectionUi;
 exports.configureCollectionUi = configureCollectionUi;
 exports.customViewKey = customViewKey;
 exports.plugin = plugin;
+exports.readCollectionFlagFilters = readCollectionFlagFilters;
 exports.readCollectionSort = readCollectionSort;
 exports.readCollectionViewMode = readCollectionViewMode;
 exports.useCollectionRendering = useCollectionRendering;
+exports.writeCollectionFlagFilters = writeCollectionFlagFilters;
 exports.writeCollectionSort = writeCollectionSort;
 exports.writeCollectionViewMode = writeCollectionViewMode;