@ai-matrx/records-ui 0.85.6 → 0.85.7

package/dist/index.js

@@ -3102,6 +3102,7 @@ import {
   useRecordsClient as useRecordsClient9,
   useTable as useTable2
 } from "@ai-matrx/records/react";
+import { asPermissionLevel } from "@ai-matrx/records";
 import { MatrxDataTable, tableStyleIsEmpty as tableStyleIsEmpty2 } from "@ai-matrx/design-system/data-table";
 
 // src/presentation.ts
@@ -5501,7 +5502,12 @@ function Grid({
                         recordId: row.id,
                         title: recordNameIn(table.data, row.document ?? {}),
                         action: action.name,
-                        prompt: action.prompt ?? action.name
+                        prompt: action.prompt ?? action.name,
+                        // No second read: what the grid holds travels with the press.
+                        tableName: table.data ? tableName(table.data) : "",
+                        fields: fields.data ?? [],
+                        document: row.document ?? {},
+                        level: asPermissionLevel(row.level)
                       })
                     },
                     action.id
@@ -12423,9 +12429,18 @@ function useMyChecklistSteps(limit = 25) {
   }, [refresh]);
   return { steps, loading, error, refresh };
 }
-function MyChecklistSteps({ className }) {
+function MyChecklistSteps({
+  className,
+  onlyIds,
+  onSteps,
+  actions
+}) {
   const client = useRecordsClient26();
-  const { steps, loading, error, refresh } = useMyChecklistSteps();
+  const { steps: held, loading, error, refresh } = useMyChecklistSteps();
+  useEffect25(() => {
+    onSteps?.(held.map((s) => s.step_id));
+  }, [held, onSteps]);
+  const steps = onlyIds ? held.filter((s) => onlyIds.has(s.step_id)) : held;
   const [busy, setBusy] = useState37(null);
   const [refusal2, setRefusal] = useState37(null);
   const complete = useCallback18(
@@ -12451,15 +12466,20 @@ function MyChecklistSteps({ className }) {
     ] }),
     error ? /* @__PURE__ */ jsx42(RefusalNotice, { error }) : null,
     refusal2 ? /* @__PURE__ */ jsx42(RefusalNotice, { error: refusal2 }) : null,
-    /* @__PURE__ */ jsx42("ol", { className: "flex flex-col gap-1.5", children: steps.map((step2) => /* @__PURE__ */ jsx42(
-      StepRow,
-      {
-        step: step2,
-        busy: busy === step2.step_id,
-        onComplete: (evidence) => void complete(step2, evidence)
-      },
-      step2.step_id
-    )) })
+    /* @__PURE__ */ jsx42("ol", { className: "flex flex-col gap-1.5", children: steps.map(
+      (step2) => actions ? /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-0.5", "data-step-row": step2.step_id, children: [
+        /* @__PURE__ */ jsx42(StepRow, { step: step2, busy: busy === step2.step_id, onComplete: (evidence) => void complete(step2, evidence) }),
+        /* @__PURE__ */ jsx42("div", { className: "flex items-center justify-end gap-1", children: actions(step2.step_id) })
+      ] }, step2.step_id) : /* @__PURE__ */ jsx42(
+        StepRow,
+        {
+          step: step2,
+          busy: busy === step2.step_id,
+          onComplete: (evidence) => void complete(step2, evidence)
+        },
+        step2.step_id
+      )
+    ) })
   ] });
 }
 function ChecklistsPanel({ tableId, onOpenRecord, className }) {
@@ -12839,6 +12859,24 @@ var DUE_WORD2 = DUE_STATE_LABEL;
 var INBOX_GROUPINGS = ["kind", "table", "none"];
 var GROUPING_WORD = { kind: "Kind", table: "Table", none: "None" };
 var KIND_ORDER = { approval: 0, proposal: 1, assignment: 2 };
+var INBOX_VIEWS = ["inbox", "snoozed", "done"];
+var VIEW_WORD = { inbox: "Inbox", snoozed: "Snoozed", done: "Done" };
+function snoozeChoices(now = /* @__PURE__ */ new Date()) {
+  const at8 = (d) => {
+    const x = new Date(d);
+    x.setHours(8, 0, 0, 0);
+    return x;
+  };
+  const later = new Date(now.getTime() + 3 * 36e5);
+  const tomorrow = at8(new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1));
+  const daysToMonday = (8 - now.getDay()) % 7 || 7;
+  const monday = at8(new Date(now.getFullYear(), now.getMonth(), now.getDate() + daysToMonday));
+  return [
+    { key: "1", label: "Later today", until: later },
+    { key: "2", label: "Tomorrow, 8 AM", until: tomorrow },
+    { key: "3", label: "Next Monday, 8 AM", until: monday }
+  ];
+}
 function groupInbox(items, by) {
   if (by === "none") return [{ key: "all", label: null, items: [...items] }];
   const groups = /* @__PURE__ */ new Map();
@@ -12880,8 +12918,19 @@ function ActionInbox({
   const anchor = useRef10(null);
   const [deciding, setDeciding] = useState38(false);
   const [batchSaid, setBatchSaid] = useState38(null);
+  const [view, setView] = useState38("inbox");
+  const [counts, setCounts] = useState38(null);
+  const [snoozing, setSnoozing] = useState38(null);
+  const [pickAt, setPickAt] = useState38("");
+  const [said, setSaid] = useState38(null);
+  const [stepIds, setStepIds] = useState38(/* @__PURE__ */ new Set());
+  const onSteps = useCallback19((ids) => setStepIds(new Set(ids)), []);
   const load = useCallback19(async () => {
-    const result = await client.workInbox({ limit: 200, includeDecided: showDecided });
+    const [result, counted] = await Promise.all([
+      client.workInbox({ limit: 200, includeDecided: view === "inbox" && showDecided, view }),
+      client.inboxCounts()
+    ]);
+    setCounts(counted.ok ? counted.data[0] ?? null : null);
     if (!result.ok) {
       setError(result.error);
       setItems([]);
@@ -12889,15 +12938,19 @@ function ActionInbox({
     }
     setError(null);
     setItems(result.data);
-  }, [client, showDecided]);
+  }, [client, showDecided, view]);
   useEffect26(() => {
     void load();
   }, [load]);
   const narrowed = useMemo26(() => {
-    const all = items ?? [];
+    const all = (items ?? []).filter((i) => !(view === "inbox" && i.kind === "assignment" && stepIds.has(i.item_id)));
     if (!tableId || everyTable) return all;
     return all.filter((i) => i.table_id === tableId);
-  }, [items, tableId, everyTable]);
+  }, [items, tableId, everyTable, view, stepIds]);
+  const waitingIds = useMemo26(
+    () => new Set((items ?? []).filter((i) => i.kind === "assignment").map((i) => i.item_id)),
+    [items]
+  );
   const groups = useMemo26(() => groupInbox(narrowed, groupBy), [narrowed, groupBy]);
   const shown3 = useMemo26(() => groups.flatMap((g) => g.items), [groups]);
   const elsewhere = (items?.length ?? 0) - narrowed.length;
@@ -12956,9 +13009,9 @@ function ActionInbox({
         setError(result.error);
         return;
       }
-      const said = {};
-      for (const r of result.data.results) said[r.item] = r.sentence;
-      setOutcome((o) => ({ ...o, ...said }));
+      const said2 = {};
+      for (const r of result.data.results) said2[r.item] = r.sentence;
+      setOutcome((o) => ({ ...o, ...said2 }));
       const { approved, declined, not_decided } = result.data;
       setBatchSaid(
         [
@@ -12972,6 +13025,79 @@ function ActionInbox({
     },
     [client, shown3, selected, decidable, load]
   );
+  const snooze = useCallback19(
+    async (itemId, title, until) => {
+      setSnoozing(null);
+      const result = await client.inboxSnooze({ item_id: itemId, until: until.toISOString() });
+      if (!result.ok) {
+        setError(result.error);
+        return;
+      }
+      setSaid({
+        text: `Snoozed until ${whenWords2(until.toISOString())}: ${title}`,
+        undo: async () => {
+          const back = await client.inboxUnsnooze({ item_id: itemId });
+          if (!back.ok) setError(back.error);
+          else setSaid({ text: back.data.sentence, undo: null });
+          await load();
+        }
+      });
+      await load();
+    },
+    [client, load]
+  );
+  const unsnooze = useCallback19(
+    async (itemId) => {
+      const result = await client.inboxUnsnooze({ item_id: itemId });
+      if (!result.ok) {
+        setError(result.error);
+        return;
+      }
+      setSaid({ text: result.data.sentence, undo: null });
+      await load();
+    },
+    [client, load]
+  );
+  const clearItem = useCallback19(
+    async (itemId) => {
+      const result = await client.inboxClear({ item_id: itemId });
+      if (!result.ok) {
+        setError(result.error);
+        return;
+      }
+      setSaid({
+        text: result.data.sentence,
+        undo: async () => {
+          const back = await client.inboxUnclear({ item_id: itemId });
+          if (!back.ok) setError(back.error);
+          else setSaid({ text: back.data.sentence, undo: null });
+          await load();
+        }
+      });
+      await load();
+    },
+    [client, load]
+  );
+  const unclear = useCallback19(
+    async (itemId) => {
+      const result = await client.inboxUnclear({ item_id: itemId });
+      if (!result.ok) {
+        setError(result.error);
+        return;
+      }
+      setSaid({ text: result.data.sentence, undo: null });
+      await load();
+    },
+    [client, load]
+  );
+  const clearable = useCallback19(
+    (item) => item.kind === "assignment" && view === "inbox",
+    [view]
+  );
+  const snoozable = useCallback19(
+    (item) => view === "inbox" && (item.kind === "assignment" || item.state === "pending") && !outcome[item.item_id],
+    [view, outcome]
+  );
   const open = useCallback19(
     (item) => {
       if (!onOpenRecord || !item.subject_id) return;
@@ -12983,6 +13109,47 @@ function ActionInbox({
     (event) => {
       const item = shown3[cursor];
       const key = event.key;
+      if (event.target?.tagName === "INPUT") return;
+      if (snoozing) {
+        const choice = snoozeChoices().find((c) => c.key === key);
+        const row = shown3.find((i) => i.item_id === snoozing);
+        if (choice && row) {
+          event.preventDefault();
+          void snooze(row.item_id, row.title, choice.until);
+          return;
+        }
+        if (key === "Escape") {
+          event.preventDefault();
+          setSnoozing(null);
+          return;
+        }
+      }
+      if (key === "s" && item && snoozable(item)) {
+        event.preventDefault();
+        setSnoozing((open2) => open2 === item.item_id ? null : item.item_id);
+        return;
+      }
+      if (key === "e" && item && clearable(item)) {
+        event.preventDefault();
+        void clearItem(item.item_id);
+        return;
+      }
+      if (key === "u" && item && view !== "inbox") {
+        event.preventDefault();
+        void (view === "snoozed" ? unsnooze(item.item_id) : unclear(item.item_id));
+        return;
+      }
+      if (key === "z" && said?.undo) {
+        event.preventDefault();
+        void said.undo();
+        return;
+      }
+      if (key === "v") {
+        event.preventDefault();
+        setView((v) => INBOX_VIEWS[(INBOX_VIEWS.indexOf(v) + 1) % INBOX_VIEWS.length]);
+        setSelected(/* @__PURE__ */ new Set());
+        return;
+      }
       if (key === "j" || key === "ArrowDown") {
         event.preventDefault();
         setCursor((c) => Math.min(shown3.length - 1, c + 1));
@@ -13016,7 +13183,7 @@ function ActionInbox({
         void decide(item, key === "a");
       }
     },
-    [shown3, cursor, decide, open, load, decidable, select, selected, decideSelected]
+    [shown3, cursor, decide, open, load, decidable, select, selected, decideSelected, snoozing, snooze, clearItem, unsnooze, unclear, said, view, snoozable, clearable]
   );
   const renderRow = (item, index) => {
     const settled = outcome[item.item_id];
@@ -13068,9 +13235,84 @@ function ActionInbox({
                 children: DUE_WORD2[item.due_state] ?? item.due_state
               }
             ) : null,
+            view === "snoozed" && item.snoozed_until ? /* @__PURE__ */ jsxs38("span", { className: "shrink-0 text-[11px] text-muted-foreground", "data-testid": "inbox-back-at", children: [
+              "Back ",
+              /* @__PURE__ */ jsx43("time", { dateTime: item.snoozed_until, children: whenWords2(item.snoozed_until) })
+            ] }) : null,
+            view === "done" && item.cleared_at ? /* @__PURE__ */ jsxs38("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: [
+              "Cleared ",
+              /* @__PURE__ */ jsx43("time", { dateTime: item.cleared_at, children: whenWords2(item.cleared_at) })
+            ] }) : null,
+            snoozable(item) ? /* @__PURE__ */ jsx43(
+              Button34,
+              {
+                size: "sm",
+                variant: "ghost",
+                className: "h-5 px-1 text-[11px]",
+                "aria-expanded": snoozing === item.item_id,
+                onClick: () => setSnoozing((o) => o === item.item_id ? null : item.item_id),
+                children: "Snooze"
+              }
+            ) : null,
+            clearable(item) ? /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => void clearItem(item.item_id), children: "Done" }) : null,
+            view === "snoozed" ? /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => void unsnooze(item.item_id), children: "Unsnooze" }) : null,
+            view === "done" ? /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => void unclear(item.item_id), children: "Put back" }) : null,
             item.subject_id && onOpenRecord ? /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => open(item), children: "Open" }) : null
           ] }),
           item.summary ? /* @__PURE__ */ jsx43("p", { className: "text-xs text-muted-foreground", children: item.summary }) : null,
+          snoozing === item.item_id ? (
+            // SUPERHUMAN'S CHOICES, then any moment the person names. The picked time's own Snooze is
+            // absent until a time is picked — never a greyed button that does nothing.
+            /* @__PURE__ */ jsxs38(
+              "div",
+              {
+                role: "group",
+                "aria-label": `Snooze ${item.title} until`,
+                "data-testid": "inbox-snooze-choices",
+                className: "flex flex-wrap items-center gap-1 rounded border border-border bg-muted/40 p-1.5",
+                children: [
+                  snoozeChoices().map((c) => /* @__PURE__ */ jsxs38(
+                    Button34,
+                    {
+                      size: "sm",
+                      variant: "ghost",
+                      className: "h-6 px-2 text-[11px]",
+                      title: c.until.toLocaleString(),
+                      onClick: () => void snooze(item.item_id, item.title, c.until),
+                      children: [
+                        c.label,
+                        /* @__PURE__ */ jsx43("span", { className: "ml-1 text-muted-foreground", children: c.key })
+                      ]
+                    },
+                    c.key
+                  )),
+                  /* @__PURE__ */ jsx43(
+                    "input",
+                    {
+                      type: "datetime-local",
+                      "aria-label": "Pick a time",
+                      value: pickAt,
+                      onChange: (e) => setPickAt(e.target.value),
+                      className: "h-6 rounded border border-border bg-background px-1 text-[11px]"
+                    }
+                  ),
+                  pickAt ? /* @__PURE__ */ jsx43(
+                    Button34,
+                    {
+                      size: "sm",
+                      className: "h-6 px-2 text-[11px]",
+                      onClick: () => {
+                        const until = new Date(pickAt);
+                        setPickAt("");
+                        void snooze(item.item_id, item.title, until);
+                      },
+                      children: "Snooze until then"
+                    }
+                  ) : null
+                ]
+              }
+            )
+          ) : null,
           settled ? /* @__PURE__ */ jsx43("p", { className: "text-xs", children: settled }) : item.kind === "assignment" ? /* @__PURE__ */ jsx43("p", { className: "text-[11px] text-muted-foreground", children: item.state === "open" ? "Waiting on you." : `${item.state}.` }) : closed ? (
             // A CLOSED ITEM SAYS WHO AND WHEN, and then what happened, in the store's own sentence.
             /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-0.5", "data-testid": "inbox-closed", children: [
@@ -13110,9 +13352,34 @@ function ActionInbox({
       "aria-label": "Inbox",
       children: [
         /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx43("h3", { className: "text-sm font-medium", children: "Inbox" }),
-          /* @__PURE__ */ jsx43("span", { className: "text-xs text-muted-foreground", children: shown3.length }),
-          /* @__PURE__ */ jsx43("span", { className: "ml-auto hidden text-[10px] text-muted-foreground lg:inline", children: "j/k move \xB7 x select \xB7 a approve \xB7 d decline \xB7 o open \xB7 g group \xB7 h decided \xB7 r refresh" }),
+          /* @__PURE__ */ jsx43("h3", { className: "sr-only", children: "Inbox" }),
+          /* @__PURE__ */ jsx43("div", { role: "tablist", "aria-label": "Inbox views", className: "flex items-center gap-0.5", children: INBOX_VIEWS.map((v) => {
+            const n = counts === null ? v === view ? shown3.length : null : v === "inbox" ? counts.waiting : v === "snoozed" ? counts.snoozed : counts.cleared;
+            return /* @__PURE__ */ jsxs38(
+              "button",
+              {
+                type: "button",
+                role: "tab",
+                "aria-selected": view === v,
+                "data-inbox-view": v,
+                onClick: () => {
+                  setView(v);
+                  setSelected(/* @__PURE__ */ new Set());
+                  setSnoozing(null);
+                },
+                className: cn34(
+                  "flex items-baseline gap-1 rounded px-1.5 py-0.5 text-xs",
+                  view === v ? "bg-accent font-medium text-foreground" : "text-muted-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx43("span", { children: VIEW_WORD[v] }),
+                  n !== null ? /* @__PURE__ */ jsx43("span", { className: "tabular-nums text-[11px] text-muted-foreground", children: n }) : null
+                ]
+              },
+              v
+            );
+          }) }),
+          /* @__PURE__ */ jsx43("span", { className: "ml-auto hidden text-[10px] text-muted-foreground lg:inline", children: view === "inbox" ? "j/k move \xB7 x select \xB7 a approve \xB7 d decline \xB7 s snooze \xB7 e done \xB7 z undo \xB7 o open \xB7 v view \xB7 g group \xB7 h decided" : "j/k move \xB7 u put back \xB7 z undo \xB7 o open \xB7 v view \xB7 g group" }),
           /* @__PURE__ */ jsx43(
             "div",
             {
@@ -13135,7 +13402,7 @@ function ActionInbox({
               ))
             }
           ),
-          /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => setShowDecided((s) => !s), children: showDecided ? "Hide decided" : "Show decided" }),
+          view === "inbox" ? /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => setShowDecided((s) => !s), children: showDecided ? "Hide decided" : "Show decided" }) : null,
           /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => void load(), children: "Refresh" })
         ] }),
         error ? /* @__PURE__ */ jsx43(RefusalNotice, { error }) : null,
@@ -13180,7 +13447,12 @@ function ActionInbox({
           /* @__PURE__ */ jsx43("span", { children: batchSaid }),
           /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => setBatchSaid(null), children: "Close" })
         ] }) : null,
-        shown3.length === 0 ? (
+        said ? /* @__PURE__ */ jsxs38("p", { className: "flex items-center gap-2 text-xs", role: "status", "data-testid": "inbox-said", children: [
+          /* @__PURE__ */ jsx43("span", { children: said.text }),
+          said.undo ? /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => void said.undo?.(), children: "Undo" }) : null,
+          /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => setSaid(null), children: "Close" })
+        ] }) : null,
+        shown3.length === 0 && view === "snoozed" && !error ? /* @__PURE__ */ jsx43("p", { className: "text-xs text-muted-foreground", "data-testid": "inbox-empty", children: "Nothing is snoozed. Press s on a row to put it off until a time; it comes back to the top of your inbox then, and only your inbox changes." }) : shown3.length === 0 && view === "done" && !error ? /* @__PURE__ */ jsx43("p", { className: "text-xs text-muted-foreground", "data-testid": "inbox-empty", children: "Nothing is cleared. Press e on a piece of work you have seen to take it out of your inbox; it comes back if somebody else changes it." }) : shown3.length === 0 ? (
           // AN EMPTY INBOX SAYS WHY — and never under a refusal, where "nothing is waiting" would be
           // a guess dressed as an answer.
           error ? null : tableId && !everyTable && elsewhere > 0 ? /* @__PURE__ */ jsxs38("p", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", "data-testid": "inbox-empty", children: [
@@ -13210,7 +13482,31 @@ function ActionInbox({
           ) : null,
           /* @__PURE__ */ jsx43("ol", { className: "flex flex-col gap-1", children: group.items.map((item) => renderRow(item, shown3.indexOf(item))) })
         ] }, group.key)) }),
-        /* @__PURE__ */ jsx43(MyChecklistSteps, { className: "border-t pt-2" })
+        view === "inbox" ? /* @__PURE__ */ jsx43(
+          MyChecklistSteps,
+          {
+            className: "border-t pt-2",
+            onlyIds: waitingIds,
+            onSteps,
+            actions: (stepId) => {
+              const title = items?.find((i) => i.item_id === stepId)?.title ?? "this step";
+              return /* @__PURE__ */ jsxs38(Fragment18, { children: [
+                snoozing === stepId ? snoozeChoices().map((c) => /* @__PURE__ */ jsx43(
+                  Button34,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    className: "h-5 px-1 text-[11px]",
+                    onClick: () => void snooze(stepId, title, c.until),
+                    children: c.label
+                  },
+                  c.key
+                )) : /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => setSnoozing(stepId), children: "Snooze" }),
+                /* @__PURE__ */ jsx43(Button34, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => void clearItem(stepId), children: "Done" })
+              ] });
+            }
+          }
+        ) : null
       ]
     }
   );
@@ -22074,6 +22370,7 @@ export {
   GridCell,
   HistoryPanel,
   INBOX_GROUPINGS,
+  INBOX_VIEWS,
   IN_MEMORY_QUEUE_REASON,
   ImportWizard,
   KERNEL_REASON,
@@ -22284,6 +22581,7 @@ export {
   scalarText,
   seedIsSatisfied,
   shareUnavailableReason,
+  snoozeChoices,
   specFromBlock,
   storeDecidesRights,
   styleFromDecorations,