@mulmoclaude/collection-plugin 0.11.3 → 0.12.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",
@@ -228,6 +235,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "コレクションを削除",
 				confirmDeleteCollection: "コレクション「{title}」とそのすべてのレコードを削除しますか？削除前に復元可能なバックアップが保存されます。",
 				itemsEmpty: "まだ項目がありません。+ を押して追加してください。",
+				readonlyChip: "読み取り専用",
+				itemsEmptyReadonly: "データファイルにまだ行がありません。ファイルに行を追加するとここに表示されます。",
+				filter: {
+					all: "すべて",
+					editable: "編集可能",
+					data: "データ"
+				},
 				notFound: "コレクションが見つかりません",
 				loadFailed: "読み込みに失敗しました",
 				requiredField: "この項目は必須です",
@@ -364,6 +378,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "删除集合",
 				confirmDeleteCollection: "删除整个“{title}”集合及其所有记录？删除前会先归档一份可恢复的备份。",
 				itemsEmpty: "暂无项目。点击 + 添加一个。",
+				readonlyChip: "只读",
+				itemsEmptyReadonly: "数据文件中还没有行。在文件中添加行后会显示在这里。",
+				filter: {
+					all: "全部",
+					editable: "可编辑",
+					data: "数据"
+				},
 				notFound: "未找到集合",
 				loadFailed: "加载失败",
 				requiredField: "此字段为必填项",
@@ -500,6 +521,13 @@ var i18n = (0, vue_i18n.createI18n)({
 				deleteCollection: "컬렉션 삭제",
 				confirmDeleteCollection: "\"{title}\" 컬렉션과 모든 레코드를 삭제하시겠습니까? 삭제 전에 복원 가능한 백업이 보관됩니다.",
 				itemsEmpty: "아직 항목이 없습니다. + 를 눌러 추가하세요.",
+				readonlyChip: "읽기 전용",
+				itemsEmptyReadonly: "데이터 파일에 아직 행이 없습니다. 파일에 행을 추가하면 여기에 표시됩니다.",
+				filter: {
+					all: "전체",
+					editable: "편집 가능",
+					data: "데이터"
+				},
 				notFound: "컬렉션을 찾을 수 없습니다",
 				loadFailed: "불러오기에 실패했습니다",
 				requiredField: "이 필드는 필수입니다",
@@ -636,6 +664,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",
@@ -772,6 +807,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",
@@ -908,6 +950,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",
@@ -1044,6 +1093,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",
@@ -2067,7 +2123,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 +2231,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 +2242,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 +2256,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, 8, [
 					"model-value",
 					"item-key",
+					"disabled",
 					"onChange"
 				])], 8, _hoisted_3$12);
 			}), 128))])]);
@@ -2424,23 +2483,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",
@@ -2624,6 +2683,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		liveDerived: {},
 		viewTitle: {},
 		isSingleton: { type: Boolean },
+		readonly: { type: Boolean },
 		render: {},
 		locale: {}
 	}, {
@@ -2777,18 +2837,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 +2888,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,
@@ -3858,222 +3920,227 @@ 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_24$1 = { class: "flex items-center gap-2" };
+var _hoisted_25$1 = ["aria-label"];
 var _hoisted_26$1 = ["aria-pressed"];
-var _hoisted_27$1 = [
+var _hoisted_27$1 = ["aria-pressed"];
+var _hoisted_28 = ["aria-pressed"];
+var _hoisted_29 = [
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_28 = { class: "material-icons text-sm" };
-var _hoisted_29 = [
+var _hoisted_30 = { class: "material-icons text-sm" };
+var _hoisted_31 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_30 = {
+var _hoisted_32 = {
 	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_33 = ["title", "aria-label"];
 var _hoisted_34 = ["value", "aria-label"];
 var _hoisted_35 = ["value"];
-var _hoisted_36 = {
+var _hoisted_36 = ["value", "aria-label"];
+var _hoisted_37 = ["value"];
+var _hoisted_38 = {
 	key: 3,
 	class: "text-[10px] text-slate-400 font-bold uppercase tracking-wider select-none"
 };
-var _hoisted_37 = {
+var _hoisted_39 = {
 	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_40 = { class: "flex-1" };
+var _hoisted_41 = { class: "flex-1 overflow-auto" };
+var _hoisted_42 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_41 = {
+var _hoisted_43 = {
 	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_44 = { key: 2 };
+var _hoisted_45 = {
 	key: 3,
 	class: "p-4"
 };
-var _hoisted_44 = {
+var _hoisted_46 = {
 	key: 4,
 	class: "h-full flex flex-col"
 };
-var _hoisted_45 = {
+var _hoisted_47 = {
 	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_48 = { class: "flex-1" };
+var _hoisted_49 = ["aria-label"];
+var _hoisted_50 = { class: "flex-1 min-h-0 px-3 py-2" };
+var _hoisted_51 = {
 	key: 5,
 	class: "h-full",
 	"data-testid": "collection-custom-view-body"
 };
-var _hoisted_50 = {
+var _hoisted_52 = {
 	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_53 = { class: "font-semibold text-slate-600" };
+var _hoisted_54 = {
 	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_55 = { class: "font-semibold text-slate-600" };
+var _hoisted_56 = {
 	key: 8,
 	class: "overflow-x-auto [container-type:inline-size]"
 };
-var _hoisted_55 = {
+var _hoisted_57 = {
 	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_58 = { class: "flex-1" };
+var _hoisted_59 = ["aria-label"];
+var _hoisted_60 = { class: "min-w-full text-xs" };
+var _hoisted_61 = { class: "bg-slate-50 border-b border-slate-200" };
+var _hoisted_62 = ["aria-sort"];
+var _hoisted_63 = { class: "flex items-center gap-1" };
+var _hoisted_64 = ["title"];
+var _hoisted_65 = [
 	"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_66 = { class: "material-icons text-base align-middle" };
+var _hoisted_67 = { class: "divide-y divide-slate-100 bg-white" };
+var _hoisted_68 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_67 = [
+var _hoisted_69 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_68 = [
+var _hoisted_70 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_69 = {
+var _hoisted_71 = {
 	key: 2,
 	class: "block truncate"
 };
-var _hoisted_70 = [
+var _hoisted_72 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_71 = [
+var _hoisted_73 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_72 = {
+var _hoisted_74 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_73 = ["value"];
-var _hoisted_74 = {
+var _hoisted_75 = ["value"];
+var _hoisted_76 = {
 	key: 4,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_75 = {
+var _hoisted_77 = {
 	key: 5,
 	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg text-[10px] font-bold bg-slate-100 text-slate-600 border border-slate-200/40"
 };
-var _hoisted_76 = {
+var _hoisted_78 = {
 	key: 6,
 	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-1.5 py-0.5 rounded border border-indigo-100/50"
 };
-var _hoisted_77 = ["data-testid"];
-var _hoisted_78 = ["href", "data-testid"];
-var _hoisted_79 = ["href", "data-testid"];
-var _hoisted_80 = [
+var _hoisted_79 = ["data-testid"];
+var _hoisted_80 = ["href", "data-testid"];
+var _hoisted_81 = ["href", "data-testid"];
+var _hoisted_82 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_81 = {
+var _hoisted_83 = {
 	key: 11,
 	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_84 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
+var _hoisted_85 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
+var _hoisted_86 = { class: "flex-1" };
+var _hoisted_87 = {
 	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_88 = { class: "text-xs text-slate-400 font-semibold" };
+var _hoisted_89 = ["aria-label"];
+var _hoisted_90 = { class: "px-6 py-5" };
+var _hoisted_91 = ["placeholder", "onKeydown"];
+var _hoisted_92 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
+var _hoisted_93 = ["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
@@ -4627,10 +4694,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 +5101,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;
@@ -5292,9 +5371,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 +5399,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 +5415,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 +5423,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 +5432,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,26 +5441,26 @@ 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, [
+						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, [
 					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
 						class: "flex gap-0.5",
@@ -5387,24 +5472,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_26$1),
 						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_27$1)) : (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_28)) : (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 +5498,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_30, (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_29);
 						}), 128)),
 						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
@@ -5428,17 +5513,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_31), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_32, [(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 +5531,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_33)) : (0, vue.createCommentVNode)("", true)
+					], 8, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 1,
 						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_35);
+					}), 128))], 40, _hoisted_34)) : (0, vue.createCommentVNode)("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 2,
 						value: kanbanGroupField.value,
 						class: "h-8 px-2 rounded border border-slate-200 bg-white text-xs font-semibold text-slate-600 focus:outline-none focus:border-indigo-500 cursor-pointer",
 						"aria-label": (0, vue.unref)(t)("collectionsView.kanbanFieldLabel"),
 						"data-testid": "collection-kanban-field",
-						onChange: _cache[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", {
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_37);
+					}), 128))], 40, _hoisted_36)) : (0, vue.createCommentVNode)("", true),
+					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_38, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
 						shown: filteredItems.value.length,
 						total: items.value.length
 					})), 1)) : (0, vue.createCommentVNode)("", true)
 				])])) : (0, vue.createCommentVNode)("", true),
-				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_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_39, [
+					_cache[44] || (_cache[44] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_40, (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_41, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_42, [_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_43, [_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_44)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [(0, vue.createVNode)(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -5526,7 +5611,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 +5624,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 +5648,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"live-derived",
 						"view-title",
 						"is-singleton",
+						"readonly",
 						"render",
 						"locale"
 					])]),
@@ -5577,21 +5664,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_46, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_47, [
+					_cache[48] || (_cache[48] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_48, (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_49)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_50, [(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 +5687,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_51, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -5611,32 +5700,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_52, [_cache[49] || (_cache[49] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_53, (0, vue.toDisplayString)((0, vue.unref)(t)(isReadOnly.value ? "collectionsView.itemsEmptyReadonly" : "collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_54, [
+					_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+					(0, vue.createElementVNode)("p", _hoisted_55, (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 = "")
 					}, (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_56, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_57, [
+					_cache[52] || (_cache[52] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_58, (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_59)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_60, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_61, [((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_63, [(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_64), (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 +5733,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_66, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_65)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_62);
+				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_67, [((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 +5753,23 @@ 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_69)) : 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_70)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_71, [(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 +5777,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", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_72)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 3,
 							value: item[key] == null ? "" : String(item[key]),
-							disabled: isRowInlineSaving(item),
+							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_74, (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", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_75);
+						}), 128))], 42, _hoisted_73)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_76, (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_77, [_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_78, (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,
 							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", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(render).rollupDisplay(field, item)), 9, _hoisted_79)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 8,
 							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", {
+							onClick: _cache[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_80)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 9,
 							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", {
+							onClick: _cache[21] || (_cache[21] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_81)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 10,
 							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_82)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_83, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
+					}), 128))], 42, _hoisted_68);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
 					key: 4,
@@ -5737,7 +5826,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 +5839,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 +5863,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"live-derived",
 						"view-title",
 						"is-singleton",
+						"readonly",
 						"render",
 						"locale"
 					])]),
@@ -5783,7 +5874,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 +5887,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 +5902,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_84, [
+					(0, vue.createElementVNode)("header", _hoisted_85, [
+						_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_86, [(0, vue.createElementVNode)("h2", _hoisted_87, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_88, (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_89)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_88, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_90, [(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_91), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_92, [(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 +5935,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_93)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};
@@ -5996,10 +6087,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 +6191,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 +6444,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 +6483,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 +6557,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 +6577,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 +6598,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))
 			])]);
 		};
 	}