@ai-matrx/records-ui 0.113.36 → 0.113.38

package/dist/pickers.cjs

@@ -1025,13 +1025,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 base = whatYouMayDo(level, known);
-  if (!table?.is_kernel) return base;
+  if (!table?.is_kernel) return table && tableIsLocked(table) ? lockedStructure(base) : base;
   return {
     ...base,
     structure: false,
     why: (what) => what === "structure" ? KERNEL_REASON : base.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(base) {
+  return { ...base, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base.why(what) };
+}
 
 // src/host.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -4225,10 +4232,46 @@ function SourceArchivedNotice({ fieldId, tableId }) {
 }
 
 // src/Condition.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_records16 = require("@ai-matrx/records");
-var import_react32 = require("@ai-matrx/records/react");
+var import_react33 = require("@ai-matrx/records/react");
+
+// src/personTime.ts
+var import_react31 = require("react");
+var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
+var zone = null;
+var listeners = /* @__PURE__ */ new Set();
+function getPersonTimeZone() {
+  return zone;
+}
+function usePersonTimeZone() {
+  return (0, import_react31.useSyncExternalStore)(
+    (cb) => {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+    () => zone,
+    () => null
+  );
+}
+function personWallNow(at = /* @__PURE__ */ new Date()) {
+  if (!zone) return at;
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone: zone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(at);
+  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
+  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
+}
+
+// src/Condition.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var CONDITION_OPS = [
   { op: "eq", label: "is" },
@@ -4239,6 +4282,48 @@ var CONDITION_OPS = [
   { op: "gte", label: "is at least" },
   { op: "lte", label: "is at most" }
 ];
+var FilterTermsContext = (0, import_react32.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;
 }
@@ -4248,11 +4333,11 @@ function isChoiceColumn(f) {
   return kind === "select" || kind === "multi_select";
 }
 function ChoiceValue({ field, value, onChange }) {
-  const client = (0, import_react32.useOptionalRecordsClient)();
-  const [choices, setChoices] = (0, import_react31.useState)(null);
-  const [open, setOpen] = (0, import_react31.useState)(false);
-  const [search, setSearch] = (0, import_react31.useState)("");
-  (0, import_react31.useEffect)(() => {
+  const client = (0, import_react33.useOptionalRecordsClient)();
+  const [choices, setChoices] = (0, import_react32.useState)(null);
+  const [open, setOpen] = (0, import_react32.useState)(false);
+  const [search, setSearch] = (0, import_react32.useState)("");
+  (0, import_react32.useEffect)(() => {
     if (!client) return;
     let cancelled = false;
     void (0, askOnce_exports.fieldOptionsOnce)(client, field.id).then((got) => {
@@ -4309,6 +4394,7 @@ function ChoiceValue({ field, 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;
@@ -4353,6 +4439,14 @@ function conditionInWords(expr, fields) {
     const args = Array.isArray(n["args"]) ? n["args"] : [];
     if (op === "not") return `not ${walk(args[0])}`;
     if (op === "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[op] ?? op;
     if (op === "and" || op === "or") return args.map(walk).join(` ${word} `);
     if (args.length === 2) return `${walk(args[0])} ${word} ${walk(args[1])}`;
@@ -4374,11 +4468,31 @@ function conditionValue(typed) {
 }
 function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", className }) {
   const node = expr ?? null;
-  const op = node?.op ?? "";
+  const filterTerms = (0, import_react32.useContext)(FilterTermsContext);
+  const relative = relativeDayOf(expr);
+  const reader = meOf(expr);
+  const op = 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 ?? (op || (next.field ? CONDITION_OPS[0].op : ""));
     const chosenField = next.field ?? onField;
     const chosenValue = next.value ?? value;
@@ -4420,11 +4534,21 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           className: "h-8 w-auto min-w-[6rem] text-xs",
           value: op,
           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" }
         }
       ),
-      op === "present" ? null : pointsAtARecord(chosen) ? (
+      relative ? relativeTerm?.takesDays ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_design_system21.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 || op === "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
@@ -4519,7 +4643,7 @@ function ConditionGroup({
   className
 }) {
   const { joiner, args } = clausesOf(expr);
-  const [drafting, setDrafting] = (0, import_react31.useState)(null);
+  const [drafting, setDrafting] = (0, import_react32.useState)(null);
   const nested = depth > 0;
   const replaceAt = (index, next) => {
     const nextArgs = args.slice();
@@ -4646,9 +4770,9 @@ function ConditionGroup({
 }
 
 // src/FieldRetype.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_records17 = require("@ai-matrx/records");
-var import_react34 = require("@ai-matrx/records/react");
+var import_react35 = require("@ai-matrx/records/react");
 var import_design_system22 = require("@ai-matrx/design-system");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var RETYPE_TARGETS = [
@@ -4685,17 +4809,17 @@ function currentTarget(field) {
   return "text";
 }
 function FieldRetype({ field, tableId, onRetyped }) {
-  const client = (0, import_react34.useRecordsClient)();
+  const client = (0, import_react35.useRecordsClient)();
   const notify = useRecordsUi().notify;
-  const [to, setTo] = (0, import_react33.useState)(null);
-  const [preview, setPreview] = (0, import_react33.useState)(null);
-  const [asking, setAsking] = (0, import_react33.useState)(false);
-  const [refusal, setRefusal] = (0, import_react33.useState)(null);
-  const [busy, setBusy] = (0, import_react33.useState)(false);
-  const [said2, setSaid] = (0, import_react33.useState)(null);
+  const [to, setTo] = (0, import_react34.useState)(null);
+  const [preview, setPreview] = (0, import_react34.useState)(null);
+  const [asking, setAsking] = (0, import_react34.useState)(false);
+  const [refusal, setRefusal] = (0, import_react34.useState)(null);
+  const [busy, setBusy] = (0, import_react34.useState)(false);
+  const [said2, setSaid] = (0, import_react34.useState)(null);
   const name = fieldName(field);
   const targets = RETYPE_TARGETS.filter((t) => t.id !== currentTarget(field));
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!to) return;
     let cancelled = false;
     setPreview(null);
@@ -4751,7 +4875,7 @@ function FieldRetype({ field, tableId, onRetyped }) {
           undo: async () => {
             const back = await client.migrateUndo({ migration_id: migration });
             if (!back.ok) throw new Error(refusalSentence(back.error));
-            (0, import_react34.tableShapeChanged)(tableId);
+            (0, import_react35.tableShapeChanged)(tableId);
             onRetyped?.();
           }
         });
@@ -4762,7 +4886,7 @@ function FieldRetype({ field, tableId, onRetyped }) {
     );
     setTo(null);
     setPreview(null);
-    (0, import_react34.tableShapeChanged)(tableId);
+    (0, import_react35.tableShapeChanged)(tableId);
     onRetyped?.();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
@@ -4794,9 +4918,9 @@ function FieldRetype({ field, tableId, onRetyped }) {
 }
 
 // src/FieldRulePreview.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_records18 = require("@ai-matrx/records");
-var import_react36 = require("@ai-matrx/records/react");
+var import_react37 = require("@ai-matrx/records/react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var PREVIEW_GROUPS2 = 1e3;
 function ruleWords(rules) {
@@ -4814,14 +4938,14 @@ function groupValue(value, numbers) {
   return /^-?(\d+\.?\d*|\.\d+)([eE][-+]?\d+)?$/.test(text) ? Number(text) : value;
 }
 function FieldRulePreview({ field, tableId, rules }) {
-  const client = (0, import_react36.useRecordsClient)();
-  const [preview, setPreview] = (0, import_react35.useState)(null);
-  const [refusal, setRefusal] = (0, import_react35.useState)(null);
-  const key = (0, import_react35.useMemo)(() => ruleWords(rules), [rules]);
-  const latest = (0, import_react35.useRef)(rules);
+  const client = (0, import_react37.useRecordsClient)();
+  const [preview, setPreview] = (0, import_react36.useState)(null);
+  const [refusal, setRefusal] = (0, import_react36.useState)(null);
+  const key = (0, import_react36.useMemo)(() => ruleWords(rules), [rules]);
+  const latest = (0, import_react36.useRef)(rules);
   latest.current = rules;
   const name = fieldName(field);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     let cancelled = false;
     setPreview(null);
     setRefusal(null);
@@ -4942,9 +5066,9 @@ function choiceLookForNewList(multi, rows) {
 }
 
 // src/ChoiceListEditor.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_records19 = require("@ai-matrx/records");
-var import_react38 = require("@ai-matrx/records/react");
+var import_react39 = require("@ai-matrx/records/react");
 var import_design_system23 = require("@ai-matrx/design-system");
 var import_data_table5 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -4989,15 +5113,15 @@ function ChoiceListEditor({
   rehome = {},
   onRehome
 }) {
-  const client = (0, import_react38.useRecordsClient)();
-  const [refused, setRefused] = (0, import_react37.useState)(null);
-  const [usage, setUsage] = (0, import_react37.useState)(null);
-  const [asking, setAsking] = (0, import_react37.useState)(null);
-  const [moveTo, setMoveTo] = (0, import_react37.useState)("");
-  const focusRow = (0, import_react37.useRef)(null);
-  const [removed, setRemoved] = (0, import_react37.useState)({});
+  const client = (0, import_react39.useRecordsClient)();
+  const [refused, setRefused] = (0, import_react38.useState)(null);
+  const [usage, setUsage] = (0, import_react38.useState)(null);
+  const [asking, setAsking] = (0, import_react38.useState)(null);
+  const [moveTo, setMoveTo] = (0, import_react38.useState)("");
+  const focusRow = (0, import_react38.useRef)(null);
+  const [removed, setRemoved] = (0, import_react38.useState)({});
   const fieldId = field?.id ?? null;
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (rows !== null || !fieldId || !field) return;
     let live = true;
     void client.fieldOptions({ field_id: fieldId }).then((got) => {
@@ -5014,7 +5138,7 @@ function ChoiceListEditor({
       live = false;
     };
   }, [client, fieldId, rows, onRows, onStart]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!onRehome || !fieldId) return;
     let live = true;
     void client.fieldChoiceUsage({ field_id: fieldId }).then(
@@ -5154,7 +5278,7 @@ function ChoiceListEditor({
   ] });
 }
 function ChoiceSwatch({ words, color, onColor }) {
-  const [open, setOpen] = (0, import_react37.useState)(false);
+  const [open, setOpen] = (0, import_react38.useState)(false);
   const pick = (next) => {
     onColor(next);
     setOpen(false);
@@ -5595,36 +5719,6 @@ function readersSentence(count, tableName2) {
   return `${rollups} on ${tableName2 ?? "this table"} read through this.`;
 }
 
-// src/personTime.ts
-var import_react39 = require("react");
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
-function usePersonTimeZone() {
-  return (0, import_react39.useSyncExternalStore)(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
-}
-function personWallNow(at = /* @__PURE__ */ new Date()) {
-  if (!zone) return at;
-  const parts = new Intl.DateTimeFormat("en-US", {
-    timeZone: zone,
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hourCycle: "h23"
-  }).formatToParts(at);
-  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
-  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
-}
-
 // src/gridMenus.ts
 function nextFieldSort(fields) {
   let last = 0;