@ai-matrx/records-ui 0.113.36 → 0.113.37

package/dist/index.cjs

@@ -700,13 +700,20 @@ var NOT_ANSWERED_YET = whatYouMayDo(null, false);
 var KERNEL_REASON = "This is one of the tables the platform ships, so its columns are not changed from a screen. Make your own table to change columns.";
 function whatYouMayDoWithTable(table, level, known) {
   const base2 = whatYouMayDo(level, known);
-  if (!table?.is_kernel) return base2;
+  if (!table?.is_kernel) return table && tableIsLocked(table) ? lockedStructure(base2) : base2;
   return {
     ...base2,
     structure: false,
     why: (what) => what === "structure" ? KERNEL_REASON : base2.why(what)
   };
 }
+function tableIsLocked(table) {
+  return table?.metadata?.["locked"] === true;
+}
+var DATABASE_LOCKED_REASON = "This database is locked, so its columns and settings are read-only. Unlock it to change them.";
+function lockedStructure(base2) {
+  return { ...base2, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base2.why(what) };
+}
 
 // src/host.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1255,6 +1262,7 @@ var import_data_table2 = require("@ai-matrx/design-system/data-table");
 
 // src/personTime.ts
 var import_react4 = require("react");
+var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
 var zone = null;
 var listeners = /* @__PURE__ */ new Set();
 function valid(z) {
@@ -1270,6 +1278,7 @@ function setPersonTimeZone(next) {
   const clean = valid(next) ? next : null;
   if (clean === zone) return;
   zone = clean;
+  (0, import_table_style.setColorRuleTimeZone)(clean);
   listeners.forEach((l) => l());
 }
 function getPersonTimeZone() {
@@ -3419,6 +3428,28 @@ function descriptionPatch(table, text) {
   else delete metadata["description"];
   return { metadata };
 }
+function lockPatch(table, locked) {
+  const metadata = { ...table.metadata ?? {} };
+  if (locked) metadata["locked"] = true;
+  else delete metadata["locked"];
+  return { metadata };
+}
+async function saveTableLock(client, tableId, locked) {
+  const read = await client.tableRead({ table_id: tableId });
+  if (!read.ok) return { ok: false, says: refusalSentence(read.error) };
+  if (!read.data) return { ok: false, says: "This table could not be read, so it was not locked." };
+  const table = read.data;
+  const written = await (0, writeOnTheWinningVersion_exports.updateOnTheWinningVersion)(
+    client,
+    tableId,
+    lockPatch(table, locked),
+    await (0, recordVersions_exports.readTableVersionNow)(client, tableId),
+    { metadata: table.metadata ?? {} }
+  );
+  if (!written.ok) return { ok: false, says: refusalSentence(written.error) };
+  (0, import_react15.tableShapeChanged)(tableId);
+  return { ok: true };
+}
 function TableDetails({
   tableId,
   table,
@@ -3500,6 +3531,20 @@ function TableDetails({
         }
       )
     ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between gap-2", "data-table-lock": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-muted-foreground", children: "Lock database" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_design_system8.Button,
+        {
+          size: "sm",
+          variant: "outline",
+          disabled: busy,
+          onClick: () => void write(lockPatch(table, true), { metadata: table.metadata ?? {} }),
+          "data-table-lock-on": "",
+          children: "Lock"
+        }
+      )
+    ] }),
     refused ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-destructive", children: refused }) : null
   ] });
 }
@@ -4140,7 +4185,7 @@ var import_react65 = require("@ai-matrx/records/react");
 var import_design_system37 = require("@ai-matrx/design-system");
 
 // src/presentation.ts
-var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
+var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
 var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
 var import_records12 = require("@ai-matrx/records");
@@ -4273,8 +4318,8 @@ function parseGridPresentation(raw) {
   }
   if (!isRecord(value)) return {};
   const out = {};
-  const style = (0, import_table_style.parseTableStyle)(value["style"]);
-  if (!(0, import_table_style.tableStyleIsEmpty)(style)) out.style = style;
+  const style = (0, import_table_style2.parseTableStyle)(value["style"]);
+  if (!(0, import_table_style2.tableStyleIsEmpty)(style)) out.style = style;
   if (isRecord(value["formats"])) {
     const formats = {};
     for (const [key, cfg] of Object.entries(value["formats"])) {
@@ -4328,6 +4373,7 @@ function parseGridPresentation(raw) {
   if (typeof value["boardHideEmpty"] === "boolean") out.boardHideEmpty = value["boardHideEmpty"];
   if (typeof value["boardColorColumns"] === "boolean") out.boardColorColumns = value["boardColorColumns"];
   if (typeof value["boardCounts"] === "boolean") out.boardCounts = value["boardCounts"];
+  if (value["locked"] === true) out.locked = true;
   if (Array.isArray(value["boardLanesShut"])) {
     const shut = value["boardLanesShut"].filter((k) => typeof k === "string");
     if (shut.length > 0) out.boardLanesShut = shut;
@@ -4414,7 +4460,7 @@ function parseGrouping(raw) {
   return out;
 }
 function presentationIsEmpty(p) {
-  return (p.style === void 0 || (0, import_table_style.tableStyleIsEmpty)(p.style)) && Object.keys(p.formats ?? {}).length === 0 && (p.frozen?.length ?? 0) === 0 && p.grouping === void 0 && Object.keys(p.widths ?? {}).length === 0 && p.rowHeight === void 0 && (p.hiddenFields?.length ?? 0) === 0 && p.cardHidden === void 0 && (p.columnOrder?.length ?? 0) === 0 && p.gallerySize === void 0 && p.boardSize === void 0 && p.boardPreview === void 0 && p.boardHideEmpty === void 0 && p.boardColorColumns === void 0 && p.boardCounts === void 0 && (p.boardLanesShut?.length ?? 0) === 0 && p.wrap === void 0 && p.fit === void 0 && p.freezeFirst === void 0 && p.footer === void 0 && Object.keys(p.summaries ?? {}).length === 0;
+  return (p.style === void 0 || (0, import_table_style2.tableStyleIsEmpty)(p.style)) && Object.keys(p.formats ?? {}).length === 0 && (p.frozen?.length ?? 0) === 0 && p.grouping === void 0 && Object.keys(p.widths ?? {}).length === 0 && p.rowHeight === void 0 && (p.hiddenFields?.length ?? 0) === 0 && p.cardHidden === void 0 && (p.columnOrder?.length ?? 0) === 0 && p.gallerySize === void 0 && p.boardSize === void 0 && p.boardPreview === void 0 && p.boardHideEmpty === void 0 && p.boardColorColumns === void 0 && p.boardCounts === void 0 && (p.boardLanesShut?.length ?? 0) === 0 && p.locked === void 0 && p.wrap === void 0 && p.fit === void 0 && p.freezeFirst === void 0 && p.footer === void 0 && Object.keys(p.summaries ?? {}).length === 0;
 }
 function presentationDocument(p) {
   return presentationIsEmpty(p) ? "" : JSON.stringify(p);
@@ -7283,6 +7329,48 @@ var CONDITION_OPS = [
   { op: "gte", label: "is at least" },
   { op: "lte", label: "is at most" }
 ];
+var FilterTermsContext = (0, import_react42.createContext)(false);
+var RELATIVE_DAY_TERMS = [
+  { kind: "today", label: "is today" },
+  { kind: "tomorrow", label: "is tomorrow" },
+  { kind: "yesterday", label: "is yesterday" },
+  { kind: "this_week", label: "is this week" },
+  { kind: "next_week", label: "is next week" },
+  { kind: "last_week", label: "is last week" },
+  { kind: "this_month", label: "is this month" },
+  { kind: "next_month", label: "is next month" },
+  { kind: "last_month", label: "is last month" },
+  { kind: "before_today", label: "is before today" },
+  { kind: "next_days", label: "is in the next \u2026 days", takesDays: true },
+  { kind: "past_days", label: "is in the past \u2026 days", takesDays: true }
+];
+function relativeDayNode(fieldId, kind, days) {
+  const zone2 = getPersonTimeZone();
+  const window2 = { relative: kind };
+  if (RELATIVE_DAY_TERMS.find((t) => t.kind === kind)?.takesDays) window2["n"] = days ?? 7;
+  if (zone2) window2["tz"] = zone2;
+  return { op: "within", args: [{ field: fieldId }, { const: window2 }] };
+}
+function relativeDayOf(expr) {
+  const node = asNode(expr);
+  if (!node || node["op"] !== "within") return null;
+  const [a, b] = argsOf(node);
+  const window2 = asNode(b?.["const"]);
+  if (!a || typeof a["field"] !== "string" || !window2 || typeof window2["relative"] !== "string") return null;
+  const days = typeof window2["n"] === "number" ? window2["n"] : null;
+  return { kind: window2["relative"], days, field: a["field"] };
+}
+function meNode(fieldId, negate) {
+  return { op: negate ? "ne" : "eq", args: [{ field: fieldId }, { const: { me: true } }] };
+}
+function meOf(expr) {
+  const node = asNode(expr);
+  if (!node || node["op"] !== "eq" && node["op"] !== "ne") return null;
+  const [a, b] = argsOf(node);
+  const value = asNode(b?.["const"]);
+  if (!a || typeof a["field"] !== "string" || !value || value["me"] !== true) return null;
+  return { which: node["op"] === "eq" ? "me" : "not_me", field: a["field"] };
+}
 function pointsAtARecord(f) {
   return !!f?.field && f.field.type === "relation" && !!f.field.relation_target;
 }
@@ -7353,6 +7441,7 @@ function ChoiceValue({ field: field2, value, onChange }) {
 }
 function conditionIsSimple(expr) {
   if (expr === null || expr === void 0) return true;
+  if (relativeDayOf(expr) !== null || meOf(expr) !== null) return true;
   const node = expr;
   if (typeof node.op !== "string" || !CONDITION_OPS.some((c) => c.op === node.op)) return false;
   if (!Array.isArray(node.args)) return false;
@@ -7397,6 +7486,14 @@ function conditionInWords(expr, fields) {
     const args = Array.isArray(n["args"]) ? n["args"] : [];
     if (op2 === "not") return `not ${walk(args[0])}`;
     if (op2 === "present") return `${walk(args[0])} has been answered`;
+    const dayRange = relativeDayOf(n);
+    if (dayRange) {
+      const term = RELATIVE_DAY_TERMS.find((t) => t.kind === dayRange.kind);
+      const said3 = term ? term.label.replace("\u2026", String(dayRange.days ?? 7)) : "is in a day range";
+      return `${name(dayRange.field)} ${said3}`;
+    }
+    const reader = meOf(n);
+    if (reader) return `${name(reader.field)} ${reader.which === "me" ? "is me" : "is not me"}`;
     const word = said2[op2] ?? op2;
     if (op2 === "and" || op2 === "or") return args.map(walk).join(` ${word} `);
     if (args.length === 2) return `${walk(args[0])} ${word} ${walk(args[1])}`;
@@ -7418,11 +7515,31 @@ function conditionValue(typed2) {
 }
 function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", className }) {
   const node = expr ?? null;
-  const op2 = node?.op ?? "";
+  const filterTerms = (0, import_react42.useContext)(FilterTermsContext);
+  const relative = relativeDayOf(expr);
+  const reader = meOf(expr);
+  const op2 = relative ? `rel:${relative.kind}` : reader ? reader.which : node?.op ?? "";
   const onField = node?.args?.[0]?.field ?? "";
-  const value = node?.args?.[1]?.const ?? "";
+  const value = relative || reader ? "" : node?.args?.[1]?.const ?? "";
   const chosen = fields.find((f) => f.id === onField);
+  const chosenKind = chosen?.field ? String(editorKindFor(chosen.field)) : "";
+  const extraTerms = !filterTerms ? [] : chosenKind === "datetime" ? RELATIVE_DAY_TERMS.map((t) => ({ op: `rel:${t.kind}`, label: t.label })) : chosenKind === "member" ? [{ op: "me", label: "is me" }, { op: "not_me", label: "is not me" }] : [];
+  const relativeTerm = relative ? RELATIVE_DAY_TERMS.find((t) => t.kind === relative.kind) : void 0;
   function write(next) {
+    const picked = next.op;
+    const fieldNow = next.field ?? onField;
+    if (fieldNow && picked !== void 0 && (picked.startsWith("rel:") || picked === "me" || picked === "not_me")) {
+      onChange(picked === "me" || picked === "not_me" ? meNode(fieldNow, picked === "not_me") : relativeDayNode(fieldNow, picked.slice(4), relative?.days ?? void 0));
+      return;
+    }
+    if (fieldNow && next.days !== void 0 && relative) {
+      onChange(relativeDayNode(fieldNow, relative.kind, next.days));
+      return;
+    }
+    if (next.field !== void 0 && (relative || reader)) {
+      onChange(next.field ? { op: CONDITION_OPS[0].op, args: [{ field: next.field }, { const: "" }] } : null);
+      return;
+    }
     const chosenOp = next.op ?? (op2 || (next.field ? CONDITION_OPS[0].op : ""));
     const chosenField = next.field ?? onField;
     const chosenValue = next.value ?? value;
@@ -7464,11 +7581,21 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           className: "h-8 w-auto min-w-[6rem] text-xs",
           value: op2,
           onChange: (next) => write({ op: next }),
-          options: CONDITION_OPS.map((c) => ({ value: c.op, label: c.label })),
+          options: [...CONDITION_OPS, ...extraTerms].map((c) => ({ value: c.op, label: c.label })),
           attrs: { "data-condition": "comparison" }
         }
       ),
-      op2 === "present" ? null : pointsAtARecord(chosen) ? (
+      relative ? relativeTerm?.takesDays ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        import_design_system26.BasicInput,
+        {
+          className: "h-8 w-16 text-xs",
+          type: "number",
+          min: 0,
+          "aria-label": "Number of days",
+          value: String(relative.days ?? 7),
+          onChange: (e) => write({ days: Math.max(0, Math.floor(Number(e.target.value) || 0)) })
+        }
+      ) : null : reader || op2 === "present" ? null : pointsAtARecord(chosen) ? (
         // A RECORD IS PICKED BY ITS WORDS, NEVER TYPED AS AN ID. The same picker the
         // cell uses, on the same `relation_words_many` the cell reads, so a filter and
         // the column it filters can never disagree about what a record is called. It
@@ -13261,7 +13388,7 @@ function rulesLeaf(drafts, fields) {
   const out = [];
   for (const d of drafts) {
     const field2 = fields.find((f) => f.key === d.field);
-    if (!field2) continue;
+    if (!field2 || import_data_table11.COLOR_RULE_DATE_OPS.includes(d.op)) continue;
     out.push({
       ...d.id ? { id: d.id } : {},
       field: field2.id,
@@ -13273,6 +13400,22 @@ function rulesLeaf(drafts, fields) {
   }
   return out;
 }
+function draftsFromView(rules, fields) {
+  return (rules ?? []).filter((rule) => fields.some((f) => f.key === rule.field)).map((rule) => ({ id: rule.id, field: rule.field, op: rule.op, value: rule.value ?? "", color: rule.color, target: rule.target }));
+}
+function viewRulesFrom(drafts) {
+  return drafts.map((d, i) => ({
+    id: d.id ?? `rule-${Date.now().toString(36)}-${i}`,
+    field: d.field,
+    op: d.op,
+    ...import_data_table11.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
+    color: d.color,
+    target: d.target
+  }));
+}
+function isDateField2(field2) {
+  return field2 ? String(editorKindFor(field2)) === "datetime" : false;
+}
 function swatches(prefix, current, write) {
   return [
     ...import_data_table11.STYLE_COLORS.map((color) => ({
@@ -13284,7 +13427,7 @@ function swatches(prefix, current, write) {
   ];
 }
 function useGridColours(args) {
-  const { enabled, tableId, fields, decorations, mayColour, whyNot, notify } = args;
+  const { enabled, tableId, fields, decorations, mayColour, whyNot, notify, view } = args;
   const client = (0, import_react74.useRecordsClient)();
   const [rulesOpen, setRulesOpen] = (0, import_react73.useState)(null);
   const dialogOptions = useChoiceOptions(fields, rulesOpen !== null ? fields.filter(isChoiceField).map((f) => f.key) : []);
@@ -13432,6 +13575,16 @@ function useGridColours(args) {
       decorations: decorations.data,
       options: dialogOptions,
       onClose: () => setRulesOpen(null),
+      ...view ? {
+        viewRules: {
+          drafts: draftsFromView(view.rules, fields),
+          onSave: async (drafts) => {
+            view.save(viewRulesFrom(drafts));
+            notify?.success(drafts.length === 0 ? "This view's colour rules are cleared." : "This view's colour rules are kept.");
+            setRulesOpen(null);
+          }
+        }
+      } : {},
       onSave: async (drafts) => {
         const kept = await write(["rules"], rulesLeaf(drafts, fields), drafts.length === 0 ? "The colour rules are cleared." : "The colour rules are kept.");
         if (kept) setRulesOpen(null);
@@ -13475,17 +13628,27 @@ function ColourRulesDialog({
   decorations,
   options,
   onClose,
-  onSave
+  onSave,
+  viewRules
 }) {
   const [drafts, setDrafts] = (0, import_react73.useState)(null);
   const [busy, setBusy] = (0, import_react73.useState)(false);
-  const held = (0, import_react73.useMemo)(() => draftsFrom(decorations, fields), [decorations, fields]);
+  const [scope, setScope] = (0, import_react73.useState)("table");
+  const keptTable = (0, import_react73.useMemo)(() => draftsFrom(decorations, fields), [decorations, fields]);
+  const held = scope === "view" && viewRules ? viewRules.drafts : keptTable;
+  const opsFor = (key) => {
+    const field2 = fields.find((f) => f.key === key);
+    if (choicesOf(key)) return CHOICE_OPS;
+    const dateTests = scope === "view" && isDateField2(field2);
+    return import_data_table11.COLOR_RULE_OPS.filter((op2) => dateTests || !import_data_table11.COLOR_RULE_DATE_OPS.includes(op2));
+  };
   const rows = drafts ?? held;
   const set = (i, patch) => setDrafts(
     rows.map((r, j) => {
       if (j !== i) return r;
       const next = { ...r, ...patch };
       if (patch.field !== void 0 && choicesOf(next.field) && !CHOICE_OPS.includes(next.op)) return { ...next, op: "is", value: "" };
+      if (patch.field !== void 0 && !opsFor(next.field).includes(next.op)) return { ...next, op: "is", value: "" };
       return next;
     })
   );
@@ -13501,9 +13664,28 @@ function ColourRulesDialog({
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system41.Dialog, { open, onOpenChange: (next) => !next ? close() : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system41.DialogContent, { className: "sm:max-w-2xl", "data-records-colour-rules": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system41.DialogHeader, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system41.DialogTitle, { children: "Colour rules" }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system41.DialogDescription, { children: "The first rule a row matches wins. A rule tints the whole row, or only the cell it reads. Everyone who opens this table sees them." })
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system41.DialogDescription, { children: scope === "view" ? "The first rule a row matches wins. These rules belong to this view alone, and a date can be tested against today." : "The first rule a row matches wins. A rule tints the whole row, or only the cell it reads. Everyone who opens this table sees them." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      viewRules ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1.5 text-xs", "data-records-colour-rules-scope": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-muted-foreground", children: "Keep them on" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          PickOne,
+          {
+            label: "Where the rules are kept",
+            className: SELECT2,
+            value: scope,
+            onChange: (picked) => {
+              setScope(picked === "view" ? "view" : "table");
+              setDrafts(null);
+            },
+            options: [
+              { value: "table", label: "the table, for everyone" },
+              { value: "view", label: "this view" }
+            ]
+          }
+        )
+      ] }) : null,
       rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-muted-foreground", children: "No rules yet." }) : null,
       rows.map((rule, i) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 text-xs", "data-records-colour-rule": "", children: [
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-muted-foreground", children: i === 0 ? "When" : "Else when" }),
@@ -13525,7 +13707,7 @@ function ColourRulesDialog({
             className: SELECT2,
             value: rule.op,
             onChange: (picked) => set(i, { op: picked }),
-            options: (choicesOf(rule.field) ? import_data_table11.COLOR_RULE_OPS.filter((op2) => CHOICE_OPS.includes(op2)) : import_data_table11.COLOR_RULE_OPS).map((op2) => ({
+            options: opsFor(rule.field).map((op2) => ({
               value: op2,
               label: import_data_table11.COLOR_RULE_OP_LABELS[op2]
             }))
@@ -13602,7 +13784,7 @@ function ColourRulesDialog({
           disabled: busy || drafts === null,
           onClick: async () => {
             setBusy(true);
-            await onSave(rows);
+            await (scope === "view" && viewRules ? viewRules.onSave(rows) : onSave(rows));
             setBusy(false);
             setDrafts(null);
           },
@@ -15614,7 +15796,12 @@ function useMergedGridControls(args) {
     decorations: args.decorations ?? noDecorations,
     mayColour: editable && rights.write,
     whyNot: editable ? rights.why("write") : "Editing is off here.",
-    notify
+    notify,
+    // THIS VIEW'S OWN RULES: kept on the look like every other view setting (and saved to the view the same way).
+    view: {
+      rules: presentation.style?.rules,
+      save: (rules) => writeLook({ ...presentation, style: { ...presentation.style ?? { version: 1 }, rules } })
+    }
   });
   const [held, setHeld] = (0, import_react90.useState)(null);
   const keptOrder = presentation.columnOrder;
@@ -27083,7 +27270,9 @@ var GLYPHS = {
   "archive": [["rect", { "width": "20", "height": "5", "x": "2", "y": "3", "rx": "1" }], ["path", { "d": "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }], ["path", { "d": "M10 12h4" }]],
   "link-2": [["path", { "d": "M9 17H7A5 5 0 0 1 7 7h2" }], ["path", { "d": "M15 7h2a5 5 0 1 1 0 10h-2" }], ["line", { "x1": "8", "x2": "16", "y1": "12", "y2": "12" }]],
   "layout-grid": [["rect", { "width": "7", "height": "7", "x": "3", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "7", "x": "14", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "7", "x": "14", "y": "14", "rx": "1" }], ["rect", { "width": "7", "height": "7", "x": "3", "y": "14", "rx": "1" }]],
-  "git-merge": [["circle", { "cx": "18", "cy": "18", "r": "3" }], ["circle", { "cx": "6", "cy": "6", "r": "3" }], ["path", { "d": "M6 21V9a9 9 0 0 0 9 9" }]]
+  "git-merge": [["circle", { "cx": "18", "cy": "18", "r": "3" }], ["circle", { "cx": "6", "cy": "6", "r": "3" }], ["path", { "d": "M6 21V9a9 9 0 0 0 9 9" }]],
+  "lock": [["rect", { "width": "18", "height": "11", "x": "3", "y": "11", "rx": "2", "ry": "2" }], ["path", { "d": "M7 11V7a5 5 0 0 1 10 0v4" }]],
+  "lock-open": [["rect", { "width": "18", "height": "11", "x": "3", "y": "11", "rx": "2", "ry": "2" }], ["path", { "d": "M7 11V7a5 5 0 0 1 9.9-1" }]]
 };
 function ObjectActionGlyph({ name, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
@@ -29645,7 +29834,29 @@ function TableSettingsPanel({
   const [enriching, setEnriching] = (0, import_react165.useState)(null);
   if (table.error) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RefusalNotice, { error: fields.error, className });
-  if (!rights.structure) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: (0, import_design_system86.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
+  if (!rights.structure) {
+    if (tableIsLocked(table.data)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: (0, import_design_system86.cn)("flex flex-col items-start gap-2 text-xs text-muted-foreground", className), "data-table-locked": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: DATABASE_LOCKED_REASON }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          import_design_system86.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => {
+              void saveTableLock(client, tableId, false).then((done) => {
+                if (done.ok) table.reload();
+                else ui.notify?.error(done.says);
+              });
+            },
+            "data-table-unlock": "",
+            children: "Unlock database"
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: (0, import_design_system86.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
+  }
   const rows = [...fields.data ?? []].sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0));
   const remove = async (field2) => {
     const gone = await shape.retire({ field_id: field2.id });
@@ -36709,20 +36920,23 @@ function useSeedGuard() {
 var import_react213 = require("@ai-matrx/records/react");
 
 // src/viewActions.ts
+var VIEW_LOCKED_REASON = "This view is locked. Unlock it to change it.";
 var NOOP3 = () => {
 };
-function viewActions(whyNot, host) {
+function viewActions(whyNot, host, locked = false) {
   const one = (base2, run) => {
     if (whyNot !== null) return { ...base2, disabledReason: whyNot, run: NOOP3 };
     if (!run) return { ...base2, disabledReason: ACTION_NOT_HERE_REASON, run: NOOP3 };
     return { ...base2, run };
   };
+  const whenUnlocked = (action3) => locked && action3.disabledReason === void 0 ? { ...action3, disabledReason: VIEW_LOCKED_REASON, run: NOOP3 } : action3;
+  const lockVerb = host.toggleLock ? [one({ id: "lock", label: locked ? "Unlock view" : "Lock view", icon: locked ? "lock-open" : "lock", group: "organize" }, host.toggleLock)] : [];
   return [
-    one({ id: "rename", label: "Rename view\u2026", icon: "pencil", group: "organize", verb: "rename" }, host.rename),
+    whenUnlocked(one({ id: "rename", label: "Rename view\u2026", icon: "pencil", group: "organize", verb: "rename" }, host.rename)),
     one({ id: "duplicate", label: "Duplicate view", icon: "copy", group: "organize", verb: "duplicate" }, host.duplicate),
-    one(
-      { id: "archive", label: "Archive view", icon: "archive", group: "danger", destructive: true, verb: "archive" },
-      host.archive
+    ...lockVerb,
+    whenUnlocked(
+      one({ id: "archive", label: "Archive view", icon: "archive", group: "danger", destructive: true, verb: "archive" }, host.archive)
     )
   ];
 }
@@ -36841,6 +37055,17 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     setRenaming(null);
     await load();
   }
+  async function toggleLock(view) {
+    const presentation = { ...view.presentation ?? {} };
+    if (presentation.locked === true) delete presentation.locked;
+    else presentation.locked = true;
+    const written = await saveViewPatch(client, tableId, view.id, { presentation });
+    if (!written.ok) {
+      setError(written.error);
+      return;
+    }
+    await load();
+  }
   async function duplicate(view) {
     const { id: _id, movedFrom: _moved, ...spec } = view;
     const written = await declareView(client, {
@@ -36996,8 +37221,9 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       ) : viewActions(rights.admin ? null : rightsReason(rights, "structure") ?? ACTION_NO_ACCESS_REASON, {
         rename: () => setRenaming(current.name),
         duplicate: () => duplicate(current),
-        archive: () => archive(current)
-      }).map((action3) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+        archive: () => archive(current),
+        toggleLock: () => toggleLock(current)
+      }, current.presentation?.locked === true).map((action3) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
         "button",
         {
           type: "button",
@@ -49151,7 +49377,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                   "This view asks: ",
                   conditionInWords(saved, conditionFields),
                   ". It cannot be drawn here; clear it to start a new filter."
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
                   ConditionGroup,
                   {
                     lead: "Show records where",
@@ -49160,7 +49386,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                     fields: conditionFields,
                     onChange: setDraft
                   }
-                ),
+                ) }),
                 view.ruleId ? null : /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)("div", { className: "flex items-center gap-1", children: [
                   changed ? /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
                     import_design_system147.Button,
@@ -49933,10 +50159,31 @@ function TablePage({
     setSurface((now) => ({ ...now, main: isLayout ? "records" : named }));
   }, [activeView]);
   const [viewSaveRefused, setViewSaveRefused] = (0, import_react291.useState)(null);
+  const viewLocked = view?.presentation?.locked === true;
+  const unlockView = (0, import_react291.useCallback)(async () => {
+    const current = view;
+    if (!current) return;
+    const presentation = { ...current.presentation ?? {} };
+    delete presentation.locked;
+    const written = await saveViewPatch(client, tableId, current.id, { presentation });
+    if (!written.ok) {
+      recordsUi.notify?.error(refusalSentence(written.error));
+      return;
+    }
+    setView({ ...current, presentation });
+    setViewsEpoch((n) => n + 1);
+  }, [client, tableId, view, recordsUi.notify]);
+  const sayLocked = (0, import_react291.useCallback)(() => {
+    recordsUi.notify?.success(VIEW_LOCKED_REASON, { label: "Unlock", run: () => void unlockView() });
+  }, [recordsUi.notify, unlockView]);
   const patchView = (0, import_react291.useCallback)(
     async (asked2) => {
       const current = view;
       if (!current) return;
+      if (viewLocked) {
+        sayLocked();
+        return;
+      }
       const part = (0, import_views3.lookPart)(asked2);
       if (Object.keys(part).length === 0) return;
       const before = looks?.[current.id];
@@ -49947,7 +50194,7 @@ function TablePage({
       if (kept.ok) return;
       setViewSaveRefused({ error: kept.error, patch: asked2, lookBefore: before });
     },
-    [client, tableId, view, looks]
+    [client, tableId, view, looks, viewLocked, sayLocked]
   );
   const arrival = (0, import_react291.useRef)(viewAddress ?? null);
   const [gridQuery, setGridQuery] = (0, import_react291.useState)(null);
@@ -50020,6 +50267,10 @@ function TablePage({
     const current = view;
     const mine = current && looks ? looks[current.id] : void 0;
     if (!current || !mine) return;
+    if (viewLocked) {
+      sayLocked();
+      return;
+    }
     setLookRefused(null);
     const { patch, left } = (0, import_views3.saveToViewPlan)(current, mine);
     if (Object.keys(viewPatchDocument(patch)).length > 0) {
@@ -50066,6 +50317,10 @@ function TablePage({
   const designate = async () => {
     const current = view;
     if (!current || !layoutShowing) return;
+    if (viewLocked) {
+      sayLocked();
+      return;
+    }
     setDesignateRefused(null);
     const written = await (0, import_views2.designateView)(client, tableId, current.id, layoutShowing);
     if (!written.ok) {