@adminiumjs/widgets 0.1.0-rc.1

package/dist/templates/page-crud/PageCrud.js

@@ -0,0 +1,327 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, ConfirmModal, Drawer, DrawerBody, DrawerHeader, EmptyState, FilterChip, KeyValueList, KeyValueRow, ModalBody, ModalHeader, MonoText, SearchInput, Spinner, ToastStack, TwoPhaseModal, useModalFlow, useToastQueue, } from '@adminium/ui';
+import { getFormatters } from '@adminium/i18n';
+import { Plus } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { RecordDetail } from './RecordDetail.js';
+import { RecordForm } from './RecordForm.js';
+import { isDeletePreview } from './crud-api.js';
+import { BulkActionToolbar } from '../../families/tables/BulkActionToolbar.js';
+import { DataGrid } from '../../families/tables/DataGrid.js';
+import { PaginationFooter } from '../../families/tables/PaginationFooter.js';
+import { displayValueOf, rowIdOf } from '../../families/tables/column-spec.js';
+/**
+ * `page-crud` — the per-table resource template (09-generated-app.md §7.1;
+ * annex §14): toolbar (search + filter chips + "New row" — DB framing) that
+ * morphs into `bulk-action-toolbar` on selection, type-aware `data-grid`
+ * over the CRUD API, keyset `pagination-footer`, detail panel
+ * (`detail-key-value` + inbound-FK tabs) for `/p/$slug/r/$recordId`,
+ * generated create/edit forms (TwoPhaseModal create — domain framing),
+ * references-preflight type-to-confirm cascade delete, and undo toasts on
+ * every mutation.
+ *
+ * All data access flows through the injected `CrudApi` — the dashboard
+ * interpreter implements it against `/api/v1/data/:connectionId/:table` and
+ * owns routing (detail id in/out via `detailRecordId`/`onDetailRecordChange`).
+ */
+export const PAGE_CRUD_TEMPLATE_ID = 'page-crud';
+/** Debounce for the toolbar search → `q` param. */
+export const SEARCH_DEBOUNCE_MS = 250;
+function entityFromTable(table) {
+    const name = table.split('.').pop() ?? table;
+    return name.endsWith('s') ? name.slice(0, -1) : name;
+}
+const FILTER_OP_GLYPHS = {
+    eq: '=',
+    neq: '≠',
+    gt: '>',
+    gte: '≥',
+    lt: '<',
+    lte: '≤',
+    in: 'in',
+    like: '~',
+    ilike: '~',
+    is_null: 'is null',
+    not_null: 'not null',
+    between: '…',
+};
+export function PageCrud({ api, columns, source, entityName, pageSize: initialPageSize = 50, defaultSort = null, initialFilters = [], initialSearch = '', toolbarAccessory, onGridStateChange, canCreate = true, canUpdate = true, canDelete = true, canUnmask = false, detailRecordId, onDetailRecordChange, onEvent, locale, currency, labels, testId, }) {
+    const entity = entityName ?? entityFromTable(source.table);
+    const queue = useToastQueue();
+    // --- query state -----------------------------------------------------------
+    const [search, setSearch] = useState(initialSearch);
+    const [q, setQ] = useState(initialSearch);
+    const [sort, setSort] = useState(defaultSort);
+    const [pageSize, setPageSize] = useState(initialPageSize);
+    const [filters, setFilters] = useState(initialFilters);
+    /** Keyset history: cursors of the pages before the current one ('' = first). */
+    const [cursorStack, setCursorStack] = useState([]);
+    const [cursor, setCursor] = useState('');
+    const [reloadTick, setReloadTick] = useState(0);
+    // --- data ------------------------------------------------------------------
+    const [list, setList] = useState({ rows: [], nextCursor: null, loading: true, error: null });
+    const [total, setTotal] = useState(null);
+    const [selected, setSelected] = useState(new Set());
+    const listParams = useMemo(() => ({
+        limit: pageSize,
+        cursor,
+        ...(q === '' ? {} : { q }),
+        ...(filters.length === 0 ? {} : { where: filters.length === 1 ? filters[0] : { and: [...filters] } }),
+        ...(sort === null ? {} : { order: [sort] }),
+    }), [pageSize, cursor, q, filters, sort]);
+    // Debounced search → q.
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setQ(search);
+            setCursor('');
+            setCursorStack([]);
+        }, SEARCH_DEBOUNCE_MS);
+        return () => clearTimeout(timer);
+    }, [search]);
+    // Report the saved-view-relevant query state so the host can persist a view
+    // from the current grid (M5-T06). Pagination cursor is intentionally excluded
+    // — a view restores a query, not a scroll position.
+    useEffect(() => {
+        onGridStateChange?.({ search, sort, filters: [...filters], pageSize });
+    }, [onGridStateChange, search, sort, filters, pageSize]);
+    // Main list load (keyset mode).
+    useEffect(() => {
+        let alive = true;
+        setList((current) => ({ ...current, loading: true, error: null }));
+        api
+            .list(listParams)
+            .then((result) => {
+            if (!alive)
+                return;
+            setList({ rows: result.data, nextCursor: result.cursor?.next ?? null, loading: false, error: null });
+        })
+            .catch((reason) => {
+            if (!alive)
+                return;
+            setList({
+                rows: [],
+                nextCursor: null,
+                loading: false,
+                error: reason instanceof Error ? reason.message : 'Query failed',
+            });
+        });
+        return () => {
+            alive = false;
+        };
+    }, [api, listParams, reloadTick]);
+    // Count probe — keyset replies carry no total (08 §2.7), so the footer's
+    // "of 8,402" and the unique-check microcopy come from one estimated count.
+    useEffect(() => {
+        let alive = true;
+        api
+            .list({ limit: 1, offset: 0, count: 'estimated', ...(q === '' ? {} : { q }) })
+            .then((result) => {
+            if (alive)
+                setTotal(result.page?.total ?? null);
+        })
+            .catch(() => {
+            if (alive)
+                setTotal(null);
+        });
+        return () => {
+            alive = false;
+        };
+    }, [api, q, filters, reloadTick]);
+    const refetch = useCallback(() => {
+        setReloadTick((tick) => tick + 1);
+    }, []);
+    // --- detail ----------------------------------------------------------------
+    const [internalDetailId, setInternalDetailId] = useState(null);
+    const detailId = detailRecordId !== undefined ? detailRecordId : internalDetailId;
+    const setDetailId = useCallback((next) => {
+        setInternalDetailId(next);
+        onDetailRecordChange?.(next);
+    }, [onDetailRecordChange]);
+    // --- create ----------------------------------------------------------------
+    const [createOpen, setCreateOpen] = useState(false);
+    const createFlow = useModalFlow();
+    const [createErrors, setCreateErrors] = useState({});
+    // --- edit ------------------------------------------------------------------
+    const [editRecord, setEditRecord] = useState(null);
+    const [editErrors, setEditErrors] = useState({});
+    // --- delete ----------------------------------------------------------------
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const [bulkDeleteIds, setBulkDeleteIds] = useState(null);
+    const cellContext = useMemo(() => ({
+        onEvent,
+        canUnmask,
+        connectionId: source.connectionId ?? undefined,
+        locale,
+        currency,
+    }), [onEvent, canUnmask, source.connectionId, locale, currency]);
+    const pushUndoToast = useCallback((title, undoToken) => {
+        queue.push({
+            variant: 'success',
+            title,
+            ...(undoToken === null
+                ? {}
+                : {
+                    action: {
+                        label: labels?.undo ?? 'Undo',
+                        onAction: () => {
+                            api
+                                .undo(undoToken)
+                                .then(() => {
+                                queue.push({ variant: 'info', title: 'Change undone.' });
+                                refetch();
+                            })
+                                .catch((reason) => {
+                                queue.push({
+                                    variant: 'error',
+                                    title: reason instanceof Error ? reason.message : 'Undo failed.',
+                                });
+                            });
+                        },
+                    },
+                }),
+        });
+    }, [queue, api, refetch, labels?.undo]);
+    const fieldErrorsOf = (reason) => {
+        if (typeof reason === 'object' && reason !== null && 'fieldErrors' in reason) {
+            return reason.fieldErrors;
+        }
+        return null;
+    };
+    const handleCreate = (values) => {
+        setCreateErrors({});
+        api
+            .create(values)
+            .then((result) => {
+            createFlow.toSuccess(result.data ?? values);
+            pushUndoToast(`${entity[0]?.toUpperCase() ?? ''}${entity.slice(1)} created.`, result.undoToken);
+            refetch();
+        })
+            .catch((reason) => {
+            const fieldErrors = fieldErrorsOf(reason);
+            if (fieldErrors !== null) {
+                setCreateErrors(fieldErrors);
+                return;
+            }
+            queue.push({ variant: 'error', title: reason instanceof Error ? reason.message : 'Create failed.' });
+        });
+    };
+    const handleUpdate = (values) => {
+        if (editRecord === null)
+            return;
+        const recordId = rowIdOf(columns, editRecord);
+        setEditErrors({});
+        api
+            .update(recordId, values)
+            .then((result) => {
+            setEditRecord(null);
+            pushUndoToast('Changes saved.', result.undoToken);
+            refetch();
+        })
+            .catch((reason) => {
+            const fieldErrors = fieldErrorsOf(reason);
+            if (fieldErrors !== null) {
+                setEditErrors(fieldErrors);
+                return;
+            }
+            queue.push({ variant: 'error', title: reason instanceof Error ? reason.message : 'Update failed.' });
+        });
+    };
+    const openDeleteFor = (record) => {
+        setDeleteTarget({ record, references: [], loaded: false });
+        const recordId = rowIdOf(columns, record);
+        // References preflight — consequences render in the confirm modal (09 §7.1).
+        api
+            .remove(recordId, { dryRun: true })
+            .then((result) => {
+            setDeleteTarget((current) => current !== null && rowIdOf(columns, current.record) === recordId
+                ? { ...current, references: isDeletePreview(result) ? result.references : [], loaded: true }
+                : current);
+        })
+            .catch(() => {
+            setDeleteTarget((current) => current !== null && rowIdOf(columns, current.record) === recordId ? { ...current, loaded: true } : current);
+        });
+    };
+    const confirmDelete = async () => {
+        if (deleteTarget === null)
+            return;
+        const recordId = rowIdOf(columns, deleteTarget.record);
+        try {
+            const result = await api.remove(recordId, { confirm: true });
+            setDeleteTarget(null);
+            if (detailId === recordId)
+                setDetailId(null);
+            pushUndoToast(`${displayValueOf(columns, deleteTarget.record)} deleted.`, isDeletePreview(result) ? null : result.undoToken);
+            refetch();
+        }
+        catch (reason) {
+            queue.push({ variant: 'error', title: reason instanceof Error ? reason.message : 'Delete failed.' });
+        }
+    };
+    const confirmBulkDelete = async () => {
+        if (bulkDeleteIds === null)
+            return;
+        try {
+            if (api.bulk !== undefined) {
+                const result = await api.bulk('delete', [...bulkDeleteIds]);
+                pushUndoToast(`${String(result.results.filter((r) => r.ok).length)} rows deleted.`, result.undoToken);
+            }
+            else {
+                for (const id of bulkDeleteIds)
+                    await api.remove(id, { confirm: true });
+                pushUndoToast(`${String(bulkDeleteIds.length)} rows deleted.`, null);
+            }
+            setBulkDeleteIds(null);
+            setSelected(new Set());
+            refetch();
+        }
+        catch (reason) {
+            queue.push({ variant: 'error', title: reason instanceof Error ? reason.message : 'Bulk delete failed.' });
+        }
+    };
+    const editableColumns = columns;
+    const selectedIds = useMemo(() => [...selected], [selected]);
+    const rangeStart = list.rows.length === 0 ? 0 : cursorStack.length * pageSize + 1;
+    const rangeEnd = cursorStack.length * pageSize + list.rows.length;
+    const numberFormat = useMemo(() => getFormatters(locale ?? 'en-US'), [locale]);
+    return (_jsxs("div", { "data-part": "page-crud", "data-testid": testId, className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "flex min-h-12 items-center gap-2 pb-3", children: selectedIds.length > 0 ? (_jsx(BulkActionToolbar, { selectedIds: selectedIds, actions: [
+                        { key: 'export', label: labels?.exportAction ?? 'Export' },
+                        ...(canDelete ? [{ key: 'delete', label: labels?.deleteAction ?? 'Delete', danger: true }] : []),
+                    ], onAction: (key, ids) => {
+                        if (key === 'delete')
+                            setBulkDeleteIds(ids);
+                    }, onClear: () => setSelected(new Set()) })) : (_jsxs(_Fragment, { children: [toolbarAccessory, _jsx(SearchInput, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: labels?.searchPlaceholder ?? `Search ${source.table}…`, className: "w-72", onClear: () => setSearch(''), clearLabel: "Clear search" }), _jsx("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5", children: filters.map((filter, index) => (_jsx(FilterChip, { field: filter.column, op: FILTER_OP_GLYPHS[filter.op] ?? filter.op, value: filter.op === 'is_null' || filter.op === 'not_null' ? '' : String(filter.value), onRemove: () => {
+                                    setFilters((current) => current.filter((_, i) => i !== index));
+                                    setCursor('');
+                                    setCursorStack([]);
+                                }, removeLabel: `Remove ${filter.column} filter` }, `${filter.column}-${String(index)}`))) }), canCreate && (_jsx(Button, { iconLeft: _jsx(Plus, {}), onClick: () => setCreateOpen(true), children: labels?.newRow ?? 'New row' }))] })) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border border-border bg-surface", children: [list.error !== null ? (_jsx(EmptyState, { tone: "danger", title: "Query failed", body: list.error, actions: _jsx(Button, { size: "sm", variant: "secondary", onClick: refetch, children: "Retry" }) })) : list.loading && list.rows.length === 0 ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-16", children: _jsx(Spinner, { label: "Loading rows" }) })) : list.rows.length === 0 ? (q !== '' || filters.length > 0 ? (_jsx(EmptyState, { preset: "no-matches", title: "No matching rows", body: "Try a different search or remove a filter." })) : (_jsx(EmptyState, { preset: "no-data", title: `No ${entity}s yet`, ...(canCreate
+                            ? {
+                                actions: (_jsx(Button, { size: "sm", iconLeft: _jsx(Plus, {}), onClick: () => setCreateOpen(true), children: labels?.newRow ?? 'New row' })),
+                            }
+                            : {}) }))) : (_jsx("div", { className: "nb-scroll min-h-0 flex-1 overflow-y-auto", children: _jsx(DataGrid, { columns: columns, rows: list.rows, sort: sort, onSortChange: (next) => {
+                                setSort(next === null ? null : next);
+                                setCursor('');
+                                setCursorStack([]);
+                            }, selectable: true, selected: selected, onSelectedChange: setSelected, onRowOpen: (row) => setDetailId(rowIdOf(columns, row)), cellContext: cellContext }) })), _jsx(PaginationFooter, { ...(locale === undefined ? {} : { locale }), rangeStart: rangeStart, rangeEnd: rangeEnd, total: total, hasPrev: cursorStack.length > 0, hasNext: list.nextCursor !== null, onPrev: () => {
+                            const previous = cursorStack.at(-1);
+                            if (previous === undefined)
+                                return;
+                            setCursorStack((stack) => stack.slice(0, -1));
+                            setCursor(previous);
+                        }, onNext: () => {
+                            if (list.nextCursor === null)
+                                return;
+                            setCursorStack((stack) => [...stack, cursor]);
+                            setCursor(list.nextCursor);
+                        }, pageSize: pageSize, onPageSizeChange: (size) => {
+                            setPageSize(size);
+                            setCursor('');
+                            setCursorStack([]);
+                        }, disabled: list.loading })] }), _jsxs(TwoPhaseModal, { flow: createFlow, open: createOpen, onOpenChange: (open) => {
+                    setCreateOpen(open);
+                    if (!open)
+                        setCreateErrors({});
+                }, successTitle: (payload) => `${displayValueOf(columns, payload)} added`, successBody: () => 'You can undo this from the toast.', doneLabel: "Done", children: [_jsx(ModalHeader, { title: labels?.createTitle ?? `Add ${entity}`, subtitle: `Creates one row in ${source.table}.`, closeLabel: labels?.close ?? 'Close' }), _jsx(ModalBody, { children: _jsx(RecordForm, { formId: "page-crud-create-form", columns: editableColumns, mode: "create", errors: createErrors, lookup: api.lookup?.bind(api), onSubmit: handleCreate, uniqueHelper: () => total === null
+                                ? `Must be unique in ${source.table}.`
+                                : `Checked against ${numberFormat.number(total)} rows.`, footer: _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => setCreateOpen(false), children: "Cancel" }), _jsx(Button, { type: "submit", children: labels?.createSubmit ?? `Add ${entity}` })] }) }) })] }), _jsxs(Drawer, { open: detailId !== null, onOpenChange: (open) => !open && setDetailId(null), size: "md", children: [_jsx(DrawerHeader, { title: entity, closeLabel: labels?.close ?? 'Close' }), _jsx(DrawerBody, { children: detailId !== null && (_jsx(RecordDetail, { api: api, columns: columns, recordId: detailId, cellContext: cellContext, ...(canUpdate ? { onEdit: (record) => setEditRecord(record) } : {}), ...(canDelete ? { onDelete: (record) => openDeleteFor(record) } : {}) })) })] }), _jsxs(Drawer, { open: editRecord !== null, onOpenChange: (open) => !open && setEditRecord(null), size: "md", children: [_jsx(DrawerHeader, { title: labels?.editTitle ?? `Edit ${entity}`, closeLabel: labels?.close ?? 'Close' }), _jsx(DrawerBody, { children: editRecord !== null && (_jsx(RecordForm, { formId: "page-crud-edit-form", columns: editableColumns, mode: "edit", initialValues: editRecord, errors: editErrors, lookup: api.lookup?.bind(api), onSubmit: handleUpdate, footer: _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => setEditRecord(null), children: "Cancel" }), _jsx(Button, { type: "submit", children: "Save changes" })] }) })) })] }), _jsx(ConfirmModal, { open: deleteTarget !== null, onOpenChange: (open) => !open && setDeleteTarget(null), title: `Delete ${entity}`, body: deleteTarget === null ? null : !deleteTarget.loaded ? ('Checking references…') : deleteTarget.references.length === 0 ? ('This row has no inbound references.') : (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { children: "Deleting this row also affects:" }), _jsx(KeyValueList, { "data-part": "delete-consequences", children: deleteTarget.references.map((reference) => (_jsx(KeyValueRow, { label: `${reference.table}.${reference.column}`, mono: true, children: `${String(reference.count)} ${reference.count === 1 ? 'row' : 'rows'}` }, reference.relationId))) })] })), confirmWord: deleteTarget === null ? '' : displayValueOf(columns, deleteTarget.record), promptLabel: deleteTarget === null ? '' : (_jsxs(_Fragment, { children: ["Type ", _jsx(MonoText, { children: displayValueOf(columns, deleteTarget.record) }), " to confirm"] })), confirmLabel: "Delete", cancelLabel: "Cancel", closeLabel: labels?.close ?? 'Close', onConfirm: confirmDelete }), _jsx(ConfirmModal, { open: bulkDeleteIds !== null, onOpenChange: (open) => !open && setBulkDeleteIds(null), title: `Delete ${String(bulkDeleteIds?.length ?? 0)} rows`, body: "Referential consequences apply to every selected row.", confirmWord: String(bulkDeleteIds?.length ?? 0), promptLabel: _jsxs(_Fragment, { children: ["Type ", _jsx(MonoText, { children: String(bulkDeleteIds?.length ?? 0) }), " to confirm"] }), confirmLabel: "Delete rows", cancelLabel: "Cancel", closeLabel: labels?.close ?? 'Close', onConfirm: confirmBulkDelete }), _jsx(ToastStack, { ...queue.stackProps, "aria-live": "polite", dismissLabel: labels?.dismiss ?? 'Dismiss' })] }));
+}
+//# sourceMappingURL=PageCrud.js.map

package/dist/templates/page-crud/PageCrud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCrud.js","sourceRoot":"","sources":["../../../src/templates/page-crud/PageCrud.tsx"],"names":[],"mappings":"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"}

package/dist/templates/page-crud/RecordDetail.d.ts

@@ -0,0 +1,24 @@
+import type { CrudApi, CrudRow } from './crud-api.js';
+import type { CellContext } from '../../families/tables/cells.js';
+import type { GridColumnSpec } from '../../families/tables/column-spec.js';
+/**
+ * RecordDetail — the `/p/$slug/r/$recordId` panel body (09 §7.1): key-field
+ * headline, `detail-key-value` fields, tabs generated from inbound FKs with
+ * live count pills; each tab lists related records through
+ * `CrudApi.listRelated` when the host provides it (counts only otherwise).
+ */
+export interface RecordDetailProps {
+    api: CrudApi;
+    columns: readonly GridColumnSpec[];
+    recordId: string;
+    cellContext?: CellContext | undefined;
+    onEdit?: ((record: CrudRow) => void) | undefined;
+    onDelete?: ((record: CrudRow) => void) | undefined;
+    labels?: {
+        edit?: string | undefined;
+        delete?: string | undefined;
+        fields?: string | undefined;
+    } | undefined;
+}
+export declare function RecordDetail({ api, columns, recordId, cellContext, onEdit, onDelete, labels, }: RecordDetailProps): import("react").JSX.Element;
+//# sourceMappingURL=RecordDetail.d.ts.map

package/dist/templates/page-crud/RecordDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordDetail.d.ts","sourceRoot":"","sources":["../../../src/templates/page-crud/RecordDetail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAqC,OAAO,EAAE,MAAM,eAAe,CAAC;AAGzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAE3E;;;;;GAKG;AAEH,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,OAAO,CAAC;IACb,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS,CAAC;CAC9G;AAwDD,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,iBAAiB,+BAyFnB"}

package/dist/templates/page-crud/RecordDetail.js

@@ -0,0 +1,85 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Badge, Button, Spinner, Tabs, TabsContent, TabsList, TabsTrigger } from '@adminium/ui';
+import { Pencil, Trash2 } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { DetailKeyValue } from '../../families/tables/DetailKeyValue.js';
+import { MiniTable } from '../../families/tables/MiniTable.js';
+import { displayValueOf } from '../../families/tables/column-spec.js';
+function RelatedTab({ api, reference, pkValue, }) {
+    const [rows, setRows] = useState(null);
+    const listRelated = api.listRelated?.bind(api);
+    useEffect(() => {
+        if (listRelated === undefined)
+            return;
+        let alive = true;
+        void listRelated({ table: reference.table, column: reference.column, value: pkValue, limit: 6 }).then((loaded) => {
+            if (alive)
+                setRows(loaded);
+        });
+        return () => {
+            alive = false;
+        };
+    }, [listRelated, reference.table, reference.column, pkValue]);
+    if (listRelated === undefined || rows === null) {
+        return (_jsxs("p", { className: "px-1 py-3 text-body-sm text-fg-muted", children: [reference.count, " related ", reference.count === 1 ? 'record' : 'records', " in ", reference.table] }));
+    }
+    const columns = Object.keys(rows[0] ?? {})
+        .filter((key) => key !== '_masked')
+        .slice(0, 3)
+        .map((key, index) => ({
+        name: key,
+        label: key,
+        logicalType: 'text',
+        semantic: null,
+        format: null,
+        pii: false,
+        mono: index > 0,
+        sortable: false,
+        hidden: false,
+        primaryKey: index === 0,
+        nullable: true,
+        hasDefault: false,
+        unique: false,
+        readOnly: true,
+        maxLength: null,
+        isDisplay: false,
+    }));
+    return _jsx(MiniTable, { columns: columns, rows: rows, limit: 6 });
+}
+export function RecordDetail({ api, columns, recordId, cellContext, onEdit, onDelete, labels, }) {
+    const [result, setResult] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let alive = true;
+        setResult(null);
+        setError(null);
+        api
+            .get(recordId, { include: 'inboundCounts' })
+            .then((loaded) => {
+            if (alive)
+                setResult(loaded);
+        })
+            .catch((reason) => {
+            if (alive)
+                setError(reason instanceof Error ? reason.message : 'Failed to load the record.');
+        });
+        return () => {
+            alive = false;
+        };
+    }, [api, recordId]);
+    if (error !== null) {
+        return (_jsx("p", { role: "alert", className: "px-1 py-6 text-body-sm text-danger", children: error }));
+    }
+    if (result === null) {
+        return (_jsx("div", { className: "flex items-center justify-center py-10", children: _jsx(Spinner, { label: "Loading record" }) }));
+    }
+    const record = result.data;
+    const references = result.inboundCounts ?? [];
+    const title = displayValueOf(columns, record);
+    return (_jsxs("div", { "data-part": "record-detail", className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "truncate text-h3 text-fg", children: title }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [onEdit !== undefined && (_jsx(Button, { size: "sm", variant: "secondary", iconLeft: _jsx(Pencil, {}), onClick: () => onEdit(record), children: labels?.edit ?? 'Edit' })), onDelete !== undefined && (_jsx(Button, { size: "sm", variant: "destructive", iconLeft: _jsx(Trash2, {}), onClick: () => onDelete(record), children: labels?.delete ?? 'Delete' }))] })] }), references.length === 0 ? (_jsx(DetailKeyValue, { columns: columns, record: record, cellContext: cellContext, showTypeTags: true })) : (_jsxs(Tabs, { defaultValue: "__fields", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "__fields", children: labels?.fields ?? 'Fields' }), references.map((reference) => (_jsx(TabsTrigger, { value: reference.relationId, count: reference.count, children: reference.table.split('.').pop() }, reference.relationId)))] }), _jsx(TabsContent, { value: "__fields", children: _jsx(DetailKeyValue, { columns: columns, record: record, cellContext: cellContext, showTypeTags: true }) }), references.map((reference) => (_jsx(TabsContent, { value: reference.relationId, children: _jsx(RelatedTab, { api: api, reference: reference, pkValue: pkValueOf(columns, record) }) }, reference.relationId)))] })), references.length > 0 && (_jsxs("p", { className: "text-caption text-fg-muted", children: [_jsx(Badge, { tone: "info", children: references.reduce((sum, r) => sum + r.count, 0) }), " inbound references"] }))] }));
+}
+function pkValueOf(columns, record) {
+    const pk = columns.find((column) => column.primaryKey);
+    return pk === undefined ? null : record[pk.name];
+}
+//# sourceMappingURL=RecordDetail.js.map

package/dist/templates/page-crud/RecordDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordDetail.js","sourceRoot":"","sources":["../../../src/templates/page-crud/RecordDetail.tsx"],"names":[],"mappings":"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"}

package/dist/templates/page-crud/RecordForm.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+import type { CrudApi, CrudRow } from './crud-api.js';
+import type { GridColumnSpec } from '../../families/tables/column-spec.js';
+/**
+ * RecordForm — the create/edit form generated from column specs (09 §7.1):
+ * one `FormField` per editable column with a mono type tag (`varchar`,
+ * `enum`, `→ public.team_members` — the UI explains its own generation),
+ * control by `fieldKindFor`, FK → async avatar `Combobox` fed by
+ * `CrudApi.lookup` (debounced 200 ms), server field errors inline.
+ */
+export declare const FK_LOOKUP_DEBOUNCE_MS = 200;
+export interface RecordFormProps {
+    columns: readonly GridColumnSpec[];
+    /** Initial values — the record on edit, {} on create. */
+    initialValues?: CrudRow | undefined;
+    mode: 'create' | 'edit';
+    /** Per-column server errors (unique violation etc.), by column name. */
+    errors?: Readonly<Record<string, string>> | undefined;
+    /** FK lookup feed (CrudApi.lookup); absent → FK renders a plain input. */
+    lookup?: CrudApi['lookup'] | undefined;
+    /** Submit with coerced values; the form element id lets footers submit. */
+    onSubmit: (values: CrudRow) => void;
+    formId?: string | undefined;
+    /** Helper copy for unique columns ("Checked against 8,402 rows"). */
+    uniqueHelper?: ((column: GridColumnSpec) => ReactNode) | undefined;
+    /** Action row rendered INSIDE the form element (submit buttons). */
+    footer?: ReactNode | undefined;
+}
+export declare function RecordForm({ columns, initialValues, mode, errors, lookup, onSubmit, formId, uniqueHelper, footer, }: RecordFormProps): import("react").JSX.Element;
+//# sourceMappingURL=RecordForm.d.ts.map

package/dist/templates/page-crud/RecordForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordForm.d.ts","sourceRoot":"","sources":["../../../src/templates/page-crud/RecordForm.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,OAAO,EAAoB,OAAO,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAE3E;;;;;;GAMG;AAEH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,wEAAwE;IACxE,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;IACtD,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACvC,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,cAAc,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACnE,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC;AAsED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,aAAa,EACb,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,MAAM,GACP,EAAE,eAAe,+BA6IjB"}