@marktiderman/genesis-studio 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,51 +1,2332 @@
 "use client";
 
 // src/DataStudio.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Database, History, Lock, Table2 } from "lucide-react";
+import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo8, useRef, useState as useState10 } from "react";
+import { keepPreviousData as keepPreviousData2, useQuery as useQuery5, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2, Database, History as History2, Lock as Lock2, PencilLine, Plus as Plus3, Table2 as Table22, Trash2 as Trash22, Undo2, X as X4 } from "lucide-react";
 import { GenesisProvider } from "@marktiderman/genesis-core/provider";
+import {
+  encodeRecordKey as encodeRecordKey5,
+  isDataWriteError as isDataWriteError5,
+  keyFields as keyFields3
+} from "@marktiderman/genesis-core/schema";
+import { useSavedViews } from "@marktiderman/genesis-ui/data";
+import { Button as Button9 } from "@marktiderman/genesis-ui/button";
+import { Dialog as Dialog3, DialogContent as DialogContent3, DialogDescription as DialogDescription3, DialogHeader as DialogHeader3, DialogTitle as DialogTitle3 } from "@marktiderman/genesis-ui/dialog";
+import { Alert as Alert2, AlertDescription as AlertDescription2, AlertTitle as AlertTitle2 } from "@marktiderman/genesis-ui/alert";
+import { cn as cn4 } from "@marktiderman/genesis-ui/utils";
+
+// src/router.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+var VIEWS = ["sheet", "kanban", "calendar"];
+var PARAM = {
+  resource: "table",
+  page: "page",
+  sort: "sort",
+  search: "q",
+  filters: "filter",
+  group: "group",
+  record: "record",
+  view: "view",
+  by: "by",
+  month: "month"
+};
+function locationFromSearchParams(params) {
+  const page = Number(params.get(PARAM.page));
+  return {
+    ...params.get(PARAM.resource) ? { resource: params.get(PARAM.resource) } : {},
+    ...Number.isInteger(page) && page > 1 ? { page } : {},
+    ...params.get(PARAM.sort) ? { sort: params.get(PARAM.sort) } : {},
+    ...params.get(PARAM.search) ? { search: params.get(PARAM.search) } : {},
+    ...params.get(PARAM.filters) ? { filters: params.get(PARAM.filters) } : {},
+    ...params.get(PARAM.group) ? { group: params.get(PARAM.group) } : {},
+    ...params.get(PARAM.record) ? { record: params.get(PARAM.record) } : {},
+    ...VIEWS.includes(params.get(PARAM.view) ?? "") ? { view: params.get(PARAM.view) } : {},
+    ...params.get(PARAM.by) ? { by: params.get(PARAM.by) } : {},
+    .../^\d{4}-\d{2}$/.test(params.get(PARAM.month) ?? "") ? { month: params.get(PARAM.month) } : {}
+  };
+}
+function searchParamsFromLocation(location, base) {
+  const params = new URLSearchParams(base);
+  for (const name of Object.values(PARAM)) params.delete(name);
+  if (location.resource) params.set(PARAM.resource, location.resource);
+  if (location.page && location.page > 1) params.set(PARAM.page, String(location.page));
+  if (location.sort) params.set(PARAM.sort, location.sort);
+  if (location.search) params.set(PARAM.search, location.search);
+  if (location.filters) params.set(PARAM.filters, location.filters);
+  if (location.group) params.set(PARAM.group, location.group);
+  if (location.record) params.set(PARAM.record, location.record);
+  if (location.view) params.set(PARAM.view, location.view);
+  if (location.by) params.set(PARAM.by, location.by);
+  if (location.month) params.set(PARAM.month, location.month);
+  return params;
+}
+function createSearchParamsRouter(params, setParams) {
+  return {
+    location: locationFromSearchParams(params),
+    navigate: (next, options) => setParams(searchParamsFromLocation(next, params), { replace: options?.replace ?? false })
+  };
+}
+function useHistoryRouter() {
+  const read = () => typeof window === "undefined" ? {} : locationFromSearchParams(new URLSearchParams(window.location.search));
+  const [location, setLocation] = useState(read);
+  useEffect(() => {
+    const onPop = () => setLocation(read());
+    window.addEventListener("popstate", onPop);
+    return () => window.removeEventListener("popstate", onPop);
+  }, []);
+  const navigate = useCallback((next, options) => {
+    const params = searchParamsFromLocation(next, new URLSearchParams(window.location.search));
+    const query = params.toString();
+    const url = `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`;
+    if (options?.replace) window.history.replaceState(window.history.state, "", url);
+    else window.history.pushState(window.history.state, "", url);
+    setLocation(next);
+  }, []);
+  return useMemo(() => ({ location, navigate }), [location, navigate]);
+}
+function useMemoryRouter(initial = {}) {
+  const [location, setLocation] = useState(initial);
+  const navigate = useCallback((next) => setLocation(next), []);
+  return useMemo(() => ({ location, navigate }), [location, navigate]);
+}
+
+// src/values.ts
+function editText(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function displayText(value) {
+  if (value === null || value === void 0) return null;
+  return editText(value);
+}
+function parseDraft(field, draft) {
+  if (draft === "" && field.nullable) return null;
+  return draft;
+}
+function choicesFor(field) {
+  if (field.enumValues) return [...field.enumValues];
+  if (field.type === "boolean") return ["true", "false"];
+  return void 0;
+}
+function fieldLabel(field) {
+  return field.label ?? field.name;
+}
+
+// src/lib/csv.ts
+import { csvField, exportCsv, parseCsv, toCsv } from "@marktiderman/genesis-core/csv";
+function downloadText(filename, text, type = "text/csv;charset=utf-8") {
+  const url = URL.createObjectURL(new Blob([text], { type }));
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+
+// src/lib/query-state.ts
+function parseSorts(sort) {
+  if (!sort) return [];
+  return sort.split(",").map((part) => {
+    const at = part.lastIndexOf(":");
+    const field = at > 0 ? part.slice(0, at) : part;
+    return { field, order: part.slice(at + 1) === "desc" ? "desc" : "asc" };
+  }).filter((s) => s.field);
+}
+function formatSorts(sorts) {
+  return sorts.length ? sorts.map((s) => `${s.field}:${s.order}`).join(",") : void 0;
+}
+function parseFilters(raw) {
+  if (!raw) return [];
+  try {
+    const list = JSON.parse(raw);
+    if (!Array.isArray(list)) return [];
+    return list.filter((f) => Array.isArray(f) && typeof f[0] === "string" && typeof f[1] === "string").map(
+      ([field, operator, value]) => operator === "is_null" || operator === "is_not_null" ? { field, operator } : { field, operator, value }
+    );
+  } catch {
+    return [];
+  }
+}
+function formatFilters(filters) {
+  if (!filters.length) return void 0;
+  return JSON.stringify(filters.map((f) => "value" in f ? [f.field, f.operator, f.value] : [f.field, f.operator]));
+}
+function operatorsFor(field) {
+  if (field.array) return ["is_null", "is_not_null"];
+  if (field.enumValues || field.type === "boolean") return ["eq", "neq", "is_null", "is_not_null"];
+  if (field.type === "number" || field.type === "datetime") {
+    return ["eq", "neq", "gt", "gte", "lt", "lte", "is_null", "is_not_null"];
+  }
+  if (field.type === "json") return ["contains", "is_null", "is_not_null"];
+  return ["contains", "eq", "neq", "is_null", "is_not_null"];
+}
+var OPERATOR_LABEL = {
+  eq: "is",
+  neq: "is not",
+  gt: "is after / more than",
+  gte: "is on or after / at least",
+  lt: "is before / less than",
+  lte: "is on or before / at most",
+  contains: "contains",
+  in: "is any of",
+  between: "is between",
+  is_null: "is empty",
+  is_not_null: "is not empty"
+};
+function needsValue(operator) {
+  return operator !== "is_null" && operator !== "is_not_null";
+}
+
+// src/lib/relations.ts
+import { useQueries, useQuery } from "@tanstack/react-query";
+import { keyFields } from "@marktiderman/genesis-core/schema";
+function useSchema(provider, sessionKey, resource) {
+  return useQuery({
+    queryKey: ["genesis-studio", sessionKey, "describe", resource],
+    enabled: Boolean(resource && provider.describe),
+    retry: false,
+    queryFn: () => provider.describe(resource)
+  });
+}
+function singleKey(schema) {
+  if (!schema) return null;
+  const fields = keyFields(schema);
+  return fields.length === 1 ? fields[0] : null;
+}
+function usePageLinkLabels(provider, sessionKey, fields, rows) {
+  const links = fields.filter((f) => f.references);
+  const schemas = useQueries({
+    queries: links.map((f) => ({
+      queryKey: ["genesis-studio", sessionKey, "describe", f.references.resource],
+      enabled: Boolean(provider.describe),
+      retry: false,
+      queryFn: () => provider.describe(f.references.resource)
+    }))
+  });
+  const labels = useQueries({
+    queries: links.map((f, i) => {
+      const ids = [...new Set(rows.map((r) => r[f.name]).filter((v) => v !== null && v !== void 0).map(String))].sort();
+      const labelField = schemas[i]?.data?.labelField;
+      return {
+        queryKey: ["genesis-studio", sessionKey, "labels", f.references.resource, f.references.field, ids],
+        enabled: Boolean(schemas[i]?.data && ids.length),
+        staleTime: 6e4,
+        retry: false,
+        queryFn: async () => {
+          const result = await provider.getList(f.references.resource, {
+            pagination: { page: 1, perPage: Math.min(200, ids.length) },
+            filters: [{ field: f.references.field, operator: "in", value: ids }]
+          });
+          return new Map(
+            result.data.map((row) => [
+              String(row[f.references.field]),
+              displayText(row[labelField ?? f.references.field]) ?? String(row[f.references.field])
+            ])
+          );
+        }
+      };
+    })
+  });
+  const out = /* @__PURE__ */ new Map();
+  links.forEach((f, i) => out.set(f.name, labels[i]?.data ?? /* @__PURE__ */ new Map()));
+  return out;
+}
+
+// src/record/RecordForm.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState3 } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button as Button2 } from "@marktiderman/genesis-ui/button";
+import { Checkbox } from "@marktiderman/genesis-ui/checkbox";
+import { Input } from "@marktiderman/genesis-ui/input";
+import { Label } from "@marktiderman/genesis-ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@marktiderman/genesis-ui/select";
+import { Textarea } from "@marktiderman/genesis-ui/textarea";
+
+// src/lib/form-schema.ts
+import { z } from "zod";
+function isRequired(field, mode) {
+  if (field.nullable || field.generated) return false;
+  return mode === "edit" || !field.hasDefault;
+}
+var NUMBER = /^-?(\d+\.?\d*|\.\d+)(e[-+]?\d+)?$/i;
+var DATE = /^\d{4}-\d{2}-\d{2}$/;
+function textRule(field, required) {
+  const choices = choicesFor(field);
+  return z.string().superRefine((value, ctx) => {
+    if (value === "") {
+      if (required) ctx.addIssue({ code: "custom", message: "Required." });
+      return;
+    }
+    if (field.type === "number" && !NUMBER.test(value.trim())) ctx.addIssue({ code: "custom", message: "Enter a number." });
+    if (field.widget === "date" && !DATE.test(value)) ctx.addIssue({ code: "custom", message: "Enter a date (YYYY-MM-DD)." });
+    if (choices && field.type !== "boolean" && !choices.includes(value)) {
+      ctx.addIssue({ code: "custom", message: `Choose one of: ${choices.join(", ")}.` });
+    }
+    if (field.type === "json") {
+      try {
+        JSON.parse(value);
+      } catch {
+        ctx.addIssue({ code: "custom", message: "Enter valid JSON." });
+      }
+    }
+  });
+}
+function formSchema(fields, mode) {
+  const shape = {};
+  for (const field of fields) {
+    const required = isRequired(field, mode);
+    shape[field.name] = field.type === "boolean" && !field.nullable ? z.boolean() : textRule(field, required);
+  }
+  return z.object(shape);
+}
+function toFormValues(fields, row) {
+  const out = {};
+  for (const field of fields) {
+    const value = row?.[field.name];
+    out[field.name] = field.type === "boolean" && !field.nullable ? value === true || value === "true" : editText(value);
+  }
+  return out;
+}
+function fromFormValue(field, value) {
+  if (typeof value === "boolean") return value;
+  if (value === "") return field.nullable ? null : "";
+  return value;
+}
+
+// src/lib/form-config.ts
+function sectionFields(fields, config) {
+  if (!config?.sections?.length) return [{ title: null, fields: [...fields] }];
+  const byName = new Map(fields.map((f) => [f.name, f]));
+  const used = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const section of config.sections) {
+    const list = section.fields.map((n) => byName.get(n)).filter((f) => Boolean(f) && !used.has(f.name));
+    list.forEach((f) => used.add(f.name));
+    if (list.length) out.push({ title: section.title, fields: list });
+  }
+  const rest = fields.filter((f) => !used.has(f.name));
+  if (rest.length) out.push({ title: "Other", fields: rest });
+  return out;
+}
+
+// src/record/RelationPicker.tsx
+import { useState as useState2 } from "react";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+import { ChevronsUpDown, X } from "lucide-react";
+import { Button } from "@marktiderman/genesis-ui/button";
+import { Popover, PopoverContent, PopoverTrigger } from "@marktiderman/genesis-ui/popover";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "@marktiderman/genesis-ui/command";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RelationPicker({ provider, sessionKey, field, value, onChange, disabled, id }) {
+  const [open, setOpen] = useState2(false);
+  const [search, setSearch] = useState2("");
+  const target = field.references.resource;
+  const targetField = field.references.field;
+  const schema = useSchema(provider, sessionKey, target);
+  const labelField = schema.data?.labelField ?? targetField;
+  const options = useQuery2({
+    queryKey: ["genesis-studio", sessionKey, "pick", target, search],
+    enabled: open && Boolean(schema.data),
+    retry: false,
+    queryFn: () => provider.getList(target, {
+      pagination: { page: 1, perPage: 20 },
+      ...search ? { search: { query: search, fields: [] } } : {}
+    })
+  });
+  const current = useQuery2({
+    queryKey: ["genesis-studio", sessionKey, "labels", target, targetField, [value]],
+    enabled: Boolean(value && schema.data),
+    retry: false,
+    queryFn: async () => {
+      const result = await provider.getList(target, {
+        pagination: { page: 1, perPage: 1 },
+        filters: [{ field: targetField, operator: "eq", value }]
+      });
+      const row = result.data[0];
+      return new Map(row ? [[value, displayText(row[labelField]) ?? value]] : []);
+    }
+  });
+  const label = value ? current.data?.get(value) ?? value : "\u2014";
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          id,
+          type: "button",
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          disabled,
+          className: "h-9 w-full justify-between font-normal",
+          testID: `studio-picker-${field.name}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50", "aria-hidden": true })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-72 p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: `Search ${target}\u2026`, value: search, onValueChange: setSearch }),
+        /* @__PURE__ */ jsxs(CommandList, { children: [
+          /* @__PURE__ */ jsx(CommandEmpty, { children: options.isLoading ? "Searching\u2026" : "No matches you can see." }),
+          options.data?.data?.map((row) => {
+            const key = String(row[targetField]);
+            return /* @__PURE__ */ jsxs(
+              CommandItem,
+              {
+                value: key,
+                onSelect: () => {
+                  onChange(key);
+                  setOpen(false);
+                },
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate", children: displayText(row[labelField]) ?? key }),
+                  /* @__PURE__ */ jsx("span", { className: "ml-auto pl-2 font-mono text-[10px] text-muted-foreground", children: key })
+                ]
+              },
+              key
+            );
+          })
+        ] })
+      ] }) })
+    ] }),
+    value && field.nullable && !disabled && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-9 w-9", "aria-label": `Clear ${field.name}`, onClick: () => onChange(""), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })
+  ] });
+}
+
+// src/record/RecordForm.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var NONE = "__genesis_none__";
+function RecordForm({ provider, sessionKey, mode, fields, editable, row, onSubmit, submitLabel, onCancel, config }) {
+  const writable = useMemo2(() => fields.filter((f) => editable.has(f.name)), [fields, editable]);
+  const sections = useMemo2(() => sectionFields(fields, config), [fields, config]);
+  const resolver = useMemo2(
+    () => (values2, context, options) => {
+      const shown = writable.filter((f) => {
+        const rule = config?.visibleWhen?.[f.name];
+        return rule ? rule(values2) : true;
+      });
+      const validate = zodResolver(formSchema(shown, mode));
+      return validate(values2, context, options);
+    },
+    [writable, mode, config]
+  );
+  const defaults = useMemo2(() => toFormValues(fields, row), [fields, row]);
+  const form = useForm({ resolver, defaultValues: defaults });
+  const [error, setError] = useState3(null);
+  const values = form.watch();
+  const isVisible = (name) => {
+    const rule = config?.visibleWhen?.[name];
+    return rule ? rule(values) : true;
+  };
+  useEffect2(() => {
+    form.reset(defaults);
+  }, [defaults, form]);
+  const submit = form.handleSubmit(async (values2) => {
+    setError(null);
+    const out = {};
+    for (const field of writable) {
+      if (!isVisible(field.name)) continue;
+      const value = values2[field.name];
+      if (value === void 0) continue;
+      if (mode === "edit" && value === defaults[field.name]) continue;
+      if (mode === "create" && value === "" && !isRequired(field, mode)) continue;
+      out[field.name] = fromFormValue(field, value);
+    }
+    if (mode === "edit" && Object.keys(out).length === 0) return;
+    try {
+      await onSubmit(out);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    }
+  });
+  return /* @__PURE__ */ jsxs2("form", { onSubmit: submit, className: "space-y-4", noValidate: true, "data-testid": `studio-record-form-${mode}`, children: [
+    sections.map((section) => /* @__PURE__ */ jsxs2("fieldset", { className: "space-y-4", children: [
+      section.title && /* @__PURE__ */ jsx2("legend", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: section.title }),
+      section.fields.filter((field) => isVisible(field.name)).map((field) => {
+        const id = `studio-field-${field.name}`;
+        const canEdit = editable.has(field.name);
+        const fieldError = form.formState.errors[field.name]?.message;
+        const required = canEdit && isRequired(field, mode);
+        const choices = choicesFor(field);
+        return /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs2(Label, { htmlFor: id, className: "flex items-baseline gap-1.5", children: [
+            /* @__PURE__ */ jsx2("span", { title: field.label ? field.name : void 0, children: fieldLabel(field) }),
+            required && /* @__PURE__ */ jsx2("span", { className: "text-destructive", "aria-hidden": true, children: "*" }),
+            /* @__PURE__ */ jsx2("span", { className: "ml-auto font-mono text-[10px] font-normal text-muted-foreground", children: field.dbType })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            Controller,
+            {
+              control: form.control,
+              name: field.name,
+              render: ({ field: control }) => {
+                const disabled = !canEdit || form.formState.isSubmitting;
+                if (field.references) {
+                  return /* @__PURE__ */ jsx2(
+                    RelationPicker,
+                    {
+                      id,
+                      provider,
+                      sessionKey,
+                      field,
+                      value: String(control.value ?? ""),
+                      onChange: control.onChange,
+                      disabled
+                    }
+                  );
+                }
+                if (field.type === "boolean" && !field.nullable) {
+                  return /* @__PURE__ */ jsx2("div", { className: "flex h-9 items-center", children: /* @__PURE__ */ jsx2(Checkbox, { id, checked: control.value === true, onCheckedChange: (v) => control.onChange(v === true), disabled }) });
+                }
+                if (choices) {
+                  return /* @__PURE__ */ jsxs2(
+                    Select,
+                    {
+                      value: control.value === "" ? NONE : String(control.value),
+                      onValueChange: (v) => control.onChange(v === NONE ? "" : v),
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx2(SelectTrigger, { id, "aria-invalid": fieldError ? true : void 0, children: /* @__PURE__ */ jsx2(SelectValue, {}) }),
+                        /* @__PURE__ */ jsxs2(SelectContent, { children: [
+                          (field.nullable || mode === "create") && /* @__PURE__ */ jsx2(SelectItem, { value: NONE, children: "\u2014" }),
+                          choices.map((c) => /* @__PURE__ */ jsx2(SelectItem, { value: c, children: c }, c))
+                        ] })
+                      ]
+                    }
+                  );
+                }
+                if (field.widget === "textarea") {
+                  return /* @__PURE__ */ jsx2(
+                    Textarea,
+                    {
+                      id,
+                      rows: 4,
+                      className: "font-mono text-xs",
+                      value: String(control.value ?? ""),
+                      onChange: control.onChange,
+                      onBlur: control.onBlur,
+                      disabled,
+                      "aria-invalid": fieldError ? true : void 0
+                    }
+                  );
+                }
+                return /* @__PURE__ */ jsx2(
+                  Input,
+                  {
+                    id,
+                    type: field.widget === "date" ? "date" : "text",
+                    inputMode: field.type === "number" ? "decimal" : void 0,
+                    value: String(control.value ?? ""),
+                    onChange: control.onChange,
+                    onBlur: control.onBlur,
+                    disabled,
+                    "aria-invalid": fieldError ? true : void 0
+                  }
+                );
+              }
+            }
+          ),
+          fieldError ? /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-xs text-destructive", children: String(fieldError) }) : !canEdit && field.permissions?.reason ? /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground", children: field.permissions.reason }) : field.description ? /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground", children: field.description }) : null
+        ] }, field.name);
+      })
+    ] }, section.title ?? "fields")),
+    error && /* @__PURE__ */ jsx2("p", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/5 p-2 text-sm text-destructive", "data-testid": "studio-form-error", children: error }),
+    writable.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "flex justify-end gap-2", children: [
+      onCancel && /* @__PURE__ */ jsx2(Button2, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx2(Button2, { type: "submit", disabled: form.formState.isSubmitting, testID: `studio-${mode}-submit`, children: form.formState.isSubmitting ? "Saving\u2026" : submitLabel })
+    ] })
+  ] });
+}
+
+// src/record/RecordPanel.tsx
+import { useMemo as useMemo3, useState as useState4 } from "react";
+import { useQuery as useQuery3, useQueryClient } from "@tanstack/react-query";
+import { ExternalLink, Link2, Play, Trash2 } from "lucide-react";
 import {
   encodeRecordKey,
-  isDataWriteError,
-  keyFields
+  isDataWriteError
 } from "@marktiderman/genesis-core/schema";
-import { ResourcePage } from "@marktiderman/genesis-ui/data";
+import { Textarea as Textarea2 } from "@marktiderman/genesis-ui/textarea";
 import { Alert, AlertDescription, AlertTitle } from "@marktiderman/genesis-ui/alert";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "@marktiderman/genesis-ui/alert-dialog";
+import { Button as Button3 } from "@marktiderman/genesis-ui/button";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@marktiderman/genesis-ui/sheet";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@marktiderman/genesis-ui/tabs";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function versionOf(schema, row) {
+  const field = schema.version?.field;
+  if (!field || !row || row[field] == null) return null;
+  return String(row[field]);
+}
+function RecordPanel(props) {
+  const { provider, sessionKey, schema, id } = props;
+  const queryClient = useQueryClient();
+  const recordKey = ["genesis-studio", sessionKey, "record", schema.name, id];
+  const record = useQuery3({
+    queryKey: recordKey,
+    retry: false,
+    queryFn: async () => (await provider.getOne(schema.name, { id })).data
+  });
+  const [conflict, setConflict] = useState4(null);
+  const [copied, setCopied] = useState4(false);
+  const row = record.data;
+  const title = row ? displayText(row[schema.labelField ?? ""]) ?? id : id;
+  const editable = useMemo3(() => new Set(schema.fields.filter((f) => f.permissions?.update).map((f) => f.name)), [schema]);
+  const relations = schema.relations ?? [];
+  async function save(values) {
+    setConflict(null);
+    try {
+      const result = await provider.update(schema.name, { id, data: values, expectedVersion: versionOf(schema, row) });
+      queryClient.setQueryData(recordKey, result.data);
+      props.onSaved(result.data, result.audit);
+    } catch (error) {
+      if (isDataWriteError(error) && error.outcome === "conflict") {
+        setConflict(error.message);
+        if (error.current) {
+          queryClient.setQueryData(recordKey, {
+            ...row,
+            ...error.current,
+            ...schema.version ? { [schema.version.field]: error.currentVersion ?? null } : {}
+          });
+        } else {
+          void record.refetch();
+        }
+      }
+      props.onFailed("update", error instanceof Error ? error.message : String(error));
+      throw error;
+    }
+  }
+  async function remove() {
+    try {
+      const result = await provider.deleteOne(schema.name, { id, expectedVersion: versionOf(schema, row) });
+      props.onDeleted(result.audit);
+      props.onClose();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      setConflict(message);
+      props.onFailed("delete", message);
+      void record.refetch();
+    }
+  }
+  const [running, setRunning] = useState4(null);
+  const [actionError, setActionError] = useState4(null);
+  const [confirming, setConfirming] = useState4(null);
+  async function runAction(action) {
+    setConflict(null);
+    setActionError(null);
+    setRunning(action.name);
+    try {
+      const result = await provider.runAction(schema.name, { id, action: action.name, expectedVersion: versionOf(schema, row) });
+      props.onActionRan?.(action, result.data, result.audit);
+      if (result.data) queryClient.setQueryData(recordKey, result.data);
+      else props.onClose();
+      void queryClient.invalidateQueries({ queryKey: ["genesis-studio", sessionKey, "history", schema.name, id] });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      setActionError({ label: action.label, message: message.replace(/^Not (saved|run): /, "") });
+      props.onFailed(`action:${action.name}`, message);
+      void record.refetch();
+    } finally {
+      setRunning(null);
+    }
+  }
+  const actions = provider.runAction ? schema.actions ?? [] : [];
+  async function copyLink() {
+    try {
+      await navigator.clipboard.writeText(window.location.href);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+      setCopied(false);
+    }
+  }
+  return /* @__PURE__ */ jsx3(Sheet, { open: true, onOpenChange: (open) => !open && props.onClose(), children: /* @__PURE__ */ jsxs3(SheetContent, { className: "w-full overflow-y-auto sm:max-w-xl", "data-testid": "studio-record-panel", children: [
+    /* @__PURE__ */ jsxs3(SheetHeader, { children: [
+      /* @__PURE__ */ jsx3(SheetTitle, { className: "truncate pr-8", children: title }),
+      /* @__PURE__ */ jsxs3(SheetDescription, { children: [
+        schema.label ?? schema.name,
+        " \xB7 ",
+        /* @__PURE__ */ jsx3("span", { className: "font-mono text-xs", children: id })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs3(Button3, { type: "button", variant: "outline", size: "sm", onClick: copyLink, testID: "studio-copy-link", children: [
+        /* @__PURE__ */ jsx3(Link2, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+        copied ? "Link copied" : "Copy link"
+      ] }),
+      schema.access.delete ? /* @__PURE__ */ jsxs3(AlertDialog, { children: [
+        /* @__PURE__ */ jsx3(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(Button3, { type: "button", variant: "outline", size: "sm", testID: "studio-delete", children: [
+          /* @__PURE__ */ jsx3(Trash2, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+          "Delete"
+        ] }) }),
+        /* @__PURE__ */ jsxs3(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs3(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsxs3(AlertDialogTitle, { children: [
+              "Delete ",
+              title,
+              "?"
+            ] }),
+            /* @__PURE__ */ jsx3(AlertDialogDescription, { children: "The deletion is audited. It only goes through if nobody has changed the row since you opened it." })
+          ] }),
+          /* @__PURE__ */ jsxs3(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx3(AlertDialogCancel, { children: "Keep it" }),
+            /* @__PURE__ */ jsx3(AlertDialogAction, { onClick: () => void remove(), "data-testid": "studio-delete-confirm", children: "Delete" })
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs3(Button3, { type: "button", variant: "outline", size: "sm", disabled: true, title: schema.access.reasons?.delete, children: [
+        /* @__PURE__ */ jsx3(Trash2, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+        "Delete"
+      ] }),
+      actions.map((action) => /* @__PURE__ */ jsxs3(
+        Button3,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: !row || running !== null,
+          title: action.description,
+          onClick: () => action.confirm ? setConfirming(action) : void runAction(action),
+          testID: `studio-action-${action.name}`,
+          children: [
+            /* @__PURE__ */ jsx3(Play, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+            running === action.name ? `${action.label}\u2026` : action.label
+          ]
+        },
+        action.name
+      ))
+    ] }),
+    /* @__PURE__ */ jsx3(AlertDialog, { open: confirming !== null, onOpenChange: (open) => !open && setConfirming(null), children: /* @__PURE__ */ jsxs3(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs3(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx3(AlertDialogTitle, { children: confirming?.confirm }),
+        /* @__PURE__ */ jsxs3(AlertDialogDescription, { children: [
+          confirming?.description ? `${confirming.description} ` : "",
+          "It runs on this row as you see it now, and is audited."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx3(AlertDialogCancel, { children: "Cancel" }),
+        /* @__PURE__ */ jsx3(
+          AlertDialogAction,
+          {
+            onClick: () => {
+              const action = confirming;
+              setConfirming(null);
+              if (action) void runAction(action);
+            },
+            "data-testid": "studio-action-confirm",
+            children: confirming?.label
+          }
+        )
+      ] })
+    ] }) }),
+    actionError && /* @__PURE__ */ jsxs3(Alert, { variant: "destructive", className: "mt-3", "data-testid": "studio-action-error", children: [
+      /* @__PURE__ */ jsxs3(AlertTitle, { children: [
+        actionError.label,
+        " didn't run"
+      ] }),
+      /* @__PURE__ */ jsxs3(AlertDescription, { children: [
+        actionError.message,
+        " Nothing was changed."
+      ] })
+    ] }),
+    conflict && /* @__PURE__ */ jsxs3(Alert, { variant: "destructive", className: "mt-3", "data-testid": "studio-record-conflict", children: [
+      /* @__PURE__ */ jsx3(AlertTitle, { children: "Not saved" }),
+      /* @__PURE__ */ jsxs3(AlertDescription, { children: [
+        conflict,
+        " The form now shows the row as it is."
+      ] })
+    ] }),
+    record.isError ? /* @__PURE__ */ jsxs3(Alert, { variant: "destructive", className: "mt-4", children: [
+      /* @__PURE__ */ jsx3(AlertTitle, { children: "Couldn't open this record" }),
+      /* @__PURE__ */ jsx3(AlertDescription, { children: record.error instanceof Error ? record.error.message : String(record.error) })
+    ] }) : /* @__PURE__ */ jsxs3(Tabs, { defaultValue: "details", className: "mt-4", children: [
+      /* @__PURE__ */ jsxs3(TabsList, { children: [
+        /* @__PURE__ */ jsx3(TabsTrigger, { value: "details", children: "Details" }),
+        relations.length > 0 && /* @__PURE__ */ jsxs3(TabsTrigger, { value: "related", children: [
+          "Related (",
+          relations.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx3(TabsTrigger, { value: "history", disabled: !schema.access.history, title: schema.access.reasons?.history, children: "History" }),
+        schema.access.comment !== void 0 && provider.comments && /* @__PURE__ */ jsx3(TabsTrigger, { value: "comments", disabled: !schema.access.comment, title: schema.access.reasons?.comment, children: "Comments" })
+      ] }),
+      /* @__PURE__ */ jsx3(TabsContent, { value: "details", className: "pt-2", children: row ? /* @__PURE__ */ jsx3(
+        RecordForm,
+        {
+          provider,
+          sessionKey,
+          mode: "edit",
+          fields: schema.fields,
+          editable,
+          row,
+          onSubmit: save,
+          submitLabel: "Save changes",
+          config: props.formConfig
+        }
+      ) : /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: "Loading\u2026" }) }),
+      relations.length > 0 && /* @__PURE__ */ jsx3(TabsContent, { value: "related", className: "space-y-5 pt-2", children: row && relations.map((relation) => /* @__PURE__ */ jsx3(
+        RelatedSection,
+        {
+          provider,
+          sessionKey,
+          schema,
+          row,
+          relation,
+          onOpenRecord: props.onOpenRecord
+        },
+        `${relation.kind}:${relation.resource}:${relation.field}`
+      )) }),
+      schema.access.history && /* @__PURE__ */ jsx3(TabsContent, { value: "history", className: "pt-2", children: /* @__PURE__ */ jsx3(
+        History,
+        {
+          provider,
+          sessionKey,
+          resource: schema.name,
+          id,
+          onUndone: (audit) => {
+            void record.refetch();
+            props.onUndone?.(audit);
+          }
+        }
+      ) }),
+      schema.access.comment && provider.comments && /* @__PURE__ */ jsx3(TabsContent, { value: "comments", className: "pt-2", children: /* @__PURE__ */ jsx3(Comments, { provider, sessionKey, resource: schema.name, id }) })
+    ] })
+  ] }) });
+}
+function RelatedSection({
+  provider,
+  sessionKey,
+  schema,
+  row,
+  relation,
+  onOpenRecord
+}) {
+  const target = useSchema(provider, sessionKey, relation.resource);
+  const ownKey = singleKey(schema);
+  const query = useQuery3({
+    queryKey: ["genesis-studio", sessionKey, "related", schema.name, relation.kind, relation.resource, relation.field, row[ownKey ?? ""]],
+    enabled: Boolean(target.data),
+    retry: false,
+    queryFn: async () => {
+      const targetKey = singleKey(target.data);
+      if (relation.kind === "one") {
+        const value = row[relation.field];
+        if (value == null || !targetKey) return [];
+        const r2 = await provider.getList(relation.resource, {
+          pagination: { page: 1, perPage: 1 },
+          filters: [{ field: targetKey, operator: "eq", value: String(value) }]
+        });
+        return r2.data;
+      }
+      const self = row[ownKey ?? ""];
+      if (self == null) return [];
+      if (relation.kind === "many") {
+        const r2 = await provider.getList(relation.resource, {
+          pagination: { page: 1, perPage: 25 },
+          filters: [{ field: relation.field, operator: "eq", value: String(self) }]
+        });
+        return r2.data;
+      }
+      const links = await provider.getList(relation.through.resource, {
+        pagination: { page: 1, perPage: 100 },
+        filters: [{ field: relation.field, operator: "eq", value: String(self) }]
+      });
+      const ids = links.data.map((l) => String(l[relation.through.otherField]));
+      if (!ids.length || !targetKey) return [];
+      const r = await provider.getList(relation.resource, {
+        pagination: { page: 1, perPage: Math.min(100, ids.length) },
+        filters: [{ field: targetKey, operator: "in", value: ids }]
+      });
+      return r.data;
+    }
+  });
+  const heading = `${target.data?.label ?? relation.resource}${relation.kind === "one" ? ` (via ${relation.field})` : relation.kind === "through" ? ` (via ${relation.through.resource})` : ""}`;
+  const labelField = target.data?.labelField;
+  return /* @__PURE__ */ jsxs3("section", { "data-testid": `studio-related-${relation.resource}`, children: [
+    /* @__PURE__ */ jsx3("h3", { className: "mb-1.5 text-sm font-semibold", children: heading }),
+    query.isLoading ? /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Loading\u2026" }) : !query.data?.length ? /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "None you can see." }) : /* @__PURE__ */ jsx3("ul", { className: "divide-y rounded-md border", children: query.data.map((related, index) => {
+      const relatedId = target.data ? String(encodeRecordKey(target.data, related)) : String(index);
+      return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-muted",
+          onClick: () => onOpenRecord(relation.resource, relatedId),
+          children: [
+            /* @__PURE__ */ jsx3("span", { className: "truncate", children: displayText(related[labelField ?? ""]) ?? relatedId }),
+            /* @__PURE__ */ jsx3(ExternalLink, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+          ]
+        }
+      ) }, relatedId);
+    }) })
+  ] });
+}
+function History({
+  provider,
+  sessionKey,
+  resource,
+  id,
+  onUndone
+}) {
+  const [undoError, setUndoError] = useState4(null);
+  const history = useQuery3({
+    queryKey: ["genesis-studio", sessionKey, "history", resource, id],
+    enabled: Boolean(provider.history),
+    retry: false,
+    queryFn: () => provider.history(resource, { id })
+  });
+  if (history.isLoading) return /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Loading\u2026" });
+  if (history.isError) {
+    return /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-xs text-destructive", children: history.error instanceof Error ? history.error.message : String(history.error) });
+  }
+  if (!history.data?.length) return /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "No audited changes yet." });
+  async function undo(entry) {
+    setUndoError(null);
+    try {
+      const result = await provider.undo(resource, { auditId: entry.id });
+      void history.refetch();
+      onUndone(result.audit);
+    } catch (error) {
+      setUndoError(error instanceof Error ? error.message : String(error));
+    }
+  }
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    undoError && /* @__PURE__ */ jsx3("p", { role: "alert", className: "mb-2 text-xs text-destructive", "data-testid": "studio-undo-error", children: undoError }),
+    /* @__PURE__ */ jsx3("ol", { className: "space-y-2", "data-testid": "studio-history", children: history.data.map((entry) => {
+      const fields = [.../* @__PURE__ */ new Set([...Object.keys(entry.before ?? {}), ...Object.keys(entry.after ?? {})])];
+      return /* @__PURE__ */ jsxs3("li", { className: "rounded-md border p-2 text-xs", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsx3("span", { className: "font-medium capitalize", children: entry.action === "run" ? `Ran ${entry.rowAction ?? "an action"}` : entry.action }),
+          /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+            "by ",
+            entry.actor ?? "unknown"
+          ] }),
+          /* @__PURE__ */ jsx3("time", { className: "ml-auto text-muted-foreground", children: entry.occurredAt }),
+          provider.undo && entry.action !== "run" && /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              className: "rounded px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-muted hover:text-foreground",
+              onClick: () => void undo(entry),
+              title: "Put this change back. Refused if the row has changed since.",
+              "data-testid": "studio-history-undo",
+              children: "Undo"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "mt-1 font-mono text-[11px]", children: fields.map((field) => /* @__PURE__ */ jsxs3("div", { children: [
+          field,
+          ": ",
+          displayText(entry.before?.[field]) ?? "\u2014",
+          " \u2192 ",
+          displayText(entry.after?.[field]) ?? "\u2014"
+        ] }, field)) })
+      ] }, entry.id);
+    }) })
+  ] });
+}
+function Comments({
+  provider,
+  sessionKey,
+  resource,
+  id
+}) {
+  const queryClient = useQueryClient();
+  const key = ["genesis-studio", sessionKey, "comments", resource, id];
+  const comments = useQuery3({ queryKey: key, retry: false, queryFn: () => provider.comments(resource, { id }) });
+  const [draft, setDraft] = useState4("");
+  const [busy, setBusy] = useState4(false);
+  const [error, setError] = useState4(null);
+  async function post() {
+    if (!draft.trim() || !provider.addComment) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await provider.addComment(resource, { id, body: draft });
+      setDraft("");
+      await queryClient.invalidateQueries({ queryKey: key });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-3", "data-testid": "studio-comments", children: [
+    comments.isLoading ? /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Loading\u2026" }) : comments.isError ? /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-xs text-destructive", children: comments.error instanceof Error ? comments.error.message : String(comments.error) }) : !comments.data?.length ? /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ jsx3("ol", { className: "space-y-2", children: comments.data.map((c) => /* @__PURE__ */ jsxs3("li", { className: "rounded-md border p-2 text-sm", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx3("span", { className: "font-medium text-foreground", children: c.author }),
+        /* @__PURE__ */ jsx3("time", { className: "ml-auto", children: c.createdAt })
+      ] }),
+      /* @__PURE__ */ jsx3("p", { className: "mt-1 whitespace-pre-wrap break-words", children: c.body })
+    ] }, c.id)) }),
+    provider.addComment && /* @__PURE__ */ jsxs3(
+      "form",
+      {
+        className: "space-y-2",
+        onSubmit: (e) => {
+          e.preventDefault();
+          void post();
+        },
+        children: [
+          /* @__PURE__ */ jsx3(
+            Textarea2,
+            {
+              "aria-label": "New comment",
+              value: draft,
+              maxLength: 1e4,
+              onChange: (e) => setDraft(e.target.value),
+              placeholder: "Add a comment\u2026",
+              rows: 3
+            }
+          ),
+          error && /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-xs text-destructive", children: error }),
+          /* @__PURE__ */ jsx3("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx3(Button3, { type: "submit", size: "sm", disabled: busy || !draft.trim(), testID: "studio-comment-post", children: busy ? "Posting\u2026" : "Comment" }) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/toolbar/Toolbar.tsx
+import { useState as useState5 } from "react";
+import { ArrowDownUp, Download, EyeOff, Filter, Group, Plus, Search, X as X2 } from "lucide-react";
+import { Badge } from "@marktiderman/genesis-ui/badge";
+import { Button as Button4 } from "@marktiderman/genesis-ui/button";
+import { Input as Input2 } from "@marktiderman/genesis-ui/input";
+import { Popover as Popover2, PopoverContent as PopoverContent2, PopoverTrigger as PopoverTrigger2 } from "@marktiderman/genesis-ui/popover";
+import { Select as Select2, SelectContent as SelectContent2, SelectItem as SelectItem2, SelectTrigger as SelectTrigger2, SelectValue as SelectValue2 } from "@marktiderman/genesis-ui/select";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var NONE2 = "__genesis_none__";
+function toDraft(f) {
+  return { field: f.field, operator: f.operator, value: "value" in f && f.value != null ? String(f.value) : "" };
+}
+function fromDraft(d) {
+  return needsValue(d.operator) ? { field: d.field, operator: d.operator, value: d.value } : { field: d.field, operator: d.operator };
+}
+function FilterBuilder({
+  fields,
+  filters,
+  onChange
+}) {
+  const [open, setOpen] = useState5(false);
+  const [drafts, setDrafts] = useState5(filters.map(toDraft));
+  const filterable = fields.filter((f) => !f.array);
+  const update = (i, patch) => setDrafts((prev) => prev.map((d, j) => j === i ? { ...d, ...patch } : d));
+  return /* @__PURE__ */ jsxs4(
+    Popover2,
+    {
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (next) setDrafts(filters.map(toDraft));
+      },
+      children: [
+        /* @__PURE__ */ jsx4(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", testID: "studio-filter", className: `px-2 ${filters.length ? "bg-success/15" : ""}`, children: [
+          /* @__PURE__ */ jsx4(Filter, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+          "Filter",
+          filters.length > 0 && /* @__PURE__ */ jsx4(Badge, { className: "ml-1.5 h-4 px-1.5 text-[10px]", children: filters.length })
+        ] }) }),
+        /* @__PURE__ */ jsxs4(PopoverContent2, { align: "start", className: "w-[min(36rem,calc(100vw-2rem))] space-y-2", children: [
+          drafts.length === 0 && /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "No filters. Every row you can see is listed." }),
+          drafts.map((d, i) => {
+            const field = filterable.find((f) => f.name === d.field);
+            const operators = field ? operatorsFor(field) : [];
+            const choices = field ? choicesFor(field) : void 0;
+            return /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-1.5", "data-testid": "studio-filter-row", children: [
+              /* @__PURE__ */ jsxs4(Select2, { value: d.field, onValueChange: (v) => update(i, { field: v, operator: operatorsFor(filterable.find((f) => f.name === v))[0], value: "" }), children: [
+                /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-8 w-36 text-xs", "aria-label": "Field", children: /* @__PURE__ */ jsx4(SelectValue2, {}) }),
+                /* @__PURE__ */ jsx4(SelectContent2, { children: filterable.map((f) => /* @__PURE__ */ jsx4(SelectItem2, { value: f.name, children: fieldLabel(f) }, f.name)) })
+              ] }),
+              /* @__PURE__ */ jsxs4(Select2, { value: d.operator, onValueChange: (v) => update(i, { operator: v }), children: [
+                /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-8 w-40 text-xs", "aria-label": "Operator", children: /* @__PURE__ */ jsx4(SelectValue2, {}) }),
+                /* @__PURE__ */ jsx4(SelectContent2, { children: operators.map((op) => /* @__PURE__ */ jsx4(SelectItem2, { value: op, children: OPERATOR_LABEL[op] }, op)) })
+              ] }),
+              needsValue(d.operator) && (choices ? /* @__PURE__ */ jsxs4(Select2, { value: d.value || NONE2, onValueChange: (v) => update(i, { value: v === NONE2 ? "" : v }), children: [
+                /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-8 w-36 text-xs", "aria-label": "Value", children: /* @__PURE__ */ jsx4(SelectValue2, {}) }),
+                /* @__PURE__ */ jsxs4(SelectContent2, { children: [
+                  /* @__PURE__ */ jsx4(SelectItem2, { value: NONE2, children: "\u2014" }),
+                  choices.map((c) => /* @__PURE__ */ jsx4(SelectItem2, { value: c, children: c }, c))
+                ] })
+              ] }) : /* @__PURE__ */ jsx4(
+                Input2,
+                {
+                  className: "h-8 w-36 text-xs",
+                  "aria-label": "Value",
+                  type: field?.widget === "date" ? "date" : "text",
+                  value: d.value,
+                  onChange: (e) => update(i, { value: e.target.value })
+                }
+              )),
+              /* @__PURE__ */ jsx4(Button4, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8", "aria-label": "Remove filter", onClick: () => setDrafts((p) => p.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsx4(X2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })
+            ] }, i);
+          }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex justify-between gap-2 pt-1", children: [
+            /* @__PURE__ */ jsxs4(
+              Button4,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                disabled: filterable.length === 0,
+                onClick: () => {
+                  const first = filterable[0];
+                  setDrafts((p) => [...p, { field: first.name, operator: operatorsFor(first)[0], value: "" }]);
+                },
+                children: [
+                  /* @__PURE__ */ jsx4(Plus, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+                  "Add filter"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                type: "button",
+                size: "sm",
+                testID: "studio-filter-apply",
+                onClick: () => {
+                  onChange(drafts.filter((d) => !needsValue(d.operator) || d.value !== "").map(fromDraft));
+                  setOpen(false);
+                },
+                children: "Apply"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function SortBuilder({
+  fields,
+  sorts,
+  onChange
+}) {
+  const sortable = fields.filter((f) => !f.array);
+  const unused = sortable.filter((f) => !sorts.some((s) => s.field === f.name));
+  return /* @__PURE__ */ jsxs4(Popover2, { children: [
+    /* @__PURE__ */ jsx4(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", testID: "studio-sort", className: `px-2 ${sorts.length ? "bg-warning/20" : ""}`, children: [
+      /* @__PURE__ */ jsx4(ArrowDownUp, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+      "Sort",
+      sorts.length > 0 && /* @__PURE__ */ jsx4(Badge, { className: "ml-1.5 h-4 px-1.5 text-[10px]", children: sorts.length })
+    ] }) }),
+    /* @__PURE__ */ jsxs4(PopoverContent2, { align: "start", className: "w-80 space-y-2", children: [
+      sorts.length === 0 && /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "Rows are in key order." }),
+      sorts.map((s, i) => /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", "data-testid": "studio-sort-row", children: [
+        /* @__PURE__ */ jsx4("span", { className: "w-5 text-right text-xs text-muted-foreground", children: i + 1 }),
+        /* @__PURE__ */ jsx4("span", { className: "flex-1 truncate text-sm", children: s.field }),
+        /* @__PURE__ */ jsxs4(Select2, { value: s.order, onValueChange: (v) => onChange(sorts.map((x, j) => j === i ? { ...x, order: v } : x)), children: [
+          /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-8 w-28 text-xs", "aria-label": `Direction for ${s.field}`, children: /* @__PURE__ */ jsx4(SelectValue2, {}) }),
+          /* @__PURE__ */ jsxs4(SelectContent2, { children: [
+            /* @__PURE__ */ jsx4(SelectItem2, { value: "asc", children: "Ascending" }),
+            /* @__PURE__ */ jsx4(SelectItem2, { value: "desc", children: "Descending" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx4(Button4, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8", "aria-label": `Stop sorting by ${s.field}`, onClick: () => onChange(sorts.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsx4(X2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })
+      ] }, s.field)),
+      unused.length > 0 && sorts.length < 5 && /* @__PURE__ */ jsxs4(Select2, { value: NONE2, onValueChange: (v) => v !== NONE2 && onChange([...sorts, { field: v, order: "asc" }]), children: [
+        /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-8 text-xs", "aria-label": "Add a sort field", children: /* @__PURE__ */ jsx4(SelectValue2, { placeholder: "Add a sort field" }) }),
+        /* @__PURE__ */ jsxs4(SelectContent2, { children: [
+          /* @__PURE__ */ jsx4(SelectItem2, { value: NONE2, disabled: true, children: "Add a sort field\u2026" }),
+          unused.map((f) => /* @__PURE__ */ jsx4(SelectItem2, { value: f.name, children: fieldLabel(f) }, f.name))
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function GroupPicker({
+  fields,
+  group,
+  onChange
+}) {
+  const groupable = fields.filter((f) => !f.array && f.type !== "json");
+  return /* @__PURE__ */ jsxs4(Select2, { value: group ?? NONE2, onValueChange: (v) => onChange(v === NONE2 ? void 0 : v), children: [
+    /* @__PURE__ */ jsxs4(SelectTrigger2, { className: `h-8 w-auto gap-1.5 border-0 text-sm shadow-none hover:bg-muted ${group ? "bg-info/15" : ""}`, "aria-label": "Group by", "data-testid": "studio-group", children: [
+      /* @__PURE__ */ jsx4(Group, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+      /* @__PURE__ */ jsx4(SelectValue2, {})
+    ] }),
+    /* @__PURE__ */ jsxs4(SelectContent2, { children: [
+      /* @__PURE__ */ jsx4(SelectItem2, { value: NONE2, children: "Group" }),
+      groupable.map((f) => /* @__PURE__ */ jsxs4(SelectItem2, { value: f.name, children: [
+        "Group by ",
+        fieldLabel(f)
+      ] }, f.name))
+    ] })
+  ] });
+}
+function ExportButton({ onExport, busy, progress }) {
+  return /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", onClick: onExport, disabled: busy, testID: "studio-export", "aria-label": "Export CSV", title: "Export CSV", children: [
+    /* @__PURE__ */ jsx4(Download, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+    busy && /* @__PURE__ */ jsx4("span", { className: "ml-1.5", children: progress })
+  ] });
+}
+function NewRowButton({ allowed, reason, onClick }) {
+  return /* @__PURE__ */ jsxs4(Button4, { type: "button", size: "sm", onClick, disabled: !allowed, title: allowed ? void 0 : reason, testID: "studio-new-row", children: [
+    /* @__PURE__ */ jsx4(Plus, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+    "Add record"
+  ] });
+}
+function ViewFieldPicker({
+  label,
+  fields,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs4(Select2, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-9 w-auto gap-1.5 text-sm", "aria-label": label, "data-testid": "studio-view-field", children: /* @__PURE__ */ jsx4(SelectValue2, {}) }),
+    /* @__PURE__ */ jsx4(SelectContent2, { children: fields.map((f) => /* @__PURE__ */ jsxs4(SelectItem2, { value: f.name, children: [
+      label,
+      " ",
+      fieldLabel(f)
+    ] }, f.name)) })
+  ] });
+}
+function HideFields({
+  fields,
+  hidden,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs4(Popover2, { children: [
+    /* @__PURE__ */ jsx4(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", className: "px-2", testID: "studio-hide-fields", children: [
+      /* @__PURE__ */ jsx4(EyeOff, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
+      hidden.size ? `${hidden.size} hidden field${hidden.size === 1 ? "" : "s"}` : "Hide fields"
+    ] }) }),
+    /* @__PURE__ */ jsxs4(PopoverContent2, { align: "start", className: "w-64 space-y-1 p-2", children: [
+      fields.map((f) => /* @__PURE__ */ jsxs4("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1 text-sm hover:bg-muted", children: [
+        /* @__PURE__ */ jsx4(
+          "input",
+          {
+            type: "checkbox",
+            className: "h-3.5 w-3.5",
+            checked: !hidden.has(f.name),
+            onChange: () => {
+              const next = new Set(hidden);
+              if (next.has(f.name)) next.delete(f.name);
+              else next.add(f.name);
+              onChange(next);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx4("span", { className: "truncate", children: fieldLabel(f) })
+      ] }, f.name)),
+      hidden.size > 0 && /* @__PURE__ */ jsx4(Button4, { type: "button", variant: "ghost", size: "sm", className: "w-full", onClick: () => onChange(/* @__PURE__ */ new Set()), children: "Show all" })
+    ] })
+  ] });
+}
+function SearchBox({ value, onChange }) {
+  return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx4(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground", "aria-hidden": true }),
+    /* @__PURE__ */ jsx4(
+      Input2,
+      {
+        type: "search",
+        "aria-label": "Search",
+        placeholder: "Search",
+        className: "h-8 w-36 pl-7 text-sm",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        "data-testid": "studio-search"
+      }
+    )
+  ] });
+}
+
+// src/workspace/ViewsPanel.tsx
+import { useState as useState6 } from "react";
+import { Popover as Popover3, PopoverContent as PopoverContent3, PopoverTrigger as PopoverTrigger3 } from "@marktiderman/genesis-ui/popover";
+import { Bookmark, CalendarDays, ChevronDown, Columns3, Lock, Plus as Plus2, Search as Search2, Table2, X as X3 } from "lucide-react";
 import { cn } from "@marktiderman/genesis-ui/utils";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var VIEWS2 = [
+  { kind: "grid", label: "Grid", icon: Table2, unavailable: "" },
+  { kind: "kanban", label: "Board", icon: Columns3, unavailable: "A board needs a field with a fixed set of values, like a status." },
+  { kind: "calendar", label: "Calendar", icon: CalendarDays, unavailable: "A calendar needs a date field." }
+];
+function ViewsPanel({
+  view,
+  available,
+  onChange,
+  saved,
+  onLoad,
+  onDelete,
+  onSave
+}) {
+  const [naming, setNaming] = useState6(false);
+  const [name, setName] = useState6("");
+  return /* @__PURE__ */ jsxs5(
+    "nav",
+    {
+      "aria-label": "Views",
+      className: "flex shrink-0 flex-row gap-1 overflow-x-auto border-b p-2 text-sm md:w-40 md:flex-col md:overflow-visible md:border-b-0 md:border-r",
+      "data-testid": "studio-views",
+      children: [
+        /* @__PURE__ */ jsx5("p", { className: "hidden px-2 pb-1 text-xs text-muted-foreground md:block", children: "Views" }),
+        VIEWS2.map(({ kind, label, icon: Icon, unavailable }) => /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": view === kind,
+            disabled: !available[kind],
+            title: available[kind] ? void 0 : unavailable,
+            onClick: () => onChange(kind),
+            "data-testid": `studio-view-${kind}`,
+            className: cn(
+              "flex shrink-0 items-center gap-2 rounded-md px-2 py-1.5 text-left disabled:opacity-40",
+              view === kind ? "bg-accent font-medium text-accent-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx5(Icon, { className: "h-4 w-4", "aria-hidden": true }),
+              label
+            ]
+          },
+          kind
+        )),
+        saved.length > 0 && /* @__PURE__ */ jsx5("p", { className: "hidden px-2 pb-1 pt-3 text-xs text-muted-foreground md:block", children: "Saved" }),
+        saved.map((item) => /* @__PURE__ */ jsxs5("span", { className: "group flex shrink-0 items-center rounded-md hover:bg-muted", children: [
+          /* @__PURE__ */ jsxs5(
+            "button",
+            {
+              type: "button",
+              className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left text-muted-foreground hover:text-foreground",
+              onClick: () => onLoad(item),
+              "data-testid": "studio-saved-view",
+              children: [
+                /* @__PURE__ */ jsx5(Bookmark, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsx5("span", { className: "truncate", children: item.name })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Delete view ${item.name}`,
+              className: "mr-1 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100",
+              onClick: () => onDelete(item.id),
+              children: /* @__PURE__ */ jsx5(X3, { className: "h-3 w-3", "aria-hidden": true })
+            }
+          )
+        ] }, item.id)),
+        naming ? /* @__PURE__ */ jsx5(
+          "form",
+          {
+            className: "flex shrink-0 items-center gap-1 px-1 pt-1",
+            onSubmit: (e) => {
+              e.preventDefault();
+              if (!name.trim()) return;
+              onSave(name.trim());
+              setName("");
+              setNaming(false);
+            },
+            children: /* @__PURE__ */ jsx5(
+              "input",
+              {
+                autoFocus: true,
+                "aria-label": "View name",
+                placeholder: "View name",
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                onKeyDown: (e) => e.key === "Escape" && setNaming(false),
+                className: "h-7 w-full min-w-24 rounded border bg-background px-2 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            className: "flex shrink-0 items-center gap-2 rounded-md px-2 py-1.5 text-left text-muted-foreground hover:bg-muted hover:text-foreground md:mt-2",
+            onClick: () => setNaming(true),
+            "data-testid": "studio-save-view",
+            children: [
+              /* @__PURE__ */ jsx5(Plus2, { className: "h-4 w-4", "aria-hidden": true }),
+              "Save view"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function TableTabs({
+  resources,
+  selected,
+  onSelect,
+  variant = "card"
+}) {
+  const picker = resources.length > PICKER_AFTER && /* @__PURE__ */ jsx5(AllTables, { resources, selected, onSelect });
+  if (variant === "plain") {
+    return /* @__PURE__ */ jsxs5("div", { className: "flex items-end border-b", children: [
+      /* @__PURE__ */ jsx5("nav", { "aria-label": "Tables", className: "flex min-w-0 flex-1 gap-1 overflow-x-auto", "data-testid": "studio-sidebar", children: resources.map((r) => {
+        const active = r.name === selected;
+        return /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(r.name),
+            "aria-current": active ? "page" : void 0,
+            title: r.access.update ? r.name : `${r.name}: ${r.access.reason ?? "read-only"}`,
+            "data-testid": `studio-table-${r.name}`,
+            className: cn(
+              "-mb-px flex shrink-0 items-center gap-1.5 border-b-2 px-3 py-2 text-sm",
+              active ? "border-primary font-medium text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
+            ),
+            children: [
+              r.label ?? r.name,
+              !r.access.update && /* @__PURE__ */ jsx5(Lock, { className: "h-3 w-3 text-muted-foreground", "aria-label": "Read-only" })
+            ]
+          },
+          r.name
+        );
+      }) }),
+      picker
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "flex items-end bg-primary/10 pr-2", children: [
+    /* @__PURE__ */ jsx5("nav", { "aria-label": "Tables", className: "flex min-w-0 flex-1 gap-0.5 overflow-x-auto px-2 pt-1.5", "data-testid": "studio-sidebar", children: resources.map((r) => {
+      const active = r.name === selected;
+      return /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(r.name),
+          "aria-current": active ? "page" : void 0,
+          title: r.access.update ? r.name : `${r.name}: ${r.access.reason ?? "read-only"}`,
+          "data-testid": `studio-table-${r.name}`,
+          className: cn(
+            "flex shrink-0 items-center gap-1.5 rounded-t-md px-3 py-1.5 text-sm",
+            active ? "bg-background font-medium text-foreground" : "text-foreground/70 hover:bg-background/60 hover:text-foreground"
+          ),
+          children: [
+            r.label ?? r.name,
+            !r.access.update && /* @__PURE__ */ jsx5(Lock, { className: "h-3 w-3 text-muted-foreground", "aria-label": "Read-only" })
+          ]
+        },
+        r.name
+      );
+    }) }),
+    picker
+  ] });
+}
+var PICKER_AFTER = 8;
+function AllTables({
+  resources,
+  selected,
+  onSelect
+}) {
+  const [open, setOpen] = useState6(false);
+  const [query, setQuery] = useState6("");
+  const q = query.trim().toLowerCase();
+  const shown = resources.filter((r) => !q || (r.label ?? r.name).toLowerCase().includes(q) || r.name.toLowerCase().includes(q));
+  return /* @__PURE__ */ jsxs5(Popover3, { open, onOpenChange: (next) => {
+    setOpen(next);
+    if (!next) setQuery("");
+  }, children: [
+    /* @__PURE__ */ jsx5(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        className: "mb-1 ml-1 flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+        "data-testid": "studio-all-tables",
+        children: [
+          "All tables (",
+          resources.length,
+          ")",
+          /* @__PURE__ */ jsx5(ChevronDown, { className: "h-3.5 w-3.5", "aria-hidden": true })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs5(PopoverContent3, { align: "end", className: "w-72 p-1", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "relative p-1", children: [
+        /* @__PURE__ */ jsx5(Search2, { className: "pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            autoFocus: true,
+            "aria-label": "Find a table",
+            placeholder: "Find a table",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && shown[0]) {
+                onSelect(shown[0].name);
+                setOpen(false);
+              }
+            },
+            className: "h-8 w-full rounded border bg-background pl-7 pr-2 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("ul", { className: "max-h-72 overflow-y-auto", "aria-label": "Tables", children: [
+        shown.map((r) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            "aria-current": r.name === selected ? "page" : void 0,
+            className: cn(
+              "flex w-full items-center justify-between gap-2 rounded px-2 py-1.5 text-left text-sm hover:bg-muted",
+              r.name === selected && "bg-accent text-accent-foreground"
+            ),
+            onClick: () => {
+              onSelect(r.name);
+              setOpen(false);
+            },
+            children: [
+              /* @__PURE__ */ jsx5("span", { className: "truncate", children: r.label ?? r.name }),
+              !r.access.update && /* @__PURE__ */ jsx5(Lock, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-label": "Read-only" })
+            ]
+          }
+        ) }, r.name)),
+        shown.length === 0 && /* @__PURE__ */ jsx5("li", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "No table matches." })
+      ] })
+    ] })
+  ] });
+}
+
+// src/grid/cells.tsx
+import {
+  Braces,
+  Calendar,
+  Check,
+  CircleChevronDown,
+  Clock,
+  Hash,
+  KeyRound,
+  Link2 as Link22,
+  List,
+  SquareCheck,
+  Type
+} from "lucide-react";
+import { cn as cn2 } from "@marktiderman/genesis-ui/utils";
+import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+function FieldIcon({ field, isKey }) {
+  const className = "h-3.5 w-3.5";
+  if (isKey) return /* @__PURE__ */ jsx6(KeyRound, { className });
+  if (field.array) return /* @__PURE__ */ jsx6(List, { className });
+  if (field.references) return /* @__PURE__ */ jsx6(Link22, { className });
+  if (field.enumValues) return /* @__PURE__ */ jsx6(CircleChevronDown, { className });
+  switch (field.type) {
+    case "number":
+      return /* @__PURE__ */ jsx6(Hash, { className });
+    case "boolean":
+      return /* @__PURE__ */ jsx6(SquareCheck, { className });
+    case "json":
+      return /* @__PURE__ */ jsx6(Braces, { className });
+    case "datetime":
+      return field.dbType === "date" || field.widget === "date" ? /* @__PURE__ */ jsx6(Calendar, { className }) : /* @__PURE__ */ jsx6(Clock, { className });
+    default:
+      return /* @__PURE__ */ jsx6(Type, { className });
+  }
+}
+var PILL_TINTS = [
+  "bg-info/20",
+  "bg-chart-2/25",
+  "bg-chart-4/30",
+  "bg-chart-1/20",
+  "bg-chart-5/25",
+  "bg-chart-3/20",
+  "bg-primary/15"
+];
+var POSITIVE = /^(active|paid|done|shipped|published|complete(d)?|approved|open|live|yes|true)$/i;
+var PENDING = /^(draft|pending|paused|review|in[ _-]?progress|waiting|scheduled|new)$/i;
+var NEGATIVE = /^(archived|cancel(l)?ed|closed|rejected|failed|deleted|inactive|no|false)$/i;
+function pillTint(value, choices = []) {
+  if (POSITIVE.test(value)) return "bg-success/20";
+  if (PENDING.test(value)) return "bg-warning/25";
+  if (NEGATIVE.test(value)) return "bg-muted";
+  const at = choices.indexOf(value);
+  const index = at >= 0 ? at : [...value].reduce((h, ch) => h * 31 + ch.charCodeAt(0) >>> 0, 7);
+  return PILL_TINTS[index % PILL_TINTS.length];
+}
+function Pill({ value, tint, className }) {
+  return /* @__PURE__ */ jsx6("span", { className: cn2("inline-flex max-w-full items-center truncate rounded-full px-2 py-0.5 text-xs text-foreground", tint, className), children: value });
+}
+function shortTimestamp(text) {
+  const m = /^(\d{4}-\d{2}-\d{2})[ T](\d{2}:\d{2})/.exec(text);
+  return m ? `${m[1]} ${m[2]}` : text;
+}
+function CellValue({ field, value, linkLabel }) {
+  const text = displayText(value);
+  if (text === null || text === "") return null;
+  if (field.type === "boolean" && !field.array) {
+    return value === true || text === "true" ? /* @__PURE__ */ jsx6("span", { className: "inline-flex h-4 w-4 items-center justify-center rounded bg-success/20", "aria-label": "Yes", children: /* @__PURE__ */ jsx6(Check, { className: "h-3 w-3", "aria-hidden": true }) }) : /* @__PURE__ */ jsx6("span", { className: "inline-block h-4 w-4 rounded border", "aria-label": "No" });
+  }
+  if (field.enumValues && !field.array) return /* @__PURE__ */ jsx6(Pill, { value: text, tint: pillTint(text, field.enumValues) });
+  if (field.references) {
+    return /* @__PURE__ */ jsx6("span", { className: "inline-flex max-w-full items-center gap-1 truncate rounded bg-info/15 px-1.5 py-0.5 text-xs text-foreground", title: text, children: linkLabel ?? text });
+  }
+  if (field.array && Array.isArray(value)) {
+    return /* @__PURE__ */ jsx6("span", { className: "flex gap-1 overflow-hidden", children: value.map((item, i) => /* @__PURE__ */ jsx6(Pill, { value: displayText(item) ?? "", tint: "bg-muted" }, i)) });
+  }
+  if (field.type === "datetime" && !(field.dbType === "date" || field.widget === "date")) {
+    return /* @__PURE__ */ jsx6("span", { title: text, children: shortTimestamp(text) });
+  }
+  if (field.type === "json") return /* @__PURE__ */ jsx6("span", { className: "font-mono text-xs", children: text });
+  return /* @__PURE__ */ jsx6(Fragment2, { children: text });
+}
+
+// src/views/KanbanView.tsx
+import { useEffect as useEffect3, useMemo as useMemo4, useState as useState7 } from "react";
+import { useQueries as useQueries2 } from "@tanstack/react-query";
+import { encodeRecordKey as encodeRecordKey2, isDataWriteError as isDataWriteError2 } from "@marktiderman/genesis-core/schema";
+import { Button as Button5 } from "@marktiderman/genesis-ui/button";
+import { KanbanBoard } from "@marktiderman/genesis-ui/data";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var KANBAN_PAGE = 50;
+var NONE3 = "__genesis_none__";
+function versionOf2(schema, row) {
+  const field = schema.version?.field;
+  return field && row[field] != null ? String(row[field]) : null;
+}
+function KanbanView({
+  provider,
+  schema,
+  sessionKey,
+  field,
+  filters,
+  sorts,
+  search,
+  onOpenRecord,
+  onMoved,
+  onFailed,
+  onSignedOut
+}) {
+  const values = useMemo4(() => [...choicesFor(field) ?? [], ...field.nullable ? [NONE3] : []], [field]);
+  const [pages, setPages] = useState7({});
+  const [moving, setMoving] = useState7(null);
+  const filterKey = JSON.stringify(filters);
+  const sortKey = JSON.stringify(sorts);
+  const specs = values.flatMap(
+    (value) => Array.from({ length: pages[value] ?? 1 }, (_, i) => ({ value, page: i + 1 }))
+  );
+  const results = useQueries2({
+    queries: specs.map(({ value, page }) => ({
+      queryKey: ["genesis-studio", sessionKey, "list", schema.name, "kanban", field.name, value, page, filterKey, search, sortKey],
+      retry: false,
+      queryFn: () => provider.getList(schema.name, {
+        pagination: { page, perPage: KANBAN_PAGE },
+        sort: sorts[0],
+        sorts,
+        filters: [
+          ...filters.filter((f) => f.field !== field.name),
+          value === NONE3 ? { field: field.name, operator: "is_null" } : { field: field.name, operator: "eq", value }
+        ],
+        search: search ? { query: search, fields: [] } : void 0
+      })
+    }))
+  });
+  const failure = results.find((r) => r.error)?.error;
+  const signedOut = Boolean(failure && isDataWriteError2(failure) && failure.outcome === "unauthenticated");
+  useEffect3(() => {
+    if (signedOut) onSignedOut();
+  }, [signedOut, onSignedOut]);
+  const ownFilter = filters.some((f) => f.field === field.name);
+  const columns = values.map((value) => {
+    const mine = specs.map((s, i) => ({ s, r: results[i] })).filter(({ s }) => s.value === value);
+    return {
+      key: value,
+      label: value === NONE3 ? "No value" : value,
+      items: mine.flatMap(({ r }) => r.data?.data ?? []),
+      ...mine[0]?.r.data ? { total: mine[0].r.data.total } : {}
+    };
+  });
+  const labelField = schema.labelField;
+  const keyNames = new Set(typeof schema.key === "string" ? [schema.key] : schema.key);
+  const extra = schema.fields.filter(
+    (f) => f.name !== labelField && f.name !== field.name && f.name !== schema.version?.field && !keyNames.has(f.name) && !f.references && !f.array && f.type !== "json" && f.dbType !== "uuid"
+  ).slice(0, 2);
+  const canMove = Boolean(field.permissions?.update && schema.version);
+  async function move(row, to) {
+    const id = String(encodeRecordKey2(schema, row));
+    setMoving(id);
+    try {
+      const result = await provider.update(schema.name, {
+        id,
+        data: { [field.name]: to === NONE3 ? null : to },
+        expectedVersion: versionOf2(schema, row)
+      });
+      onMoved(id, result.audit);
+    } catch (error) {
+      if (isDataWriteError2(error) && error.outcome === "unauthenticated") onSignedOut();
+      onFailed(id, error instanceof Error ? error.message : String(error));
+      throw error;
+    } finally {
+      setMoving(null);
+    }
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-2", "data-testid": "studio-kanban", children: [
+    ownFilter && /* @__PURE__ */ jsxs6("p", { className: "text-xs text-muted-foreground", children: [
+      "Your filter on ",
+      field.name,
+      " is set aside here: each column shows one of its values."
+    ] }),
+    failure && !signedOut && /* @__PURE__ */ jsx7("p", { role: "alert", className: "text-sm text-destructive", children: failure instanceof Error ? failure.message : String(failure) }),
+    /* @__PURE__ */ jsx7("div", { children: /* @__PURE__ */ jsx7(
+      KanbanBoard,
+      {
+        className: "grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] md:grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] lg:grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(15rem,1fr))]",
+        columns,
+        getKey: (row) => String(encodeRecordKey2(schema, row)),
+        getItemLabel: (row) => displayText(labelField ? row[labelField] : void 0) ?? String(encodeRecordKey2(schema, row)),
+        onMoveItem: canMove ? move : void 0,
+        emptyMessage: "No rows",
+        renderCard: (row) => {
+          const id = String(encodeRecordKey2(schema, row));
+          return /* @__PURE__ */ jsxs6(
+            "button",
+            {
+              type: "button",
+              onClick: () => onOpenRecord(id),
+              "aria-busy": moving === id || void 0,
+              className: "w-full rounded-lg border bg-card p-3 pr-8 text-left text-sm shadow-sm hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              "data-testid": "studio-kanban-card",
+              children: [
+                /* @__PURE__ */ jsx7("span", { className: "block truncate font-medium", children: displayText(labelField ? row[labelField] : void 0) ?? id }),
+                extra.map((f) => /* @__PURE__ */ jsxs6("span", { className: "block truncate text-xs text-muted-foreground", children: [
+                  fieldLabel(f),
+                  ": ",
+                  displayText(row[f.name]) ?? "\u2014"
+                ] }, f.name))
+              ]
+            }
+          );
+        },
+        renderColumnFooter: (column) => column.total !== void 0 && column.total > column.items.length ? /* @__PURE__ */ jsxs6(
+          Button5,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setPages((p) => ({ ...p, [column.key]: (p[column.key] ?? 1) + 1 })),
+            children: [
+              "Load more (",
+              (column.total - column.items.length).toLocaleString(),
+              " left)"
+            ]
+          }
+        ) : null
+      }
+    ) }),
+    !canMove && /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: field.permissions?.reason ?? `Cards can't be moved: ${field.name} can't be edited here.` })
+  ] });
+}
+
+// src/views/CalendarView.tsx
+import { useEffect as useEffect4, useMemo as useMemo5 } from "react";
+import { keepPreviousData, useQuery as useQuery4 } from "@tanstack/react-query";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { encodeRecordKey as encodeRecordKey3, isDataWriteError as isDataWriteError3 } from "@marktiderman/genesis-core/schema";
+import { Button as Button6 } from "@marktiderman/genesis-ui/button";
+import { cn as cn3 } from "@marktiderman/genesis-ui/utils";
+
+// src/views/fields.ts
+function boardFields(schema) {
+  return schema.fields.filter((f) => !f.array && Boolean(choicesFor(f)));
+}
+function dateFields(schema) {
+  return schema.fields.filter((f) => !f.array && f.type === "datetime" && !/^time( |$)|interval/.test(f.dbType ?? ""));
+}
+function isDateOnly(field) {
+  return field.dbType === "date" || field.widget === "date";
+}
+var DB_DATE = /^(\d{4}-\d{2}-\d{2})(?:[ T](\d{2}:\d{2}(?::\d{2})?)(\.\d+)?)?\s*(Z|[+-]\d{2}(?::?\d{2})?)?$/;
+function localDay(value, dateOnly) {
+  if (typeof value !== "string") return null;
+  const m = DB_DATE.exec(value.trim());
+  if (!m) return null;
+  if (dateOnly || !m[2]) return m[1];
+  let zone = m[4] ?? "";
+  if (/^[+-]\d{2}$/.test(zone)) zone += ":00";
+  else if (/^[+-]\d{4}$/.test(zone)) zone = `${zone.slice(0, 3)}:${zone.slice(3)}`;
+  const time = m[2].length === 5 ? `${m[2]}:00` : m[2];
+  const ms = m[3] ? m[3].slice(0, 4).padEnd(4, "0") : "";
+  const date = /* @__PURE__ */ new Date(`${m[1]}T${time}${ms}${zone}`);
+  if (Number.isNaN(date.getTime())) return null;
+  return dayKey(date);
+}
+function dayKey(date) {
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function isZoned(field) {
+  return !isDateOnly(field) && (field.dbType === void 0 || /with time zone|timestamptz/.test(field.dbType));
+}
+function monthBounds(month, field) {
+  const [y, m] = month.split("-").map(Number);
+  const start = new Date(y, m - 1, 1);
+  const next = new Date(y, m, 1);
+  return isZoned(field) ? { from: start.toISOString(), to: next.toISOString() } : { from: dayKey(start), to: dayKey(next) };
+}
+function currentMonth(now = /* @__PURE__ */ new Date()) {
+  return dayKey(now).slice(0, 7);
+}
+function shiftMonth(month, by) {
+  const [y, m] = month.split("-").map(Number);
+  return currentMonth(new Date(y, m - 1 + by, 1));
+}
 
-// src/values.ts
-function editText(value) {
-  if (value === null || value === void 0) return "";
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
+// src/views/CalendarView.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var CALENDAR_CAP = 200;
+var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+function weeksOf(month) {
+  const [y, m] = month.split("-").map(Number);
+  const first = new Date(y, m - 1, 1);
+  const days = new Date(y, m, 0).getDate();
+  const lead = (first.getDay() + 6) % 7;
+  const cells = [
+    ...Array.from({ length: lead }, () => null),
+    ...Array.from({ length: days }, (_, i) => dayKey(new Date(y, m - 1, i + 1)))
+  ];
+  while (cells.length % 7) cells.push(null);
+  return Array.from({ length: cells.length / 7 }, (_, w) => cells.slice(w * 7, w * 7 + 7));
 }
-function displayText(value) {
-  if (value === null || value === void 0) return null;
-  return editText(value);
+function CalendarView({
+  provider,
+  schema,
+  sessionKey,
+  field,
+  month: monthProp,
+  onMonthChange,
+  filters,
+  sorts,
+  search,
+  onOpenRecord,
+  onSignedOut
+}) {
+  const month = monthProp ?? currentMonth();
+  const dateOnly = isDateOnly(field);
+  const { from, to } = monthBounds(month, field);
+  const query = useQuery4({
+    queryKey: ["genesis-studio", sessionKey, "list", schema.name, "calendar", field.name, month, JSON.stringify(filters), search, JSON.stringify(sorts)],
+    placeholderData: keepPreviousData,
+    retry: false,
+    queryFn: () => provider.getList(schema.name, {
+      pagination: { page: 1, perPage: CALENDAR_CAP },
+      sort: sorts[0] ?? { field: field.name, order: "asc" },
+      sorts: sorts.length ? sorts : [{ field: field.name, order: "asc" }],
+      filters: [
+        ...filters,
+        { field: field.name, operator: "gte", value: from },
+        { field: field.name, operator: "lt", value: to }
+      ],
+      search: search ? { query: search, fields: [] } : void 0
+    })
+  });
+  const signedOut = isDataWriteError3(query.error) && query.error.outcome === "unauthenticated";
+  useEffect4(() => {
+    if (signedOut) onSignedOut();
+  }, [signedOut, onSignedOut]);
+  const rows = query.data?.data ?? [];
+  const byDay = useMemo5(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const row of rows) {
+      const day = localDay(row[field.name], dateOnly);
+      if (!day) continue;
+      map.set(day, [...map.get(day) ?? [], row]);
+    }
+    return map;
+  }, [rows, field.name, dateOnly]);
+  const total = query.data?.total ?? 0;
+  const today = dayKey(/* @__PURE__ */ new Date());
+  const title = (/* @__PURE__ */ new Date(`${month}-01T00:00:00`)).toLocaleDateString(void 0, { month: "long", year: "numeric" });
+  const labelField = schema.labelField;
+  return /* @__PURE__ */ jsxs7("div", { className: "space-y-2", "data-testid": "studio-calendar", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx8(Button6, { type: "button", variant: "outline", size: "icon", className: "h-8 w-8", "aria-label": "Previous month", onClick: () => onMonthChange(shiftMonth(month, -1)), children: /* @__PURE__ */ jsx8(ChevronLeft, { className: "h-4 w-4", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx8(Button6, { type: "button", variant: "outline", size: "icon", className: "h-8 w-8", "aria-label": "Next month", onClick: () => onMonthChange(shiftMonth(month, 1)), children: /* @__PURE__ */ jsx8(ChevronRight, { className: "h-4 w-4", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx8(Button6, { type: "button", variant: "ghost", size: "sm", onClick: () => onMonthChange(currentMonth()), children: "Today" }),
+      /* @__PURE__ */ jsx8("h3", { className: "text-sm font-semibold", "aria-live": "polite", children: title }),
+      /* @__PURE__ */ jsxs7("span", { className: "text-xs text-muted-foreground", children: [
+        "by ",
+        fieldLabel(field)
+      ] })
+    ] }),
+    total > rows.length && /* @__PURE__ */ jsxs7("p", { role: "status", className: "text-xs text-muted-foreground", "data-testid": "studio-calendar-capped", children: [
+      "Showing the first ",
+      rows.length.toLocaleString(),
+      " of ",
+      total.toLocaleString(),
+      " rows this month. Filter the table to see the rest."
+    ] }),
+    query.isError && !signedOut && /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-sm text-destructive", children: query.error instanceof Error ? query.error.message : String(query.error) }),
+    /* @__PURE__ */ jsx8("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs7("table", { className: "w-full min-w-[42rem] table-fixed border-collapse text-sm", children: [
+      /* @__PURE__ */ jsxs7("caption", { className: "sr-only", children: [
+        schema.label ?? schema.name,
+        " by ",
+        fieldLabel(field),
+        ", ",
+        title
+      ] }),
+      /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsx8("tr", { children: WEEKDAYS.map((d) => /* @__PURE__ */ jsx8("th", { scope: "col", className: "py-1 text-left text-xs font-medium text-muted-foreground", children: d }, d)) }) }),
+      /* @__PURE__ */ jsx8("tbody", { children: weeksOf(month).map((week, w) => /* @__PURE__ */ jsx8("tr", { children: week.map((day, d) => /* @__PURE__ */ jsx8(
+        "td",
+        {
+          className: cn3("h-28 border align-top", !day && "bg-muted/30"),
+          "data-day": day ?? void 0,
+          children: day && /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col gap-0.5 p-1", children: [
+            /* @__PURE__ */ jsx8("span", { className: cn3("text-xs", day === today ? "font-bold text-primary" : "text-muted-foreground"), children: Number(day.slice(8)) }),
+            /* @__PURE__ */ jsx8("ul", { className: "max-h-24 space-y-0.5 overflow-y-auto", children: (byDay.get(day) ?? []).map((row) => {
+              const id = String(encodeRecordKey3(schema, row));
+              return /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
+                "button",
+                {
+                  type: "button",
+                  className: "w-full truncate rounded bg-primary/10 px-1.5 py-0.5 text-left text-xs hover:bg-primary/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  onClick: () => onOpenRecord(id),
+                  "data-testid": "studio-calendar-item",
+                  children: displayText(labelField ? row[labelField] : void 0) ?? id
+                }
+              ) }, id);
+            }) })
+          ] })
+        },
+        day ?? `pad-${w}-${d}`
+      )) }, w)) })
+    ] }) })
+  ] });
 }
-function parseDraft(field, draft) {
-  if (draft === "" && field.nullable) return null;
-  return draft;
+
+// src/toolbar/ImportDialog.tsx
+import { useMemo as useMemo6, useState as useState8 } from "react";
+import { Upload } from "lucide-react";
+import { Button as Button7 } from "@marktiderman/genesis-ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@marktiderman/genesis-ui/dialog";
+import { Label as Label2 } from "@marktiderman/genesis-ui/label";
+import { Select as Select3, SelectContent as SelectContent3, SelectItem as SelectItem3, SelectTrigger as SelectTrigger3, SelectValue as SelectValue3 } from "@marktiderman/genesis-ui/select";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var SKIP = "__genesis_skip__";
+function ImportDialog({ provider, schema, onImported }) {
+  const [open, setOpen] = useState8(false);
+  const [file, setFile] = useState8(null);
+  const [mapping, setMapping] = useState8({});
+  const [check, setCheck] = useState8(null);
+  const [busy, setBusy] = useState8(false);
+  const [error, setError] = useState8(null);
+  const targets = useMemo6(() => schema.fields.filter((f) => schema.createFields?.includes(f.name)), [schema]);
+  const allowed = Boolean(schema.access.create && provider.importRows);
+  async function readFile(input) {
+    const parsed = parseCsv(await input.text());
+    setFile({ name: input.name, ...parsed });
+    const auto = {};
+    parsed.header.forEach((h, i) => {
+      const field = targets.find((f) => f.name.toLowerCase() === h.toLowerCase());
+      if (field) auto[i] = field.name;
+    });
+    setMapping(auto);
+    setCheck(null);
+    setError(null);
+  }
+  function rowsToSend() {
+    if (!file) return [];
+    return file.rows.map((cells) => {
+      const row = {};
+      for (const [index, field] of Object.entries(mapping)) {
+        if (field === SKIP) continue;
+        const value = cells[Number(index)] ?? "";
+        if (value !== "") row[field] = value;
+      }
+      return row;
+    });
+  }
+  async function run(dryRun) {
+    setBusy(true);
+    setError(null);
+    try {
+      const result = await provider.importRows(schema.name, { rows: rowsToSend(), dryRun });
+      if (dryRun) setCheck(result);
+      else if (result.ok) {
+        onImported(result.count);
+        setOpen(false);
+        setFile(null);
+        setCheck(null);
+      } else setCheck(result);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  const mapped = Object.values(mapping).filter((f) => f && f !== SKIP).length;
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsx9(
+      Button7,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setOpen(true),
+        disabled: !allowed,
+        title: allowed ? "Import CSV" : schema.access.reasons?.create ?? "This data provider can't import.",
+        testID: "studio-import",
+        "aria-label": "Import CSV",
+        children: /* @__PURE__ */ jsx9(Upload, { className: "h-3.5 w-3.5", "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ jsx9(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs8(DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", "data-testid": "studio-import-dialog", children: [
+      /* @__PURE__ */ jsxs8(DialogHeader, { children: [
+        /* @__PURE__ */ jsxs8(DialogTitle, { children: [
+          "Import into ",
+          schema.label ?? schema.name
+        ] }),
+        /* @__PURE__ */ jsx9(DialogDescription, { children: "Every row is checked against the database first. The import then adds all of them in one transaction, or none." })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx9(Label2, { htmlFor: "studio-import-file", children: "CSV file, with a header row" }),
+          /* @__PURE__ */ jsx9(
+            "input",
+            {
+              id: "studio-import-file",
+              type: "file",
+              accept: ".csv,text/csv",
+              className: "block w-full text-sm",
+              onChange: (e) => e.target.files?.[0] && void readFile(e.target.files[0]),
+              "data-testid": "studio-import-file"
+            }
+          )
+        ] }),
+        file && /* @__PURE__ */ jsxs8(Fragment3, { children: [
+          /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground", children: [
+            file.name,
+            ": ",
+            file.rows.length,
+            " rows, ",
+            file.header.length,
+            " columns."
+          ] }),
+          /* @__PURE__ */ jsx9("div", { className: "grid gap-2 sm:grid-cols-2", children: file.header.map((column, i) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx9("span", { className: "w-32 truncate font-mono text-xs", title: column, children: column || `(column ${i + 1})` }),
+            /* @__PURE__ */ jsxs8(Select3, { value: mapping[i] ?? SKIP, onValueChange: (v) => {
+              setMapping((m) => ({ ...m, [i]: v }));
+              setCheck(null);
+            }, children: [
+              /* @__PURE__ */ jsx9(SelectTrigger3, { className: "h-8 flex-1 text-xs", "aria-label": `Field for ${column}`, children: /* @__PURE__ */ jsx9(SelectValue3, {}) }),
+              /* @__PURE__ */ jsxs8(SelectContent3, { children: [
+                /* @__PURE__ */ jsx9(SelectItem3, { value: SKIP, children: "Skip this column" }),
+                targets.map((f) => /* @__PURE__ */ jsx9(SelectItem3, { value: f.name, children: fieldLabel(f) }, f.name))
+              ] })
+            ] })
+          ] }, `${column}-${i}`)) }),
+          check && /* @__PURE__ */ jsx9("div", { className: "rounded-md border p-3 text-sm", role: "status", "data-testid": "studio-import-check", children: check.ok ? /* @__PURE__ */ jsxs8("p", { children: [
+            "All ",
+            check.count,
+            " rows are ready to import."
+          ] }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
+            /* @__PURE__ */ jsxs8("p", { className: "font-medium text-destructive", children: [
+              (check.failures ?? []).length,
+              " of ",
+              file.rows.length,
+              " rows won't import. Nothing was changed."
+            ] }),
+            /* @__PURE__ */ jsx9("ul", { className: "mt-2 max-h-48 space-y-1 overflow-y-auto font-mono text-xs", children: (check.failures ?? []).map((f) => /* @__PURE__ */ jsxs8("li", { children: [
+              "Row ",
+              f.index + 2,
+              ": ",
+              f.message
+            ] }, f.index)) })
+          ] }) }),
+          error && /* @__PURE__ */ jsx9("p", { role: "alert", className: "text-sm text-destructive", children: error }),
+          /* @__PURE__ */ jsxs8("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx9(Button7, { type: "button", variant: "outline", disabled: busy || mapped === 0, onClick: () => void run(true), testID: "studio-import-check-button", children: busy ? "Checking\u2026" : "Check rows" }),
+            /* @__PURE__ */ jsxs8(Button7, { type: "button", disabled: busy || !check?.ok, onClick: () => void run(false), testID: "studio-import-commit", children: [
+              "Import ",
+              check?.ok ? check.count : "",
+              " rows"
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  ] });
 }
-function choicesFor(field) {
-  if (field.enumValues) return [...field.enumValues];
-  if (field.type === "boolean") return ["true", "false"];
-  return void 0;
+
+// src/toolbar/BulkEdit.tsx
+import { useState as useState9 } from "react";
+import { Button as Button8 } from "@marktiderman/genesis-ui/button";
+import { Dialog as Dialog2, DialogContent as DialogContent2, DialogDescription as DialogDescription2, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2 } from "@marktiderman/genesis-ui/dialog";
+import { Input as Input3 } from "@marktiderman/genesis-ui/input";
+import { Label as Label3 } from "@marktiderman/genesis-ui/label";
+import { Select as Select4, SelectContent as SelectContent4, SelectItem as SelectItem4, SelectTrigger as SelectTrigger4, SelectValue as SelectValue4 } from "@marktiderman/genesis-ui/select";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function BulkEditDialog({ schema, count, open, onOpenChange, onApply }) {
+  const fields = schema.fields.filter((f) => f.permissions?.update && !f.references);
+  const [field, setField] = useState9(fields[0]?.name ?? "");
+  const [value, setValue] = useState9("");
+  const [result, setResult] = useState9(null);
+  const [busy, setBusy] = useState9(false);
+  const [error, setError] = useState9(null);
+  const target = fields.find((f) => f.name === field);
+  const choices = target ? choicesFor(target) : void 0;
+  async function apply() {
+    if (!target) return;
+    setBusy(true);
+    setError(null);
+    try {
+      const outcome = await onApply({ [target.name]: parseDraft(target, value) });
+      if (outcome.ok) onOpenChange(false);
+      else setResult(outcome);
+    } catch (e) {
+      setError(`Nothing was changed: ${e instanceof Error ? e.message : String(e)}`);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsx10(
+    Dialog2,
+    {
+      open,
+      onOpenChange: (next) => {
+        onOpenChange(next);
+        if (!next) setResult(null);
+      },
+      children: /* @__PURE__ */ jsxs9(DialogContent2, { className: "sm:max-w-md", "data-testid": "studio-bulk-edit", children: [
+        /* @__PURE__ */ jsxs9(DialogHeader2, { children: [
+          /* @__PURE__ */ jsxs9(DialogTitle2, { children: [
+            "Set a field on ",
+            count,
+            " row",
+            count === 1 ? "" : "s"
+          ] }),
+          /* @__PURE__ */ jsx10(DialogDescription2, { children: "Each row is checked against the version you see. All of them change, or none do." })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx10(Label3, { htmlFor: "studio-bulk-field", children: "Field" }),
+            /* @__PURE__ */ jsxs9(Select4, { value: field, onValueChange: (v) => {
+              setField(v);
+              setValue("");
+              setError(null);
+            }, children: [
+              /* @__PURE__ */ jsx10(SelectTrigger4, { id: "studio-bulk-field", children: /* @__PURE__ */ jsx10(SelectValue4, {}) }),
+              /* @__PURE__ */ jsx10(SelectContent4, { children: fields.map((f) => /* @__PURE__ */ jsx10(SelectItem4, { value: f.name, children: fieldLabel(f) }, f.name)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs9("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx10(Label3, { htmlFor: "studio-bulk-value", children: "New value" }),
+            choices ? /* @__PURE__ */ jsxs9(Select4, { value, onValueChange: (v) => {
+              setValue(v);
+              setError(null);
+            }, children: [
+              /* @__PURE__ */ jsx10(SelectTrigger4, { id: "studio-bulk-value", children: /* @__PURE__ */ jsx10(SelectValue4, { placeholder: "Choose\u2026" }) }),
+              /* @__PURE__ */ jsx10(SelectContent4, { children: choices.map((c) => /* @__PURE__ */ jsx10(SelectItem4, { value: c, children: c }, c)) })
+            ] }) : /* @__PURE__ */ jsx10(Input3, { id: "studio-bulk-value", value, onChange: (e) => {
+              setValue(e.target.value);
+              setError(null);
+            } })
+          ] }),
+          error && /* @__PURE__ */ jsx10("p", { role: "alert", className: "rounded-md border border-destructive/40 p-2 text-sm text-destructive", "data-testid": "studio-bulk-error", children: error }),
+          result && !result.ok && /* @__PURE__ */ jsxs9("div", { role: "alert", className: "rounded-md border border-destructive/40 p-2 text-sm text-destructive", children: [
+            "Nothing was changed: ",
+            (result.failures ?? []).length,
+            " row(s) failed.",
+            /* @__PURE__ */ jsx10("ul", { className: "mt-1 list-disc pl-5 text-xs", children: (result.failures ?? []).slice(0, 10).map((f) => /* @__PURE__ */ jsx10("li", { children: f.message }, f.index)) })
+          ] }),
+          /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx10(Button8, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx10(Button8, { type: "button", disabled: busy || !target, onClick: () => void apply(), testID: "studio-bulk-apply", children: busy ? "Saving\u2026" : `Set on ${count} row${count === 1 ? "" : "s"}` })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/sheet/SheetView.tsx
+import { useMemo as useMemo7 } from "react";
+import { Maximize2 } from "lucide-react";
+import { encodeRecordKey as encodeRecordKey4, isDataWriteError as isDataWriteError4, keyFields as keyFields2 } from "@marktiderman/genesis-core/schema";
+import { SheetCommitError, SheetGrid } from "@marktiderman/genesis-ui/sheet-grid";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function gridFields(schema) {
+  const primary = schema.fields.find((f) => f.name === schema.labelField);
+  return primary ? [primary, ...schema.fields.filter((f) => f !== primary)] : [...schema.fields];
+}
+function SheetView({
+  provider,
+  schema,
+  rows,
+  keys,
+  linkLabels,
+  onSaved,
+  onFailed,
+  onUndo,
+  onNotice,
+  hidden,
+  selected,
+  onToggleSelect,
+  onToggleAll,
+  onOpenRecord,
+  firstRowNumber = 1,
+  footer,
+  height,
+  label
+}) {
+  const versionField = schema.version?.field;
+  const keyNames = useMemo7(() => new Set(keyFields2(schema)), [schema]);
+  const columns = useMemo7(
+    () => gridFields(schema).filter((field) => !hidden?.has(field.name)).map((field, index) => {
+      const labels = linkLabels.get(field.name);
+      return {
+        key: field.name,
+        header: fieldLabel(field),
+        icon: /* @__PURE__ */ jsx11(FieldIcon, { field, isKey: keyNames.has(field.name) }),
+        // The first column names the row, so it gets more room.
+        width: index === 0 && field.name === schema.labelField ? 220 : field.type === "json" ? 220 : field.type === "boolean" ? 110 : 170,
+        ...field.type === "number" && !field.enumValues ? { align: "end" } : {},
+        getText: (row) => editText(row[field.name]),
+        render: (row) => /* @__PURE__ */ jsx11(CellValue, { field, value: row[field.name], linkLabel: labels?.get(String(row[field.name])) }),
+        // Links are edited in the record form, with a picker.
+        editable: Boolean(field.permissions?.update) && !field.references,
+        readOnlyReason: field.references && field.permissions?.update ? "Edit links in the record's form." : field.permissions?.reason,
+        ...choicesFor(field) ? { options: choicesFor(field) } : {}
+      };
+    }),
+    [schema, linkLabels, hidden, keyNames]
+  );
+  const selectable = Boolean(selected && onToggleSelect);
+  const allSelected = selectable && rows.length > 0 && rows.every((row) => selected.has(keys.get(row) ?? ""));
+  async function commit(changes) {
+    const byRow = /* @__PURE__ */ new Map();
+    for (const change of changes) {
+      const field = schema.fields.find((f) => f.name === change.column);
+      const entry = byRow.get(change.rowKey) ?? { row: change.row, data: {} };
+      entry.data[change.column] = parseDraft(field, change.value);
+      byRow.set(change.rowKey, entry);
+    }
+    const items = [...byRow.entries()];
+    const expected = (row) => versionField ? row[versionField] == null ? null : String(row[versionField]) : null;
+    try {
+      if (items.length === 1) {
+        const [, { row, data }] = items[0];
+        const result2 = await provider.update(schema.name, { id: encodeRecordKey4(schema, row), data, expectedVersion: expected(row) });
+        onSaved([{ old: row, next: result2.data, ...result2.audit ? { audit: result2.audit } : {} }]);
+        return;
+      }
+      if (!provider.updateMany) throw new Error("This data provider can't save several rows at once.");
+      const result = await provider.updateMany(schema.name, {
+        changes: items.map(([, { row, data }]) => ({ id: encodeRecordKey4(schema, row), data, expectedVersion: expected(row) }))
+      });
+      if (!result.ok) {
+        const failures = result.failures ?? [];
+        const cells = failures.flatMap((f) => {
+          const [rowKey, { data }] = items[f.index];
+          return Object.keys(data).map((column) => ({ rowKey, column, message: f.message }));
+        });
+        const message = `Nothing was saved: ${failures.length} of ${items.length} rows failed. Fix the marked cells and paste again.`;
+        onFailed(message);
+        throw new SheetCommitError(message, cells);
+      }
+      onSaved(
+        items.map(([, { row, data }], i) => ({
+          old: row,
+          next: { ...row, ...data },
+          ...result.audit?.[i] ? { audit: result.audit[i] } : {}
+        }))
+      );
+      onNotice(`Saved ${result.count} rows in one transaction.`);
+    } catch (error) {
+      if (error instanceof SheetCommitError) throw error;
+      const message = isDataWriteError4(error) || error instanceof Error ? error.message : String(error);
+      onFailed(message);
+      throw error;
+    }
+  }
+  return /* @__PURE__ */ jsx11(
+    SheetGrid,
+    {
+      label: label ?? `${schema.label ?? schema.name} sheet`,
+      rows,
+      columns,
+      getKey: (row) => keys.get(row) ?? "",
+      onCommit: commit,
+      onUndo,
+      onSkipped: (count) => onNotice(`${count} read-only cell${count === 1 ? " was" : "s were"} left as they were.`),
+      height: height ?? Math.min(640, Math.max(160, (rows.length + 2) * 32 + 4)),
+      className: "rounded-md",
+      empty: "No records match.",
+      footer,
+      rowHeader: {
+        width: selectable ? 84 : 64,
+        header: selectable ? /* @__PURE__ */ jsx11(
+          "input",
+          {
+            type: "checkbox",
+            "aria-label": "Select every row on this page",
+            className: "h-3.5 w-3.5",
+            checked: allSelected,
+            onChange: () => onToggleAll?.()
+          }
+        ) : null,
+        render: (row, index) => {
+          const id = keys.get(row) ?? "";
+          return /* @__PURE__ */ jsxs10("span", { className: "flex w-full items-center gap-1.5", children: [
+            selectable && /* @__PURE__ */ jsx11(
+              "input",
+              {
+                type: "checkbox",
+                "aria-label": `Select row ${firstRowNumber + index}`,
+                className: "h-3.5 w-3.5",
+                checked: selected.has(id),
+                onChange: () => onToggleSelect(id),
+                "data-testid": "studio-row-select"
+              }
+            ),
+            /* @__PURE__ */ jsx11("span", { className: "min-w-[1.5rem] tabular-nums", children: firstRowNumber + index }),
+            onOpenRecord && id && /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                className: "ml-auto rounded p-0.5 text-muted-foreground opacity-0 hover:bg-background hover:text-foreground focus-visible:opacity-100 group-hover/row:opacity-100",
+                "aria-label": `Open row ${firstRowNumber + index}`,
+                title: "Open record",
+                onClick: () => onOpenRecord(id),
+                "data-testid": "studio-open-record",
+                children: /* @__PURE__ */ jsx11(Maximize2, { className: "h-3 w-3", "aria-hidden": true })
+              }
+            )
+          ] });
+        }
+      }
+    }
+  );
 }
 
 // src/DataStudio.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var PER_PAGE = 25;
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var PER_PAGE = 50;
 var SEARCH_DEBOUNCE_MS = 300;
 function isUnauthenticated(error) {
-  return isDataWriteError(error) && error.outcome === "unauthenticated";
+  return isDataWriteError5(error) && error.outcome === "unauthenticated";
 }
 function errorText(error) {
   return error instanceof Error ? error.message : String(error);
 }
 function DataStudio(props) {
-  return /* @__PURE__ */ jsx(GenesisProvider, { provider: props.provider, children: /* @__PURE__ */ jsx(StudioWorkspace, { ...props }) });
+  const historyRouter = useHistoryRouter();
+  const router = props.router ?? historyRouter;
+  const session = props.provider.session;
+  const [sessionUser, setSessionUser] = useState10(null);
+  useEffect5(() => session?.subscribe(setSessionUser), [session]);
+  const sessionKey = props.sessionKey !== void 0 ? props.sessionKey : session ? sessionUser : null;
+  return /* @__PURE__ */ jsx12(GenesisProvider, { provider: props.provider, children: /* @__PURE__ */ jsx12("div", { "data-genesis-studio": "", children: /* @__PURE__ */ jsx12(StudioWorkspace, { ...props, router, sessionKey }) }) });
 }
 function StudioWorkspace({
   provider,
@@ -53,18 +2334,24 @@ function StudioWorkspace({
   signIn,
   sessionKey = null,
   title = "Data",
+  variant = "card",
   perPage = PER_PAGE,
+  forms,
   className
 }) {
-  const queryClient = useQueryClient();
-  const [activity, setActivity] = useState([]);
-  const [signedOut, setSignedOut] = useState(false);
-  useEffect(() => {
-    setSignedOut(false);
+  const queryClient = useQueryClient2();
+  const [activity, setActivity] = useState10([]);
+  const [refusedProvider, setRefusedProvider] = useState10(null);
+  const signedOut = refusedProvider !== null && refusedProvider === provider;
+  const providerRef = useRef(provider);
+  providerRef.current = provider;
+  const setSignedOut = useCallback2((value) => setRefusedProvider(value ? providerRef.current : null), []);
+  useEffect5(() => {
+    setRefusedProvider(null);
     setActivity([]);
     void queryClient.resetQueries({ queryKey: ["genesis-studio"] });
   }, [sessionKey, queryClient]);
-  const resources = useQuery({
+  const resources = useQuery5({
     queryKey: ["genesis-studio", sessionKey, "resources"],
     queryFn: () => {
       if (!provider.listResources) throw new Error("This data provider can't list its resources.");
@@ -72,34 +2359,123 @@ function StudioWorkspace({
     },
     retry: (count, error) => !isUnauthenticated(error) && count < 2
   });
-  useEffect(() => {
+  useEffect5(() => {
     if (isUnauthenticated(resources.error)) setSignedOut(true);
   }, [resources.error]);
-  const record = useCallback((entry) => {
+  useEffect5(() => {
+    if (refusedProvider && refusedProvider !== provider) {
+      setRefusedProvider(null);
+      void queryClient.resetQueries({ queryKey: ["genesis-studio", sessionKey] });
+    }
+  }, [provider, refusedProvider, queryClient, sessionKey]);
+  const undoing = useRef(/* @__PURE__ */ new Set());
+  const undoAll = useCallback2(
+    async (entry, audits) => {
+      const left = [];
+      let firstError;
+      for (const audit of audits) {
+        try {
+          await provider.undo(entry.resource, { auditId: audit.id });
+        } catch (error) {
+          left.push(audit);
+          firstError ??= error;
+        }
+      }
+      void queryClient.invalidateQueries({ queryKey: ["genesis-studio", sessionKey] });
+      const done = audits.length - left.length;
+      setActivity((prev) => {
+        const updated = prev.map((e) => e.id === entry.id ? left.length ? { ...e, audits: left } : { ...e, undone: true } : e);
+        const now = /* @__PURE__ */ new Date();
+        const added = [];
+        if (left.length) {
+          added.push({ id: `${now.getTime()}-undo-failed`, at: now, resource: entry.resource, field: entry.field, record: `${left.length} rows`, outcome: "not_saved", message: `${left.length} of ${audits.length} rows weren't undone: ${errorText(firstError)}` });
+        }
+        if (done) {
+          added.push({ id: `${now.getTime()}-undo`, at: now, resource: entry.resource, field: entry.field, record: `${done} rows`, outcome: "saved", action: "update", message: "Undone, each row with its own audit entry." });
+        }
+        return [...added, ...updated].slice(0, 50);
+      });
+    },
+    [provider, queryClient, sessionKey]
+  );
+  const undoOne = useCallback2(
+    async (entry) => {
+      if (entry.audits?.length) return undoAll(entry, entry.audits);
+      try {
+        const result = await provider.undo(entry.resource, { auditId: entry.audit.id });
+        setActivity((prev) => prev.map((e) => e.id === entry.id ? { ...e, undone: true } : e));
+        void queryClient.invalidateQueries({ queryKey: ["genesis-studio", sessionKey] });
+        setActivity(
+          (prev) => [
+            {
+              id: `${Date.now()}-undo`,
+              at: /* @__PURE__ */ new Date(),
+              resource: entry.resource,
+              field: entry.field,
+              record: entry.record,
+              outcome: "saved",
+              action: "update",
+              message: "Undone, with its own audit entry.",
+              ...result.audit ? { audit: result.audit, undone: true } : {}
+            },
+            ...prev
+          ].slice(0, 50)
+        );
+      } catch (error) {
+        setActivity(
+          (prev) => [
+            {
+              id: `${Date.now()}-undo-failed`,
+              at: /* @__PURE__ */ new Date(),
+              resource: entry.resource,
+              field: entry.field,
+              record: entry.record,
+              outcome: "not_saved",
+              message: errorText(error)
+            },
+            ...prev
+          ].slice(0, 50)
+        );
+      }
+    },
+    [provider, queryClient, sessionKey, undoAll]
+  );
+  const undo = useCallback2(
+    async (entry) => {
+      if (!provider.undo || entry.undone || undoing.current.has(entry.id)) return;
+      if (!entry.audit && !entry.audits?.length) return;
+      undoing.current.add(entry.id);
+      try {
+        await undoOne(entry);
+      } finally {
+        undoing.current.delete(entry.id);
+      }
+    },
+    [provider, undoOne]
+  );
+  const record = useCallback2((entry) => {
     setActivity(
       (prev) => [{ ...entry, id: `${Date.now()}-${Math.random().toString(36).slice(2)}`, at: /* @__PURE__ */ new Date() }, ...prev].slice(0, 50)
     );
   }, []);
   if (signedOut) {
-    return /* @__PURE__ */ jsx("div", { className: cn("flex min-h-[320px] items-center justify-center p-6", className), "data-testid": "studio-sign-in", children: signIn ?? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sign in to use the studio." }) });
+    return /* @__PURE__ */ jsx12("div", { className: cn4("flex min-h-[320px] items-center justify-center p-6", className), "data-testid": "studio-sign-in", children: signIn ?? /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Sign in to use the studio." }) });
   }
   const selected = router.location.resource;
   const list = resources.data ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-[480px] w-full flex-col gap-4 lg:flex-row", className), "data-testid": "studio", children: [
-    /* @__PURE__ */ jsx(
-      TableSidebar,
-      {
-        title,
-        resources: list,
-        selected,
-        loading: resources.isLoading,
-        error: resources.isError ? errorText(resources.error) : null,
-        onSelect: (resource) => router.navigate({ resource })
-      }
-    ),
-    /* @__PURE__ */ jsxs("main", { className: "min-w-0 flex-1 space-y-4", "data-testid": "studio-main", children: [
-      selected ? /* @__PURE__ */ jsx(
-        Sheet,
+  return /* @__PURE__ */ jsxs11("div", { className: cn4("w-full space-y-3", className), children: [
+    /* @__PURE__ */ jsxs11("div", { className: variant === "card" ? "overflow-hidden rounded-lg border bg-background" : "min-w-0", "data-testid": "studio", "data-variant": variant, children: [
+      (title !== null || resources.isLoading || resources.isError) && /* @__PURE__ */ jsxs11("div", { className: cn4("flex items-center gap-2", variant === "card" ? "border-b px-3 py-2" : "pb-3"), children: [
+        title !== null && (variant === "card" ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          /* @__PURE__ */ jsx12(Database, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx12("span", { className: "text-sm font-semibold", children: title })
+        ] }) : /* @__PURE__ */ jsx12("h1", { className: "text-2xl font-semibold tracking-tight", children: title })),
+        resources.isLoading && /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: "Loading tables\u2026" }),
+        resources.isError && /* @__PURE__ */ jsx12("span", { role: "alert", className: "text-xs text-destructive", children: errorText(resources.error) })
+      ] }),
+      /* @__PURE__ */ jsx12(TableTabs, { resources: list, selected, onSelect: (resource) => router.navigate({ resource }), variant }),
+      /* @__PURE__ */ jsx12("main", { className: "min-w-0", "data-testid": "studio-main", children: selected ? /* @__PURE__ */ jsx12(
+        Sheet2,
         {
           provider,
           resource: selected,
@@ -107,84 +2483,77 @@ function StudioWorkspace({
           router,
           perPage,
           onActivity: record,
-          onSignedOut: () => setSignedOut(true)
+          onSignedOut: () => setSignedOut(true),
+          formConfig: forms?.[selected],
+          onUndoLatest: () => {
+            const latest = activity.find((e) => e.resource === selected && e.outcome === "saved" && (e.audit && e.audit.action !== "run" || e.audits?.length) && !e.undone);
+            if (latest) void undo(latest);
+          }
         },
         selected
-      ) : /* @__PURE__ */ jsxs(
+      ) : /* @__PURE__ */ jsxs11(
         "div",
         {
-          className: "flex h-full min-h-[320px] flex-col items-center justify-center gap-2 rounded-lg border border-dashed p-8 text-center text-muted-foreground",
+          className: "flex min-h-[320px] flex-col items-center justify-center gap-2 p-8 text-center text-muted-foreground",
           "data-testid": "studio-empty",
           children: [
-            /* @__PURE__ */ jsx(Table2, { className: "h-6 w-6", "aria-hidden": true }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm", children: list.length ? "Pick a table to open it." : "No tables to show yet." })
+            /* @__PURE__ */ jsx12(Table22, { className: "h-6 w-6", "aria-hidden": true }),
+            /* @__PURE__ */ jsx12("p", { className: "text-sm", children: list.length ? "Pick a table to open it." : "No tables to show yet." })
           ]
         }
-      ),
-      /* @__PURE__ */ jsx(ActivityPanel, { entries: activity })
-    ] })
-  ] });
-}
-function TableSidebar({
-  title,
-  resources,
-  selected,
-  loading,
-  error,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Tables", className: "w-full shrink-0 self-start rounded-lg border bg-card lg:w-56", "data-testid": "studio-sidebar", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-3 py-2 text-sm font-semibold", children: [
-      /* @__PURE__ */ jsx(Database, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
-      title
+      ) })
     ] }),
-    loading && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-xs text-muted-foreground", children: "Loading tables\u2026" }),
-    error && /* @__PURE__ */ jsx("p", { role: "alert", className: "px-3 py-2 text-xs text-destructive", children: error }),
-    /* @__PURE__ */ jsx("ul", { className: "p-1", children: resources.map((r) => {
-      const active = r.name === selected;
-      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => onSelect(r.name),
-          "aria-current": active ? "page" : void 0,
-          title: r.access.update ? r.name : `${r.name} \u2014 ${r.access.reason ?? "Read-only"}`,
-          "data-testid": `studio-table-${r.name}`,
-          className: cn(
-            "flex w-full items-center justify-between gap-2 rounded-md px-2 py-1.5 text-left text-sm",
-            active ? "bg-accent text-accent-foreground" : "hover:bg-muted"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: r.label ?? r.name }),
-            !r.access.update && /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-label": "Read-only" })
-          ]
-        }
-      ) }, r.name);
-    }) })
+    /* @__PURE__ */ jsx12(ActivityPanel, { entries: activity, onUndo: provider.undo ? (entry) => void undo(entry) : void 0 })
   ] });
 }
-function parseSort(sort) {
-  if (!sort) return void 0;
-  const at = sort.lastIndexOf(":");
-  const field = at > 0 ? sort.slice(0, at) : sort;
-  const order = sort.slice(at + 1) === "desc" ? "desc" : "asc";
-  return field ? { field, order } : void 0;
-}
-function Sheet({
+function Sheet2({
   provider,
   resource,
   sessionKey,
   router,
   perPage,
   onActivity,
-  onSignedOut
+  onSignedOut,
+  formConfig,
+  onUndoLatest
 }) {
-  const queryClient = useQueryClient();
+  const queryClient = useQueryClient2();
   const { location } = router;
   const page = location.page ?? 1;
-  const sort = parseSort(location.sort);
+  const sorts = useMemo8(() => parseSorts(location.sort), [location.sort]);
+  const filters = useMemo8(() => parseFilters(location.filters), [location.filters]);
   const search = location.search ?? "";
-  const schemaQuery = useQuery({
+  const group = location.group;
+  const [creating, setCreating] = useState10(false);
+  const [exporting, setExporting] = useState10(null);
+  const [notice, setNotice] = useState10(null);
+  const [viewEpoch, setViewEpoch] = useState10(0);
+  const [bulkIds, setBulkIds] = useState10(null);
+  const view = location.view ?? "table";
+  const sheetView = view === "sheet";
+  const savedViews = useSavedViews(`genesis-studio:views:${resource}`);
+  const hiddenKey = `genesis-studio:hidden:${resource}`;
+  const [hidden, setHiddenState] = useState10(() => {
+    try {
+      const stored = JSON.parse(localStorage.getItem(hiddenKey) ?? "[]");
+      return new Set(Array.isArray(stored) ? stored.filter((x) => typeof x === "string") : []);
+    } catch {
+      return /* @__PURE__ */ new Set();
+    }
+  });
+  const setHidden = useCallback2(
+    (next) => {
+      setHiddenState(next);
+      try {
+        localStorage.setItem(hiddenKey, JSON.stringify([...next]));
+      } catch {
+      }
+    },
+    [hiddenKey]
+  );
+  const [selected, setSelected] = useState10(/* @__PURE__ */ new Set());
+  const [searchDraft, setSearchDraft] = useState10(location.search ?? "");
+  const schemaQuery = useQuery5({
     queryKey: ["genesis-studio", sessionKey, "describe", resource],
     queryFn: () => {
       if (!provider.describe) throw new Error("This data provider can't describe its resources.");
@@ -193,39 +2562,59 @@ function Sheet({
     retry: false
   });
   const schema = schemaQuery.data;
-  const listKey = useMemo(
-    () => ["genesis-studio", sessionKey, "list", resource, page, perPage, location.sort ?? "", search],
-    [sessionKey, resource, page, perPage, location.sort, search]
+  const capabilities = useQuery5({
+    queryKey: ["genesis-studio", sessionKey, "capabilities", resource],
+    enabled: Boolean(provider.capabilities),
+    retry: false,
+    queryFn: () => provider.capabilities(resource)
+  }).data;
+  const effectiveSorts = useMemo8(
+    () => group ? [{ field: group, order: "asc" }, ...sorts.filter((s) => s.field !== group)] : sorts,
+    [group, sorts]
   );
-  const listQuery = useQuery({
+  const listKey = useMemo8(
+    () => ["genesis-studio", sessionKey, "list", resource, page, perPage, location.sort ?? "", search, location.filters ?? "", group ?? ""],
+    [sessionKey, resource, page, perPage, location.sort, search, location.filters, group]
+  );
+  const keyed = Boolean(schema && keyFields3(schema).length > 0);
+  const boardChoices = schema ? boardFields(schema) : [];
+  const dateChoices = schema ? dateFields(schema) : [];
+  const keyedView = (view === "kanban" || view === "calendar") && keyed;
+  const viewChoices = view === "kanban" ? boardChoices : view === "calendar" ? dateChoices : [];
+  const viewField = viewChoices.find((f) => f.name === location.by) ?? viewChoices[0];
+  const altView = keyedView && viewField ? view : null;
+  const listQuery = useQuery5({
     queryKey: listKey,
-    enabled: Boolean(schema),
-    placeholderData: keepPreviousData,
+    // A board or calendar makes its own requests; the grid's page isn't needed then.
+    enabled: Boolean(schema) && !altView,
+    placeholderData: keepPreviousData2,
     retry: false,
     queryFn: () => provider.getList(resource, {
       pagination: { page, perPage },
-      sort,
+      sort: effectiveSorts[0],
+      sorts: effectiveSorts,
+      filters,
       search: search ? { query: search, fields: [] } : void 0
     })
   });
   const failure = schemaQuery.error ?? listQuery.error;
-  useEffect(() => {
+  useEffect5(() => {
     if (isUnauthenticated(failure)) onSignedOut();
   }, [failure, onSignedOut]);
   const searchTimer = useRef(void 0);
-  useEffect(() => () => clearTimeout(searchTimer.current), []);
-  const navigate = useCallback(
+  useEffect5(() => () => clearTimeout(searchTimer.current), []);
+  const navigate = useCallback2(
     (patch, replace = false) => router.navigate({ ...location, resource, ...patch }, { replace }),
     [router, location, resource]
   );
   const rows = listQuery.data?.data ?? [];
-  const keyed = Boolean(schema && keyFields(schema).length > 0);
-  const keys = useMemo(() => {
+  const keys = useMemo8(() => {
     const map = /* @__PURE__ */ new Map();
-    rows.forEach((row, index) => map.set(row, schema && keyed ? String(encodeRecordKey(schema, row)) : `row-${index}`));
+    rows.forEach((row, index) => map.set(row, schema && keyed ? String(encodeRecordKey5(schema, row)) : `row-${index}`));
     return map;
   }, [rows, schema, keyed]);
-  const replaceRow = useCallback(
+  const linkLabels = usePageLinkLabels(provider, sessionKey, schema?.fields ?? [], rows);
+  const replaceRow = useCallback2(
     (oldRow, next) => {
       queryClient.setQueryData(
         listKey,
@@ -234,146 +2623,502 @@ function Sheet({
     },
     [queryClient, listKey]
   );
-  const save = useCallback(
-    async (field, row, draft) => {
-      if (!schema) return;
-      if (draft === editText(row[field.name])) return;
-      const recordLabel = keys.get(row) ?? "";
-      const versionField = schema.version?.field;
-      const expectedVersion = versionField ? row[versionField] == null ? null : String(row[versionField]) : null;
-      try {
-        const result = await provider.update(resource, {
-          id: encodeRecordKey(schema, row),
-          data: { [field.name]: parseDraft(field, draft) },
-          expectedVersion
-        });
-        replaceRow(row, result.data);
-        onActivity({
-          resource,
-          field: field.name,
-          record: recordLabel,
-          outcome: "saved",
-          message: result.audit ? "Saved, with its audit entry." : "Saved.",
-          ...result.audit ? { audit: result.audit } : {}
-        });
-      } catch (error) {
-        if (isUnauthenticated(error)) onSignedOut();
-        if (isDataWriteError(error) && error.outcome === "conflict" && error.current) {
-          replaceRow(row, {
-            ...row,
-            ...error.current,
-            ...versionField ? { [versionField]: error.currentVersion ?? null } : {}
-          });
-        }
-        if (isDataWriteError(error) && error.outcome === "gone") {
-          void queryClient.invalidateQueries({ queryKey: listKey });
-        }
-        onActivity({ resource, field: field.name, record: recordLabel, outcome: "not_saved", message: errorText(error) });
-        throw error instanceof Error ? error : new Error(String(error));
-      }
-    },
-    [schema, keys, provider, resource, replaceRow, onActivity, onSignedOut, queryClient, listKey]
+  const refresh = useCallback2(() => {
+    void queryClient.invalidateQueries({ queryKey: ["genesis-studio", sessionKey, "list", resource] });
+    void queryClient.invalidateQueries({ queryKey: ["genesis-studio", sessionKey, "history", resource] });
+  }, [queryClient, sessionKey, resource]);
+  const openRecord = useCallback2(
+    (target, id) => target === resource ? navigate({ record: id }) : router.navigate({ resource: target, record: id }),
+    [navigate, router, resource]
   );
-  const columns = useMemo(() => {
-    if (!schema) return [];
-    return schema.fields.map((field) => {
-      const options = choicesFor(field);
-      return {
-        key: field.name,
-        header: field.name,
-        sortable: true,
-        accessor: (row) => editText(row[field.name]),
-        render: (row) => {
-          const text = displayText(row[field.name]);
-          return text === null ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsx("span", { className: "block max-w-[320px] truncate", title: text, children: text });
-        },
-        ...field.permissions?.update ? {
-          editable: {
-            type: options ? "select" : "text",
-            ...options ? { options } : {},
-            onSave: (row, draft) => save(field, row, draft)
-          }
-        } : {}
-      };
-    });
-  }, [schema, save]);
+  const createFields = useMemo8(() => new Set(schema?.createFields ?? []), [schema]);
+  const fieldsForCreate = useMemo8(() => schema?.fields.filter((f) => createFields.has(f.name)) ?? [], [schema, createFields]);
+  const listIdentity = JSON.stringify(listKey);
+  useEffect5(() => {
+    setSelected(/* @__PURE__ */ new Set());
+  }, [listIdentity]);
+  async function runExport() {
+    if (!schema) return;
+    setExporting(0);
+    setNotice(null);
+    try {
+      const { csv, rows: count, truncated } = await exportCsv({
+        provider,
+        resource,
+        fields: schema.fields,
+        sorts: effectiveSorts,
+        filters,
+        search,
+        onProgress: setExporting
+      });
+      downloadText(`${resource}.csv`, csv);
+      setNotice(
+        truncated ? `Exported the first ${count.toLocaleString()} matching rows. Narrow the list to export the rest.` : `Exported ${count.toLocaleString()} rows.`
+      );
+    } catch (error) {
+      setNotice(`Export failed: ${errorText(error)}`);
+    } finally {
+      setExporting(null);
+    }
+  }
+  async function create(values) {
+    if (!schema) return;
+    try {
+      const result = await provider.create(resource, { data: values });
+      setCreating(false);
+      refresh();
+      const id = String(encodeRecordKey5(schema, result.data));
+      onActivity({ resource, field: "", record: id, outcome: "saved", action: "create", message: result.audit ? "Added, with its audit entry." : "Added.", ...result.audit ? { audit: result.audit } : {} });
+      navigate({ record: id });
+    } catch (error) {
+      if (isUnauthenticated(error)) onSignedOut();
+      onActivity({ resource, field: "", record: "new row", outcome: "not_saved", action: "create", message: errorText(error) });
+      throw error;
+    }
+  }
   if (schemaQuery.isError && !isUnauthenticated(schemaQuery.error)) {
-    return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-testid": "studio-describe-error", children: [
-      /* @__PURE__ */ jsxs(AlertTitle, { children: [
+    return /* @__PURE__ */ jsxs11(Alert2, { variant: "destructive", "data-testid": "studio-describe-error", children: [
+      /* @__PURE__ */ jsxs11(AlertTitle2, { children: [
         "Couldn't open ",
         resource
       ] }),
-      /* @__PURE__ */ jsx(AlertDescription, { children: errorText(schemaQuery.error) })
+      /* @__PURE__ */ jsx12(AlertDescription2, { children: errorText(schemaQuery.error) })
     ] });
   }
   const editable = schema?.fields.filter((f) => f.permissions?.update).length ?? 0;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "studio-sheet", children: [
-    schema && !schema.access.update && /* @__PURE__ */ jsxs(Alert, { "data-testid": "studio-read-only", children: [
-      /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4", "aria-hidden": true }),
-      /* @__PURE__ */ jsx(AlertTitle, { children: "Read-only" }),
-      /* @__PURE__ */ jsx(AlertDescription, { children: schema.access.reason ?? "You can view this table but not edit it." })
+  const gridView = !altView;
+  const pageCount = Math.max(1, Math.ceil((listQuery.data?.total ?? 0) / perPage));
+  const total = listQuery.data?.total ?? 0;
+  const selectable = Boolean(schema && keyed && (schema.access.update && provider.updateMany || schema.access.delete && provider.deleteMany));
+  const toggleSelect = (id) => setSelected((prev) => {
+    const next = new Set(prev);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  const pageIds = rows.map((r) => keys.get(r) ?? "");
+  const toggleAll = () => setSelected((prev) => pageIds.every((id) => prev.has(id)) ? /* @__PURE__ */ new Set() : new Set(pageIds));
+  const canAdd = Boolean(schema?.access.create);
+  async function deleteSelected() {
+    if (!schema) return;
+    const ids = [...selected];
+    const chosen = rows.filter((r) => ids.includes(keys.get(r) ?? ""));
+    if (chosen.length !== ids.length) {
+      setSelected(/* @__PURE__ */ new Set());
+      setNotice("Some selected rows aren't on this page any more. Select the rows again.");
+      return;
+    }
+    if (!window.confirm(`Delete ${ids.length} record${ids.length === 1 ? "" : "s"}? All of them go, or none do.`)) return;
+    let result;
+    try {
+      result = await provider.deleteMany(resource, {
+        items: chosen.map((r) => ({ id: encodeRecordKey5(schema, r), expectedVersion: versionOf3(schema, r) }))
+      });
+    } catch (error) {
+      if (isUnauthenticated(error)) onSignedOut();
+      refresh();
+      const message = `Nothing was deleted: ${errorText(error)}`;
+      setNotice(message);
+      onActivity({ resource, field: "", record: `${ids.length} rows`, outcome: "not_saved", action: "delete", message });
+      return;
+    }
+    refresh();
+    setSelected(/* @__PURE__ */ new Set());
+    if (result.ok) {
+      setNotice(`Deleted ${result.count} records in one transaction.`);
+      onActivity({
+        resource,
+        field: "",
+        record: `${result.count} rows`,
+        outcome: "saved",
+        action: "delete",
+        message: "Deleted, each row audited.",
+        ...result.audit?.length ? { audits: result.audit } : {}
+      });
+    } else {
+      const message = `Nothing was deleted: ${(result.failures ?? []).length} of ${ids.length} records couldn't be (${result.failures?.[0]?.message ?? ""}).`;
+      setNotice(message);
+      onActivity({ resource, field: "", record: `${ids.length} rows`, outcome: "not_saved", action: "delete", message });
+    }
+  }
+  const gridFor = (items, firstRowNumber, label, withFooter = true) => schema && /* @__PURE__ */ jsx12(
+    SheetView,
+    {
+      provider,
+      schema,
+      rows: items,
+      keys,
+      linkLabels,
+      hidden,
+      label,
+      firstRowNumber,
+      ...selectable ? { selected, onToggleSelect: toggleSelect, onToggleAll: toggleAll } : {},
+      onOpenRecord: keyed ? (id) => navigate({ record: id }) : void 0,
+      footer: withFooter && canAdd ? /* @__PURE__ */ jsxs11(
+        "button",
+        {
+          type: "button",
+          className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm text-muted-foreground hover:bg-muted/40 hover:text-foreground",
+          onClick: () => setCreating(true),
+          "data-testid": "studio-add-record",
+          children: [
+            /* @__PURE__ */ jsx12(Plus3, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            "Add a record"
+          ]
+        }
+      ) : void 0,
+      onSaved: (updates) => {
+        if (updates.length === 1) replaceRow(updates[0].old, updates[0].next);
+        else refresh();
+        void queryClient.invalidateQueries({ queryKey: ["genesis-studio", sessionKey, "record", resource] });
+        const fieldsOf = (audit) => Object.keys(audit?.after ?? {}).filter((f) => f !== schema.version?.field);
+        if (updates.length === 1) {
+          const u = updates[0];
+          onActivity({
+            resource,
+            field: fieldsOf(u.audit).join(", "),
+            record: keys.get(u.old) ?? "",
+            outcome: "saved",
+            message: u.audit ? "Saved, with its audit entry." : "Saved.",
+            ...u.audit ? { audit: u.audit } : {}
+          });
+        } else {
+          const audits = updates.flatMap((u) => u.audit ? [u.audit] : []);
+          onActivity({
+            resource,
+            field: [...new Set(audits.flatMap(fieldsOf))].join(", "),
+            record: `${updates.length} rows`,
+            outcome: "saved",
+            message: audits.length ? "Saved, each row audited." : "Saved.",
+            ...audits.length ? { audits } : {}
+          });
+        }
+      },
+      onFailed: (message) => {
+        refresh();
+        onActivity({ resource, field: "", record: "", outcome: "not_saved", message });
+      },
+      onUndo: onUndoLatest,
+      onNotice: setNotice
+    }
+  );
+  return /* @__PURE__ */ jsxs11("div", { className: "flex min-h-[480px] flex-col md:flex-row", "data-testid": "studio-sheet", children: [
+    schema && /* @__PURE__ */ jsx12(
+      ViewsPanel,
+      {
+        view: altView ?? "grid",
+        available: { grid: true, kanban: keyed && boardChoices.length > 0, calendar: keyed && dateChoices.length > 0 },
+        onChange: (next) => navigate({ view: next === "grid" ? void 0 : next, by: void 0, month: void 0, record: void 0 }),
+        saved: savedViews.savedViews,
+        onDelete: savedViews.deleteView,
+        onSave: (name) => savedViews.saveView(name, {
+          sort: location.sort ?? null,
+          search: location.search ?? null,
+          filters: location.filters ?? null,
+          group: location.group ?? null,
+          view: location.view ?? null,
+          by: location.by ?? null,
+          hidden: [...hidden]
+        }),
+        onLoad: (item) => {
+          const view2 = savedViews.loadViewFilters(item.id) ?? {};
+          if (Array.isArray(view2.hidden)) setHidden(new Set(view2.hidden.filter((x) => typeof x === "string")));
+          const str = (v) => typeof v === "string" ? v : void 0;
+          const nextView = str(view2.view);
+          setSearchDraft(str(view2.search) ?? "");
+          router.navigate({
+            resource,
+            sort: str(view2.sort),
+            search: str(view2.search),
+            filters: str(view2.filters),
+            group: str(view2.group),
+            view: nextView === "kanban" || nextView === "calendar" ? nextView : void 0,
+            by: str(view2.by)
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1 space-y-2 p-2 md:p-3", children: [
+      schema && !schema.access.update && /* @__PURE__ */ jsxs11("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", "data-testid": "studio-read-only", children: [
+        /* @__PURE__ */ jsx12(Lock2, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        "Read-only: ",
+        (schema.access.reason ?? "you can view this table but not edit it.").replace(/^Read-only: /, "")
+      ] }),
+      schema && /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-1", "data-testid": "studio-toolbar", children: [
+        selected.size === 0 && gridView && /* @__PURE__ */ jsx12(HideFields, { fields: gridFields(schema), hidden, onChange: setHidden }),
+        selected.size === 0 && (capabilities?.filterOperators?.length ?? 1) > 0 && /* @__PURE__ */ jsx12(FilterBuilder, { fields: schema.fields, filters, onChange: (next) => navigate({ filters: formatFilters(next), page: 1 }) }),
+        selected.size === 0 && gridView && /* @__PURE__ */ jsx12(GroupPicker, { fields: schema.fields, group, onChange: (next) => navigate({ group: next, page: 1 }) }),
+        selected.size === 0 && capabilities?.sort !== false && /* @__PURE__ */ jsx12(SortBuilder, { fields: schema.fields, sorts, onChange: (next) => navigate({ sort: formatSorts(next), page: 1 }) }),
+        altView && viewField && /* @__PURE__ */ jsx12(
+          ViewFieldPicker,
+          {
+            label: altView === "kanban" ? "Columns by" : "Dates by",
+            fields: viewChoices,
+            value: viewField.name,
+            onChange: (by) => navigate({ by })
+          }
+        ),
+        selected.size > 0 && /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1 rounded-md bg-muted px-2 text-sm", "data-testid": "studio-selection", children: [
+          selected.size,
+          " selected",
+          schema.access.update && provider.updateMany && /* @__PURE__ */ jsxs11(Button9, { type: "button", variant: "ghost", size: "sm", testID: "studio-bulk-set", onClick: () => setBulkIds([...selected]), children: [
+            /* @__PURE__ */ jsx12(PencilLine, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+            "Set a field\u2026"
+          ] }),
+          schema.access.delete && provider.deleteMany && /* @__PURE__ */ jsxs11(Button9, { type: "button", variant: "ghost", size: "sm", className: "text-destructive", testID: "studio-bulk-delete", onClick: () => void deleteSelected(), children: [
+            /* @__PURE__ */ jsx12(Trash22, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+            "Delete"
+          ] }),
+          /* @__PURE__ */ jsx12("button", { type: "button", "aria-label": "Clear the selection", className: "rounded p-0.5 hover:bg-background", onClick: () => setSelected(/* @__PURE__ */ new Set()), children: /* @__PURE__ */ jsx12(X4, { className: "h-3.5 w-3.5", "aria-hidden": true }) })
+        ] }),
+        /* @__PURE__ */ jsxs11("span", { className: "ml-auto flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx12(
+            SearchBox,
+            {
+              value: searchDraft,
+              onChange: (text) => {
+                setSearchDraft(text);
+                clearTimeout(searchTimer.current);
+                searchTimer.current = setTimeout(() => navigate({ search: text || void 0, page: 1 }, true), SEARCH_DEBOUNCE_MS);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx12(ExportButton, { onExport: () => void runExport(), busy: exporting !== null, progress: exporting ?? 0 }),
+          schema.access.create !== void 0 && /* @__PURE__ */ jsx12(
+            ImportDialog,
+            {
+              provider,
+              schema,
+              onImported: (count) => {
+                refresh();
+                setNotice(`Imported ${count.toLocaleString()} rows in one transaction.`);
+                onActivity({ resource, field: "", record: `${count} rows`, outcome: "saved", action: "create", message: "Imported, each row audited." });
+              }
+            }
+          ),
+          schema.access.create !== void 0 && /* @__PURE__ */ jsx12(NewRowButton, { allowed: canAdd, reason: schema.access.reasons?.create, onClick: () => setCreating(true) })
+        ] })
+      ] }),
+      notice && /* @__PURE__ */ jsx12("p", { className: "text-xs text-muted-foreground", role: "status", "data-testid": "studio-notice", children: notice }),
+      schema && altView === "kanban" && viewField && /* @__PURE__ */ jsx12(
+        KanbanView,
+        {
+          provider,
+          schema,
+          sessionKey,
+          field: viewField,
+          filters,
+          sorts,
+          search,
+          onOpenRecord: (id) => navigate({ record: id }),
+          onMoved: (record, audit) => {
+            refresh();
+            onActivity({ resource, field: viewField.name, record, outcome: "saved", message: audit ? "Moved, with its audit entry." : "Moved.", ...audit ? { audit } : {} });
+          },
+          onFailed: (record, message) => {
+            refresh();
+            onActivity({ resource, field: viewField.name, record, outcome: "not_saved", message });
+          },
+          onSignedOut
+        },
+        `${viewField.name}|${location.filters ?? ""}|${search}|${location.sort ?? ""}`
+      ),
+      schema && altView === "calendar" && viewField && /* @__PURE__ */ jsx12(
+        CalendarView,
+        {
+          provider,
+          schema,
+          sessionKey,
+          field: viewField,
+          month: location.month,
+          onMonthChange: (month) => navigate({ month }),
+          filters,
+          sorts,
+          search,
+          onOpenRecord: (id) => navigate({ record: id }),
+          onSignedOut
+        }
+      ),
+      gridView && /* @__PURE__ */ jsxs11("div", { className: "space-y-3", "data-testid": "studio-grid", children: [
+        (schemaQuery.isLoading || listQuery.isLoading) && /* @__PURE__ */ jsx12("p", { className: "px-1 py-6 text-sm text-muted-foreground", children: "Loading\u2026" }),
+        listQuery.isError && !isUnauthenticated(listQuery.error) && /* @__PURE__ */ jsxs11(Alert2, { variant: "destructive", children: [
+          /* @__PURE__ */ jsx12(AlertTitle2, { children: "Couldn't load the records" }),
+          /* @__PURE__ */ jsxs11(AlertDescription2, { children: [
+            errorText(listQuery.error),
+            " ",
+            /* @__PURE__ */ jsx12("button", { type: "button", className: "underline", onClick: () => void listQuery.refetch(), children: "Try again" })
+          ] })
+        ] }),
+        schema && listQuery.data && !group && gridFor(rows, (page - 1) * perPage + 1),
+        schema && listQuery.data && group && /* @__PURE__ */ jsx12("div", { className: "space-y-4", "data-testid": "studio-groups", children: groupRows(rows, group).map(([value, groupItems]) => {
+          const field = schema.fields.find((f) => f.name === group);
+          return /* @__PURE__ */ jsxs11("section", { "data-testid": "studio-group-section", className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs11("h3", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: field ? fieldLabel(field) : group }),
+              value === null ? /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: "Empty" }) : field ? /* @__PURE__ */ jsx12(CellValue, { field, value }) : value,
+              /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: groupItems.length })
+            ] }),
+            gridFor(groupItems, rows.indexOf(groupItems[0]) + (page - 1) * perPage + 1, `${schema.label ?? resource}: ${value ?? "empty"}`, false)
+          ] }, value ?? "__none");
+        }) }),
+        listQuery.data && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-1 text-xs text-muted-foreground", "data-testid": "studio-footer", children: [
+          /* @__PURE__ */ jsxs11("span", { children: [
+            total.toLocaleString(),
+            " record",
+            total === 1 ? "" : "s"
+          ] }),
+          pageCount > 1 && /* @__PURE__ */ jsxs11("span", { className: "ml-auto flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx12(Button9, { type: "button", variant: "ghost", size: "sm", disabled: page <= 1, onClick: () => navigate({ page: page - 1 }), "aria-label": "Previous page", children: /* @__PURE__ */ jsx12(ChevronLeft2, { className: "h-3.5 w-3.5", "aria-hidden": true }) }),
+            "Page ",
+            page,
+            " of ",
+            pageCount,
+            /* @__PURE__ */ jsx12(Button9, { type: "button", variant: "ghost", size: "sm", disabled: page >= pageCount, onClick: () => navigate({ page: page + 1 }), "aria-label": "Next page", children: /* @__PURE__ */ jsx12(ChevronRight2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })
+          ] })
+        ] })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx(
-      ResourcePage,
+    schema && location.record && /* @__PURE__ */ jsx12(
+      RecordPanel,
       {
-        title: schema?.label ?? resource,
-        subtitle: schemaSubtitle(schema, editable),
-        data: rows,
-        total: listQuery.data?.total ?? 0,
-        columns,
-        getKey: (row) => keys.get(row) ?? "",
-        detail: "none",
-        page,
-        perPage,
-        onPageChange: (next) => navigate({ page: next }),
-        onSortChange: (next) => navigate({ sort: next ? `${next.field}:${next.order}` : void 0, page: 1 }),
-        onSearchChange: (text) => {
-          clearTimeout(searchTimer.current);
-          searchTimer.current = setTimeout(() => navigate({ search: text || void 0, page: 1 }, true), SEARCH_DEBOUNCE_MS);
+        provider,
+        sessionKey,
+        schema,
+        id: location.record,
+        onClose: () => navigate({ record: void 0 }),
+        onOpenRecord: openRecord,
+        formConfig,
+        onUndone: (audit) => {
+          refresh();
+          onActivity({ resource, field: "", record: location.record, outcome: "saved", message: "Undone, with its own audit entry.", ...audit ? { audit, undone: true } : {} });
         },
-        initialFilters: [
-          ...search ? [{ field: "__search__", operator: "contains", value: search }] : [],
-          ...location.sort ? [{ field: "__sort__", operator: "eq", value: location.sort }] : []
-        ],
-        loading: schemaQuery.isLoading || listQuery.isLoading,
-        error: listQuery.isError && !isUnauthenticated(listQuery.error),
-        errorMessage: listQuery.error ? errorText(listQuery.error) : void 0,
-        onRetry: () => void listQuery.refetch(),
-        columnVisibilityKey: `genesis-studio:${resource}`,
-        resizeKey: `genesis-studio:${resource}`,
-        viewSettingsKey: `genesis-studio:${resource}`,
-        stickyFirstColumn: true
+        onSaved: (row, audit) => {
+          refresh();
+          onActivity({ resource, field: Object.keys(audit?.after ?? {}).join(", "), record: location.record, outcome: "saved", message: audit ? "Saved, with its audit entry." : "Saved.", ...audit ? { audit } : {} });
+          void row;
+        },
+        onActionRan: (action, row, audit) => {
+          refresh();
+          onActivity({
+            resource,
+            field: "",
+            record: location.record,
+            outcome: "saved",
+            message: `${action.label}: done${row ? "" : ", and the row is gone"}${audit ? ", with its audit entry" : ""}.`,
+            ...audit ? { audit } : {}
+          });
+        },
+        onDeleted: (audit) => {
+          refresh();
+          onActivity({ resource, field: "", record: location.record, outcome: "saved", action: "delete", message: audit ? "Deleted, with its audit entry." : "Deleted.", ...audit ? { audit } : {} });
+        },
+        onFailed: (action, message) => onActivity({ resource, field: "", record: location.record, outcome: "not_saved", action: action === "delete" ? "delete" : "update", message })
       }
-    )
+    ),
+    schema && bulkIds && /* @__PURE__ */ jsx12(
+      BulkEditDialog,
+      {
+        schema,
+        count: bulkIds.length,
+        open: true,
+        onOpenChange: (open) => !open && setBulkIds(null),
+        onApply: async (data) => {
+          const chosen = rows.filter((r) => bulkIds.includes(keys.get(r) ?? ""));
+          if (chosen.length !== bulkIds.length) {
+            throw new Error("Some selected rows aren't on this page any more. Select the rows again.");
+          }
+          const result = await provider.updateMany(resource, {
+            changes: chosen.map((r) => ({ id: encodeRecordKey5(schema, r), data, expectedVersion: versionOf3(schema, r) }))
+          });
+          refresh();
+          if (result.ok) {
+            setNotice(`Saved ${result.count} rows in one transaction.`);
+            onActivity({
+              resource,
+              field: Object.keys(data).join(", "),
+              record: `${result.count} rows`,
+              outcome: "saved",
+              message: "Saved, each row audited.",
+              ...result.audit?.length ? { audits: result.audit } : {}
+            });
+          }
+          return result;
+        }
+      }
+    ),
+    schema && /* @__PURE__ */ jsx12(Dialog3, { open: creating, onOpenChange: setCreating, children: /* @__PURE__ */ jsxs11(DialogContent3, { className: "max-h-[85vh] overflow-y-auto sm:max-w-lg", "data-testid": "studio-create-dialog", children: [
+      /* @__PURE__ */ jsxs11(DialogHeader3, { children: [
+        /* @__PURE__ */ jsxs11(DialogTitle3, { children: [
+          "New ",
+          schema.label ?? resource,
+          " row"
+        ] }),
+        /* @__PURE__ */ jsx12(DialogDescription3, { children: "Only fields you may set are shown. The new row is audited." })
+      ] }),
+      /* @__PURE__ */ jsx12(
+        RecordForm,
+        {
+          provider,
+          sessionKey,
+          mode: "create",
+          fields: fieldsForCreate,
+          editable: createFields,
+          onSubmit: create,
+          submitLabel: "Add row",
+          onCancel: () => setCreating(false),
+          config: formConfig
+        }
+      )
+    ] }) })
   ] });
 }
-function schemaSubtitle(schema, editable) {
-  if (!schema) return void 0;
-  const parts = [schema.name];
-  if (schema.access.update) parts.push(`${editable} of ${schema.fields.length} fields editable`);
-  if (schema.version) parts.push(`edits checked against ${schema.version.field}`);
-  return parts.join(" \xB7 ");
-}
-function ActivityPanel({ entries }) {
-  return /* @__PURE__ */ jsxs("section", { "aria-label": "This session's edits", className: "rounded-lg border bg-card", "data-testid": "studio-activity", children: [
-    /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 border-b px-3 py-2 text-sm font-semibold", children: [
-      /* @__PURE__ */ jsx(History, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
-      "This session's edits"
+function versionOf3(schema, row) {
+  const field = schema.version?.field;
+  return field && row[field] != null ? String(row[field]) : null;
+}
+function groupRows(items, field) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const value = displayText(item[field]);
+    if (!groups.has(value)) groups.set(value, []);
+    groups.get(value).push(item);
+  }
+  return [...groups.entries()];
+}
+var OUTCOME_LABEL = {
+  update: { saved: "Saved", not_saved: "Not saved" },
+  create: { saved: "Added", not_saved: "Not added" },
+  delete: { saved: "Deleted", not_saved: "Not deleted" }
+};
+function ActivityPanel({ entries, onUndo }) {
+  return /* @__PURE__ */ jsxs11("details", { "aria-label": "This session's edits", className: "group rounded-lg border bg-card", "data-testid": "studio-activity", children: [
+    /* @__PURE__ */ jsxs11("summary", { className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2 text-sm font-medium group-open:border-b", children: [
+      /* @__PURE__ */ jsx12(History2, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
+      "This session's edits",
+      entries.length > 0 && /* @__PURE__ */ jsx12("span", { className: "text-xs font-normal text-muted-foreground", children: entries.length }),
+      entries[0] && /* @__PURE__ */ jsx12("span", { className: cn4("ml-2 truncate text-xs font-normal", entries[0].outcome === "saved" ? "text-muted-foreground" : "text-destructive"), children: entries[0].message })
     ] }),
-    entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-xs text-muted-foreground", children: "Click a cell to edit it. Each save is checked against the latest version of the row, and audited." }) : /* @__PURE__ */ jsx("ol", { className: "divide-y", "aria-live": "polite", children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { className: "px-3 py-2 text-xs", "data-testid": `studio-activity-${entry.outcome}`, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
-        /* @__PURE__ */ jsx("span", { className: entry.outcome === "saved" ? "font-medium text-foreground" : "font-medium text-destructive", children: entry.outcome === "saved" ? "Saved" : "Not saved" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          entry.resource,
-          " \xB7 ",
-          entry.field,
-          " \xB7 ",
-          entry.record
-        ] }),
-        /* @__PURE__ */ jsx("time", { className: "ml-auto text-muted-foreground", dateTime: entry.at.toISOString(), children: entry.at.toLocaleTimeString() })
+    entries.length === 0 ? /* @__PURE__ */ jsx12("p", { className: "px-3 py-3 text-xs text-muted-foreground", children: "Click a cell to edit it. Each save is checked against the latest version of the row, and audited." }) : /* @__PURE__ */ jsx12("ol", { className: "divide-y", "aria-live": "polite", children: entries.map((entry) => /* @__PURE__ */ jsxs11("li", { className: "px-3 py-2 text-xs", "data-testid": `studio-activity-${entry.outcome}`, children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+        /* @__PURE__ */ jsx12("span", { className: entry.outcome === "saved" ? "font-medium text-foreground" : "font-medium text-destructive", children: OUTCOME_LABEL[entry.action ?? "update"][entry.outcome] }),
+        /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: [entry.resource, entry.field, entry.record].filter(Boolean).join(" \xB7 ") }),
+        /* @__PURE__ */ jsx12("time", { className: "ml-auto text-muted-foreground", dateTime: entry.at.toISOString(), children: entry.at.toLocaleTimeString() }),
+        onUndo && entry.outcome === "saved" && (entry.audit && entry.audit.action !== "run" || entry.audits?.length) && !entry.undone && /* @__PURE__ */ jsxs11(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-muted hover:text-foreground",
+            onClick: () => onUndo(entry),
+            "data-testid": "studio-activity-undo",
+            children: [
+              /* @__PURE__ */ jsx12(Undo2, { className: "h-3 w-3", "aria-hidden": true }),
+              entry.audits?.length ? `Undo all ${entry.audits.length}` : "Undo"
+            ]
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-muted-foreground", children: entry.message }),
-      entry.audit && /* @__PURE__ */ jsx(AuditLine, { audit: entry.audit })
+      /* @__PURE__ */ jsx12("p", { className: "mt-0.5 text-muted-foreground", children: entry.message }),
+      entry.audit && /* @__PURE__ */ jsx12(AuditLine, { audit: entry.audit })
     ] }, entry.id)) })
   ] });
 }
@@ -383,8 +3128,8 @@ function AuditLine({ audit }) {
     before: displayText(audit.before?.[field]) ?? "\u2014",
     after: displayText(audit.after?.[field]) ?? "\u2014"
   }));
-  return /* @__PURE__ */ jsxs("div", { className: "mt-1 rounded bg-muted/50 px-2 py-1 font-mono text-[11px]", "data-testid": "studio-audit-entry", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "mt-1 rounded bg-muted/50 px-2 py-1 font-mono text-[11px]", "data-testid": "studio-audit-entry", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "text-muted-foreground", children: [
       "audit ",
       audit.id.slice(0, 8),
       " \xB7 ",
@@ -392,7 +3137,7 @@ function AuditLine({ audit }) {
       " \xB7 by ",
       audit.actor ?? "unknown"
     ] }),
-    changes.map((c) => /* @__PURE__ */ jsxs("div", { children: [
+    changes.map((c) => /* @__PURE__ */ jsxs11("div", { children: [
       c.field,
       ": ",
       c.before,
@@ -401,57 +3146,6 @@ function AuditLine({ audit }) {
     ] }, c.field))
   ] });
 }
-
-// src/router.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
-var PARAM = { resource: "table", page: "page", sort: "sort", search: "q" };
-function locationFromSearchParams(params) {
-  const page = Number(params.get(PARAM.page));
-  return {
-    ...params.get(PARAM.resource) ? { resource: params.get(PARAM.resource) } : {},
-    ...Number.isInteger(page) && page > 1 ? { page } : {},
-    ...params.get(PARAM.sort) ? { sort: params.get(PARAM.sort) } : {},
-    ...params.get(PARAM.search) ? { search: params.get(PARAM.search) } : {}
-  };
-}
-function searchParamsFromLocation(location, base) {
-  const params = new URLSearchParams(base);
-  for (const name of Object.values(PARAM)) params.delete(name);
-  if (location.resource) params.set(PARAM.resource, location.resource);
-  if (location.page && location.page > 1) params.set(PARAM.page, String(location.page));
-  if (location.sort) params.set(PARAM.sort, location.sort);
-  if (location.search) params.set(PARAM.search, location.search);
-  return params;
-}
-function createSearchParamsRouter(params, setParams) {
-  return {
-    location: locationFromSearchParams(params),
-    navigate: (next, options) => setParams(searchParamsFromLocation(next, params), { replace: options?.replace ?? false })
-  };
-}
-function useHistoryRouter() {
-  const read = () => typeof window === "undefined" ? {} : locationFromSearchParams(new URLSearchParams(window.location.search));
-  const [location, setLocation] = useState2(read);
-  useEffect2(() => {
-    const onPop = () => setLocation(read());
-    window.addEventListener("popstate", onPop);
-    return () => window.removeEventListener("popstate", onPop);
-  }, []);
-  const navigate = useCallback2((next, options) => {
-    const params = searchParamsFromLocation(next, new URLSearchParams(window.location.search));
-    const query = params.toString();
-    const url = `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`;
-    if (options?.replace) window.history.replaceState(window.history.state, "", url);
-    else window.history.pushState(window.history.state, "", url);
-    setLocation(next);
-  }, []);
-  return useMemo2(() => ({ location, navigate }), [location, navigate]);
-}
-function useMemoryRouter(initial = {}) {
-  const [location, setLocation] = useState2(initial);
-  const navigate = useCallback2((next) => setLocation(next), []);
-  return useMemo2(() => ({ location, navigate }), [location, navigate]);
-}
 export {
   DataStudio,
   createSearchParamsRouter,