@ai-matrx/records-ui 0.115.39 → 0.115.40

package/dist/index.cjs

@@ -6029,9 +6029,12 @@ function withheldNoticeOf(hidden, key) {
   return notice && typeof notice === "object" ? notice : null;
 }
 function withheldSentence(field2, notice) {
-  const says = notice.says;
-  if (typeof says === "string" && says.trim() !== "") return says.trim();
+  const extra = notice;
+  if (typeof extra.says === "string" && extra.says.trim() !== "") return extra.says.trim();
   const name = fieldName(field2);
+  if (typeof extra.part === "string" && extra.part.trim() !== "" && typeof extra.who === "string" && extra.who.trim() !== "") {
+    return `${name} is in ${extra.part.trim()} \u2014 ${extra.who.trim()} see it.`;
+  }
   const reason = notice.reason ? ` It is ${notice.reason}` : "";
   const needs = notice.needs ? `${reason ? "," : " It"} and reading it needs ${notice.needs}` : "";
   const or = notice.or ? `${needs || reason ? ", or" : " It needs"} ${notice.or}` : "";
@@ -17000,6 +17003,7 @@ function useMergedGridControls(args) {
   } = args;
   const client = (0, import_react101.useRecordsClient)();
   const linkRecord = useRecordsUi().linkRecord;
+  const columnAccess = useRecordsUi().columnAccess;
   const hrefForRecord = useRecordsUi().hrefForRecord;
   const tableVersion = (0, recordVersions_exports.useTableVersion)(client, tableId, table);
   const mutation = (0, import_react101.useFieldMutation)();
@@ -17181,6 +17185,14 @@ function useMergedGridControls(args) {
               writeLook({ ...rest, ...next.size > 0 ? { wrapColumns: [...next] } : {} });
             }
           });
+          if (columnAccess) {
+            out.push({
+              id: "col-access",
+              label: "Who can see and edit\u2026",
+              disabledReason: rights.structure ? void 0 : rights.why("structure"),
+              onSelect: () => setDialog({ kind: "access", field: field2 })
+            });
+          }
           out.push({
             id: "col-duplicate",
             label: "Duplicate property",
@@ -17462,6 +17474,7 @@ function useMergedGridControls(args) {
       }
     };
   }, [
+    columnAccess,
     args,
     colours,
     fieldKeys,
@@ -17512,6 +17525,13 @@ function useMergedGridControls(args) {
   const close = () => setDialog(null);
   const dialogs = !enabled ? null : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
     colours.dialogs,
+    dialog?.kind === "access" && columnAccess ? columnAccess({
+      tableId,
+      fieldId: dialog.field.id,
+      name: fieldName(dialog.field),
+      onClose: () => setDialog(null),
+      onChanged: () => (0, import_react101.tableShapeChanged)(tableId)
+    }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RowActionsDialog, { tableId, open: rowActionsOpen, onOpenChange: setRowActionsOpen }),
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       RowLabelPicker,
@@ -20062,10 +20082,30 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
       children: "\u27F3"
     }
   ) : null;
-  const withSynced = (header) => syncedMark ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-    syncedMark,
-    header
-  ] }) : header;
+  const restricted = field2.sensitivity === "confidential" || field2.sensitivity === "restricted";
+  const lockMark = restricted ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    "span",
+    {
+      "data-records-restricted": field2.key,
+      title: "Fewer people see this column",
+      "aria-label": "Fewer people see this column",
+      className: "inline-flex text-muted-foreground",
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("svg", { viewBox: "0 0 24 24", width: "11", height: "11", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("rect", { x: "4", y: "11", width: "16", height: "10", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
+      ] })
+    }
+  ) : null;
+  const withSynced = (inner2) => {
+    const header = lockMark ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+      inner2,
+      lockMark
+    ] }) : inner2;
+    return syncedMark ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+      syncedMark,
+      header
+    ] }) : header;
+  };
   return {
     id: field2.key,
     /*
@@ -21297,7 +21337,7 @@ function columnsSentence(mapped, total, unmapped) {
   if (unmapped === "ignore") return `${mapped} of ${total} columns go into this table \xB7 ${rest} left out`;
   return `${mapped} of ${total} go in now \xB7 ${rest} wait for approval with their values`;
 }
-function ImportWizard({ tableId, source, onDone, onWrote, className }) {
+function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className }) {
   const client = (0, import_react120.useRecordsClient)();
   const table = (0, import_react120.useTable)(tableId);
   const fields = (0, import_react120.useFields)(tableId);
@@ -21919,6 +21959,13 @@ function ImportWizard({ tableId, source, onDone, onWrote, className }) {
   const refusedByRules = ruleVerdicts.reduce((n, v) => n + v.refused, 0);
   const [goAheadAnyway, setGoAheadAnyway] = (0, import_react119.useState)(false);
   (0, import_react119.useEffect)(() => setGoAheadAnyway(false), [ruleVerdicts]);
+  const [autoRan, setAutoRan] = (0, import_react119.useState)(false);
+  (0, import_react119.useEffect)(() => {
+    if (!autoRun || autoRan || !source || phase !== "ready" || !plan) return;
+    if (busy || !rights.write || rows.length === 0 || titleMissing || ruleVerdicts.length > 0) return;
+    setAutoRan(true);
+    void run();
+  }, [autoRun, autoRan, source, phase, plan, busy, rights.write, rows.length, titleMissing, ruleVerdicts, run]);
   const afterWrite = !busy && (phase === "done" || alreadyRan !== null || ledger !== null && ledger.seen > 0);
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: (0, import_design_system64.cn)("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -28472,7 +28519,7 @@ function NewTableStart({
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_design_system74.Button, { disabled: !importReady || busy, onClick: () => void continueImport(), "data-new-table-continue": "", children: busy ? "Creating\u2026" : "Next: columns" })
     ] });
   } else {
-    body = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { "data-new-table-wizard": "", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ImportWizard, { tableId: step2.tableId, source: step2.source, onDone: () => onOpenTable?.(step2.tableId) }) });
+    body = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { "data-new-table-wizard": "", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ImportWizard, { tableId: step2.tableId, source: step2.source, autoRun: step2.made, onDone: () => onOpenTable?.(step2.tableId) }) });
     footer = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
       !step2.made ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_design_system74.Button, { variant: "ghost", className: "mr-auto", onClick: () => setStep({ at: "import" }), children: "Back" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_design_system74.Button, { variant: "outline", onClick: () => onOpenTable?.(step2.tableId), "data-new-table-open": "", children: "Open the table" })
@@ -35236,6 +35283,7 @@ function TimelineView({
   const [dragging, setDragging] = (0, import_react207.useState)(null);
   const [linking, setLinking] = (0, import_react207.useState)(null);
   const [ganttBusy, setGanttBusy] = (0, import_react207.useState)(false);
+  const [linkTarget, setLinkTarget] = (0, import_react207.useState)(null);
   const { placed, unscheduled } = (0, import_react207.useMemo)(() => {
     const out = [];
     const without = [];
@@ -35404,6 +35452,18 @@ function TimelineView({
       label: `${titleOf(target)} now waits on ${titleOf(source)}`
     });
   };
+  const taskRowAt = (x, y) => {
+    const canvas = scroller.current?.querySelector("[data-timeline-canvas]");
+    const body2 = scroller.current;
+    if (!canvas || !body2) return null;
+    const box = canvas.getBoundingClientRect();
+    const frame2 = body2.getBoundingClientRect();
+    if (frame2.width === 0 || x < frame2.left || x > frame2.right) return null;
+    const index = Math.floor((y - box.top - LANE_PAD / 2) / ROW_PX);
+    if (index < 0) return null;
+    const lane = laneRows[0];
+    return lane?.packed.find((b) => b.row === index)?.p.row.id ?? null;
+  };
   const beginLink = (p) => (e) => {
     if (e.button !== void 0 && e.button !== 0) return;
     e.stopPropagation();
@@ -35412,13 +35472,21 @@ function TimelineView({
     const x1 = box.left + box.width / 2;
     const y1 = box.top + box.height / 2;
     setLinking({ id: p.row.id, x1, y1, x2: e.clientX, y2: e.clientY });
-    const onMove = (ev) => setLinking((l) => l ? { ...l, x2: ev.clientX, y2: ev.clientY } : l);
+    const onMove = (ev) => {
+      const x = ev.clientX;
+      const y = ev.clientY;
+      setLinking((l) => l ? { ...l, x2: x, y2: y } : l);
+      const over = taskRowAt(x, y);
+      setLinkTarget(over && over !== p.row.id ? over : null);
+    };
     const onUp = (ev) => {
       window.removeEventListener("pointermove", onMove);
       window.removeEventListener("pointerup", onUp);
       setLinking(null);
+      setLinkTarget(null);
+      const at = ev;
       const hit = ev.target?.closest?.("[data-timeline-bar]");
-      const id = hit?.getAttribute("data-timeline-bar");
+      const id = taskRowAt(at.clientX, at.clientY) ?? hit?.getAttribute("data-timeline-bar");
       if (id && id !== p.row.id) connect(p.row.id, id);
     };
     window.addEventListener("pointermove", onMove);
@@ -35649,6 +35717,7 @@ function TimelineView({
         "data-timeline-span": `${first}..${last}`,
         ...p.marker ? { "data-timeline-marker": "" } : {},
         ...milestone ? { "data-timeline-milestone": "" } : {},
+        ...linkTarget === p.row.id ? { "data-timeline-drop-target": "" } : {},
         ...onCritical ? { "data-timeline-critical": "" } : {},
         ...slip !== null ? { "data-timeline-slip": slip } : {},
         ...may ? {} : { "data-timeline-locked": "" },
@@ -35662,6 +35731,7 @@ function TimelineView({
           outside ? "overflow-visible" : "overflow-hidden",
           milestone ? "border-transparent bg-transparent" : color ? import_data_table22.CHOICE_CHIP_CLASS[color] : "bg-muted",
           onCritical ? "ring-2 ring-amber-500" : void 0,
+          linkTarget === p.row.id ? "ring-2 ring-primary" : void 0,
           may ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
           dragging?.id === p.row.id ? "z-20 shadow-md" : "z-10",
           refused ? "ring-2 ring-destructive" : void 0
@@ -35743,7 +35813,7 @@ function TimelineView({
     /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
       settings,
       /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_design_system102.DropdownMenu, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_design_system102.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_design_system102.Button, { size: "sm", variant: ganttOn ? "secondary" : "outline", "aria-label": "Gantt options", "data-timeline-gantt-menu": "", children: "Gantt" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_design_system102.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_design_system102.Button, { size: "sm", variant: "outline", className: ganttOn ? "bg-secondary" : void 0, "aria-label": "Gantt options", "data-timeline-gantt-menu": "", children: "Gantt" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_design_system102.DropdownMenuContent, { align: "end", className: "min-w-48", children: [
           /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_design_system102.DropdownMenuCheckboxItem, { checked: ganttOn, onCheckedChange: (on) => setGantt({ mode: on === true }), children: "Gantt view" }),
           ganttOn ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
@@ -35821,6 +35891,7 @@ function TimelineView({
     const ghost = baselineOf(b.p.row);
     const at = shown5(b.p);
     return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { children: [
+      linkTarget === b.p.row.id ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { "aria-hidden": "true", "data-timeline-drop-band": b.p.row.id, className: "pointer-events-none absolute inset-x-0 bg-primary/10", style: { top: LANE_PAD / 2 + b.row * ROW_PX, height: ROW_PX } }) : null,
       ghost ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         "div",
         {
@@ -39123,6 +39194,9 @@ function ArchivedPortals({
 var import_react230 = require("react");
 var import_react231 = require("@ai-matrx/records/react");
 var import_design_system112 = require("@ai-matrx/design-system");
+var import_core22 = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
 
 // src/seedOnce.ts
 var import_react229 = require("react");
@@ -39144,7 +39218,7 @@ var NOOP3 = () => {
 };
 function viewActions(whyNot, host, locked = false, personal = false) {
   const one = (base2, run) => {
-    if (whyNot !== null) return { ...base2, disabledReason: whyNot, run: NOOP3 };
+    if (whyNot !== null) return { ...base2, disabledReason: locked && base2.id !== "duplicate" && base2.id !== "lock" ? VIEW_LOCKED_REASON : whyNot, run: NOOP3 };
     if (!run) return { ...base2, disabledReason: ACTION_NOT_HERE_REASON, run: NOOP3 };
     return { ...base2, run };
   };
@@ -39187,6 +39261,25 @@ function seedIsSatisfied(seed, views) {
   if (views.some((v) => v.name === seed.name)) return true;
   return seed.isDefault === true && views.some((v) => v.isDefault);
 }
+function SectionBox({ id, children, ...rest }) {
+  const { setNodeRef, isOver } = (0, import_core22.useDroppable)({ id });
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { ref: setNodeRef, className: (0, import_design_system112.cn)("rounded-sm", isOver && "bg-accent/40"), ...rest, children });
+}
+function SortableRow({ id, disabled, children }) {
+  const { attributes, listeners: listeners2, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({ id, disabled });
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    "div",
+    {
+      ref: setNodeRef,
+      style: { transform: import_utilities.CSS.Transform.toString(transform), transition },
+      className: (0, import_design_system112.cn)(isDragging && "relative z-10 opacity-80"),
+      "data-view-row": id,
+      ...disabled ? {} : attributes,
+      ...disabled ? {} : listeners2,
+      children
+    }
+  );
+}
 function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }) {
   const client = (0, import_react231.useRecordsClient)();
   const claimSeed = useSeedGuard();
@@ -39218,6 +39311,26 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     }
   });
   const [renamingSection, setRenamingSection] = (0, import_react230.useState)(null);
+  const [dragging, setDragging] = (0, import_react230.useState)(false);
+  const justDragged = (0, import_react230.useRef)(false);
+  const sensors = (0, import_core22.useSensors)((0, import_core22.useSensor)(import_core22.PointerSensor, { activationConstraint: { distance: 6 } }));
+  async function dropped(event) {
+    setDragging(false);
+    justDragged.current = true;
+    setTimeout(() => {
+      justDragged.current = false;
+    }, 250);
+    if (!event.over || !views) return;
+    const writes = (0, import_views2.planViewDrop)(views, String(event.active.id), String(event.over.id));
+    for (const w of writes) {
+      const written = await saveViewPatch(client, tableId, w.id, { position: w.position, ..."section" in w ? { section: w.section ?? null } : {} });
+      if (!written.ok) {
+        setError(written.error);
+        break;
+      }
+    }
+    if (writes.length > 0) await load();
+  }
   const toggleShut = (name) => {
     setShut((all) => {
       const next = all.includes(name) ? all.filter((n) => n !== name) : [...all, name];
@@ -39430,83 +39543,89 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_design_system112.PopoverContent, { sizing: "content", align: "start", className: "w-64 p-1", "data-view-picker-content": "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { role: "group", "aria-label": "Saved views", className: "flex max-h-[50dvh] flex-col overflow-y-auto", children: [
-        (0, import_views2.groupViewsBySection)(views).map((group) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { role: "group", "aria-label": group.name ?? "Views", "data-view-section": group.name ?? "", children: [
-          group.name !== null ? renamingSection?.from === group.name ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
-            "form",
-            {
-              className: "flex items-center gap-1 px-1 py-1",
-              onSubmit: (e) => {
-                e.preventDefault();
-                void renameSection(group.name, renamingSection.draft);
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-                  import_design_system112.Input,
-                  {
-                    autoFocus: true,
-                    "aria-label": "New name for this section",
-                    value: renamingSection.draft,
-                    onChange: (e) => setRenamingSection({ from: group.name, draft: e.target.value }),
-                    onKeyDown: (e) => {
-                      if (e.key === "Escape") {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        setRenamingSection(null);
-                      }
-                    },
-                    className: "h-7 min-w-0 flex-1 text-xs"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Button, { size: "sm", type: "submit", className: "h-7", children: "Save" })
-              ]
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "group flex min-h-7 items-center gap-1 px-2 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_core22.DndContext, { sensors, collisionDetection: import_core22.closestCenter, onDragStart: () => setDragging(true), onDragCancel: () => setDragging(false), onDragEnd: (e) => void dropped(e), children: (() => {
+          const groups = (0, import_views2.groupViewsBySection)(views);
+          return groups.some((g) => g.name === null) || !dragging ? groups : [{ name: null, views: [] }, ...groups];
+        })().map((group) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(SectionBox, { id: (0, import_views2.sectionDropId)(group.name), role: "group", "aria-label": group.name ?? "Views", "data-view-section": group.name ?? "", children: [
+          group.name === null && group.views.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "block px-2 py-1.5 text-[11px] text-muted-foreground", children: "No section" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_sortable.SortableContext, { items: group.views.map((v) => v.id), strategy: import_sortable.verticalListSortingStrategy, children: [
+            group.name !== null ? renamingSection?.from === group.name ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+              "form",
+              {
+                className: "flex items-center gap-1 px-1 py-1",
+                onSubmit: (e) => {
+                  e.preventDefault();
+                  void renameSection(group.name, renamingSection.draft);
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                    import_design_system112.Input,
+                    {
+                      autoFocus: true,
+                      "aria-label": "New name for this section",
+                      value: renamingSection.draft,
+                      onChange: (e) => setRenamingSection({ from: group.name, draft: e.target.value }),
+                      onKeyDown: (e) => {
+                        if (e.key === "Escape") {
+                          e.preventDefault();
+                          e.stopPropagation();
+                          setRenamingSection(null);
+                        }
+                      },
+                      className: "h-7 min-w-0 flex-1 text-xs"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Button, { size: "sm", type: "submit", className: "h-7", children: "Save" })
+                ]
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "group flex min-h-7 items-center gap-1 px-2 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  className: "flex min-w-0 flex-1 items-center gap-1 text-left",
+                  "aria-expanded": !shut.includes(group.name),
+                  "data-view-section-toggle": "",
+                  onClick: () => toggleShut(group.name),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("svg", { viewBox: "0 0 24 24", className: (0, import_design_system112.cn)("h-3 w-3 shrink-0", shut.includes(group.name) && "-rotate-90"), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "m6 9 6 6 6-6" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "truncate", children: group.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "shrink-0 font-normal normal-case", children: group.views.length })
+                  ]
+                }
+              ),
+              rights.admin ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("button", { type: "button", className: "shrink-0 normal-case hover:text-foreground", "data-view-section-rename": "", onClick: () => setRenamingSection({ from: group.name, draft: group.name }), children: "Rename" }),
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("button", { type: "button", className: "shrink-0 normal-case hover:text-destructive", "data-view-section-delete": "", title: "The views stay; they leave the section", onClick: () => void renameSection(group.name, null), children: "Delete" })
+              ] }) : null
+            ] }) : null,
+            group.name !== null && shut.includes(group.name) && !group.views.some((v) => v.id === active) ? null : group.views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SortableRow, { id: view.id, disabled: !(rights.admin || view.personal) || view.presentation?.locked === true, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
               "button",
               {
                 type: "button",
-                className: "flex min-w-0 flex-1 items-center gap-1 text-left",
-                "aria-expanded": !shut.includes(group.name),
-                "data-view-section-toggle": "",
-                onClick: () => toggleShut(group.name),
+                "aria-pressed": view.id === active,
+                className: (0, import_design_system112.cn)(
+                  "flex min-h-8 w-full items-center gap-2 rounded-sm px-2 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground",
+                  group.name !== null && "pl-4",
+                  view.id === active && "font-medium"
+                ),
+                onClick: () => {
+                  if (justDragged.current) return;
+                  setActive(view.id);
+                  onActiveView?.(view);
+                  setOpen(false);
+                },
+                title: view.ruleId ? "Membership is this view's Rule" : "The whole table",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("svg", { viewBox: "0 0 24 24", className: (0, import_design_system112.cn)("h-3 w-3 shrink-0", shut.includes(group.name) && "-rotate-90"), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "m6 9 6 6 6-6" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "truncate", children: group.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "shrink-0 font-normal normal-case", children: group.views.length })
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "min-w-0 flex-1 truncate", children: view.name }),
+                  view.presentation?.locked === true ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Badge, { variant: "neutral", className: "shrink-0 px-1.5 py-0 text-[10px]", "data-view-locked": "", title: VIEW_LOCKED_REASON, children: "Locked" }) : null,
+                  view.personal ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Badge, { variant: "neutral", className: "shrink-0 px-1.5 py-0 text-[10px]", "data-view-personal": "", title: "Only you see this view", children: "Personal" }) : null,
+                  view.isDefault ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Badge, { variant: "neutral", className: "shrink-0 px-1.5 py-0 text-[10px]", "data-view-default": "", children: "Default" }) : null
                 ]
               }
-            ),
-            rights.admin ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("button", { type: "button", className: "shrink-0 normal-case hover:text-foreground", "data-view-section-rename": "", onClick: () => setRenamingSection({ from: group.name, draft: group.name }), children: "Rename" }),
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("button", { type: "button", className: "shrink-0 normal-case hover:text-destructive", "data-view-section-delete": "", title: "The views stay; they leave the section", onClick: () => void renameSection(group.name, null), children: "Delete" })
-            ] }) : null
-          ] }) : null,
-          group.name !== null && shut.includes(group.name) && !group.views.some((v) => v.id === active) ? null : group.views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
-            "button",
-            {
-              type: "button",
-              "aria-pressed": view.id === active,
-              className: (0, import_design_system112.cn)(
-                "flex min-h-8 w-full items-center gap-2 rounded-sm px-2 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground",
-                group.name !== null && "pl-4",
-                view.id === active && "font-medium"
-              ),
-              onClick: () => {
-                setActive(view.id);
-                onActiveView?.(view);
-                setOpen(false);
-              },
-              title: view.ruleId ? "Membership is this view's Rule" : "The whole table",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "min-w-0 flex-1 truncate", children: view.name }),
-                view.presentation?.locked === true ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Badge, { variant: "neutral", className: "shrink-0 px-1.5 py-0 text-[10px]", "data-view-locked": "", title: VIEW_LOCKED_REASON, children: "Locked" }) : null,
-                view.personal ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Badge, { variant: "neutral", className: "shrink-0 px-1.5 py-0 text-[10px]", "data-view-personal": "", title: "Only you see this view", children: "Personal" }) : null,
-                view.isDefault ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Badge, { variant: "neutral", className: "shrink-0 px-1.5 py-0 text-[10px]", "data-view-default": "", children: "Default" }) : null
-              ]
-            },
-            view.id
-          ))
-        ] }, group.name ?? "__loose")),
+            ) }, view.id))
+          ] })
+        ] }, group.name ?? "__loose")) }),
         views.length === 0 && !rights.admin ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "px-2 py-1 text-xs text-muted-foreground", children: rights.why("structure") }) : null
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "mt-1 border-t border-border pt-1", children: naming ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
@@ -44787,9 +44906,9 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 var import_clipboard10 = require("@ai-matrx/kit/clipboard");
 var import_design_system132 = require("@ai-matrx/design-system");
 var import_react266 = require("react");
-var import_core22 = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_utilities = require("@dnd-kit/utilities");
+var import_core23 = require("@dnd-kit/core");
+var import_sortable2 = require("@dnd-kit/sortable");
+var import_utilities2 = require("@dnd-kit/utilities");
 var import_react267 = require("@ai-matrx/records/react");
 var import_records67 = require("@ai-matrx/records");
 var import_design_system133 = require("@ai-matrx/design-system");
@@ -46420,9 +46539,9 @@ function QuestionList({
   onQuestions,
   onQuestion
 }) {
-  const sensors = (0, import_core22.useSensors)(
-    (0, import_core22.useSensor)(import_core22.PointerSensor, { activationConstraint: { distance: 4 } }),
-    (0, import_core22.useSensor)(import_core22.KeyboardSensor, { coordinateGetter: import_sortable.sortableKeyboardCoordinates })
+  const sensors = (0, import_core23.useSensors)(
+    (0, import_core23.useSensor)(import_core23.PointerSensor, { activationConstraint: { distance: 4 } }),
+    (0, import_core23.useSensor)(import_core23.KeyboardSensor, { coordinateGetter: import_sortable2.sortableKeyboardCoordinates })
   );
   const askable = askableFields([...fields]);
   const unasked = askable.filter((f) => !draft.questions.some((q) => q.field === f.key));
@@ -46435,7 +46554,7 @@ function QuestionList({
     const from = draft.questions.findIndex((q) => q.field === event.active.id);
     const to = event.over ? draft.questions.findIndex((q) => q.field === event.over.id) : -1;
     if (from < 0 || to < 0 || from === to) return;
-    onQuestions((0, import_sortable.arrayMove)(draft.questions, from, to));
+    onQuestions((0, import_sortable2.arrayMove)(draft.questions, from, to));
   }
   const notAskable = whyNotAskable([...fields]);
   const leftUnasked = requiredLeftUnasked([...fields], draft.questions.map((q) => q.field));
@@ -46444,7 +46563,7 @@ function QuestionList({
       /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "font-medium text-foreground", children: "Questions" }),
       /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "tabular-nums", children: draft.questions.length })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_core22.DndContext, { sensors, collisionDetection: import_core22.closestCenter, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_sortable.SortableContext, { items: draft.questions.map((q) => q.field), strategy: import_sortable.verticalListSortingStrategy, children: draft.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_core23.DndContext, { sensors, collisionDetection: import_core23.closestCenter, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_sortable2.SortableContext, { items: draft.questions.map((q) => q.field), strategy: import_sortable2.verticalListSortingStrategy, children: draft.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       QuestionRow,
       {
         index,
@@ -46497,14 +46616,14 @@ function QuestionRow({
   onChange,
   onRemove
 }) {
-  const sortable = (0, import_sortable.useSortable)({ id: question.field });
+  const sortable = (0, import_sortable2.useSortable)({ id: question.field });
   const [open, setOpen] = (0, import_react266.useState)(true);
   const name = field2 ? fieldName(field2) : question.field;
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
     "div",
     {
       ref: sortable.setNodeRef,
-      style: { transform: import_utilities.CSS.Transform.toString(sortable.transform), transition: sortable.transition },
+      style: { transform: import_utilities2.CSS.Transform.toString(sortable.transform), transition: sortable.transition },
       className: (0, import_design_system133.cn)("rounded border bg-background px-2 py-1.5", sortable.isDragging && "z-10 shadow-md"),
       "data-records-form-question-row": question.field,
       children: [
@@ -47440,9 +47559,9 @@ var import_react280 = require("@ai-matrx/records/react");
 var import_design_system140 = require("@ai-matrx/design-system");
 
 // src/DashboardGrid.tsx
-var import_core23 = require("@dnd-kit/core");
-var import_sortable2 = require("@dnd-kit/sortable");
-var import_utilities2 = require("@dnd-kit/utilities");
+var import_core24 = require("@dnd-kit/core");
+var import_sortable3 = require("@dnd-kit/sortable");
+var import_utilities3 = require("@dnd-kit/utilities");
 var import_design_system138 = require("@ai-matrx/design-system");
 
 // src/dashboardLayout.ts
@@ -47496,7 +47615,7 @@ function withBlockIds(blocks) {
 // src/DashboardGrid.tsx
 var import_jsx_runtime156 = require("react/jsx-runtime");
 var dashboardCollision = (args) => {
-  const under = (0, import_core23.pointerWithin)(args);
+  const under = (0, import_core24.pointerWithin)(args);
   if (under.length > 0) return under;
   const at = args.collisionRect;
   return args.droppableContainers.flatMap((container) => {
@@ -47506,9 +47625,9 @@ var dashboardCollision = (args) => {
   }).sort((a, b) => a.data.value - b.data.value);
 };
 function DashboardGrid({ items, arranging, onMove, onSpan }) {
-  const sensors = (0, import_core23.useSensors)(
-    (0, import_core23.useSensor)(import_core23.PointerSensor, { activationConstraint: { distance: 4 } }),
-    (0, import_core23.useSensor)(import_core23.KeyboardSensor, { coordinateGetter: import_sortable2.sortableKeyboardCoordinates })
+  const sensors = (0, import_core24.useSensors)(
+    (0, import_core24.useSensor)(import_core24.PointerSensor, { activationConstraint: { distance: 4 } }),
+    (0, import_core24.useSensor)(import_core24.KeyboardSensor, { coordinateGetter: import_sortable3.sortableKeyboardCoordinates })
   );
   const ids = items.map((item) => item.id);
   function dragEnd(event) {
@@ -47518,7 +47637,7 @@ function DashboardGrid({ items, arranging, onMove, onSpan }) {
   }
   const grid = /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-12", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(GridCell2, { item, index, arranging, onSpan }, item.id)) });
   if (!arranging) return grid;
-  return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_core23.DndContext, { sensors, collisionDetection: dashboardCollision, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_sortable2.SortableContext, { items: ids, strategy: import_sortable2.rectSortingStrategy, children: grid }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_core24.DndContext, { sensors, collisionDetection: dashboardCollision, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_sortable3.SortableContext, { items: ids, strategy: import_sortable3.rectSortingStrategy, children: grid }) });
 }
 function GridCell2({
   item,
@@ -47526,8 +47645,8 @@ function GridCell2({
   arranging,
   onSpan
 }) {
-  const sortable = (0, import_sortable2.useSortable)({ id: item.id, disabled: !arranging });
-  const style = arranging ? { transform: import_utilities2.CSS.Transform.toString(sortable.transform), transition: sortable.transition } : void 0;
+  const sortable = (0, import_sortable3.useSortable)({ id: item.id, disabled: !arranging });
+  const style = arranging ? { transform: import_utilities3.CSS.Transform.toString(sortable.transform), transition: sortable.transition } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
     "div",
     {
@@ -49384,7 +49503,7 @@ function AgentAnswer({
 // src/PageScreen.tsx
 var import_react285 = require("react");
 var import_react286 = require("@ai-matrx/records/react");
-var import_core24 = require("@ai-matrx/records/core");
+var import_core25 = require("@ai-matrx/records/core");
 var import_design_system143 = require("@ai-matrx/design-system");
 var import_forms4 = require("@ai-matrx/records/forms");
 var import_jsx_runtime161 = require("react/jsx-runtime");
@@ -49801,7 +49920,7 @@ function ListBlockView({
     ...sort.length > 0 ? { sort } : {}
   });
   const reload = page.reload;
-  (0, import_react285.useEffect)(() => (0, import_core24.onRecordChanged)(() => reload()), [reload]);
+  (0, import_react285.useEffect)(() => (0, import_core25.onRecordChanged)(() => reload()), [reload]);
   const rows = nobodyIsMe ? [] : page.data?.rows ?? [];
   const columns = block.columns && block.columns.length > 0 ? block.columns.map((k) => all.find((f) => f.key === k)).filter((f) => !!f) : [...all].sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100)).slice(0, DEFAULT_COLUMNS);
   const firstId = rows[0]?.id ?? null;
@@ -51430,9 +51549,9 @@ function CalendarSubscribeDialog({
 
 // src/viewShare.ts
 var import_clipboard15 = require("@ai-matrx/kit/clipboard");
-var import_core25 = require("@ai-matrx/print/core");
+var import_core26 = require("@ai-matrx/print/core");
 var import_markdown = require("@ai-matrx/print/markdown");
-var import_core26 = require("@ai-matrx/records/core");
+var import_core27 = require("@ai-matrx/records/core");
 var NO_VIEW_REASON = "No saved view yet";
 function viewLink(tableId, viewId, origin) {
   return `${tableLink(tableId, origin)}?view=${encodeURIComponent(viewId)}`;
@@ -51468,7 +51587,7 @@ async function downloadViewCsv(args) {
   const columns = viewColumns(fields, view.presentation);
   const rows = await rowsForFile({ client, host, fields: columns, records: read.rows, labels });
   const name = fileNameOf(args.tableName) || "records";
-  download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core26.exportCsv)(columns, rows));
+  download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core27.exportCsv)(columns, rows));
   host.notify?.success(read.cut ? cutWords(read.rows.length) : "CSV downloaded");
 }
 function downloadMarkdownAction(args) {
@@ -51497,7 +51616,7 @@ async function readViewMarkdown(args) {
   if ("error" in read) return null;
   const columns = viewColumns(fields, view.presentation);
   const rows = await rowsForFile({ client, host, fields: columns, records: read.rows, labels });
-  return { markdown: (0, import_core26.exportMarkdown)(columns, rows), cut: read.cut, count: read.rows.length };
+  return { markdown: (0, import_core27.exportMarkdown)(columns, rows), cut: read.cut, count: read.rows.length };
 }
 async function downloadViewMarkdown(args) {
   const table = await readViewMarkdown(args);
@@ -51555,7 +51674,7 @@ async function runTablePageAction(kind, args) {
   }
   const page = (0, import_markdown.renderMarkdownDocument)(markdown, { title, withPrintActions: kind === "html-preview" });
   if (kind === "html-preview") {
-    (0, import_core25.openPrintWindow)(page, title);
+    (0, import_core26.openPrintWindow)(page, title);
     if (note) args.host.notify?.success(note);
   } else if (kind === "copy-html-page") {
     if (await (0, import_clipboard15.copyText)(page)) args.host.notify?.success(note ?? "HTML page copied");