@rebasepro/admin 0.8.0 → 0.9.1-canary.09aaf62

package/README.md

@@ -12,7 +12,7 @@ pnpm add @rebasepro/admin
 
 ## What This Package Does
 
-`@rebasepro/admin` is the complete CMS layer of Rebase. It provides the admin panel UI — collection table/card views, entity editing forms, side-panel navigation, the visual collection (schema) editor, data import/export (CSV, JSON, Excel), and the app shell with auth gating, routing, and drawer layout. It sits on top of `@rebasepro/core` (runtime hooks/providers) and `@rebasepro/ui` (design system components).
+`@rebasepro/admin` is the complete CMS layer of Rebase. It provides the admin panel UI — collection table/card views, snapshot editing forms, side-panel navigation, the visual collection (schema) editor, data import/export (CSV, JSON, Excel), and the app shell with auth gating, routing, and drawer layout. It sits on top of `@rebasepro/app` (runtime hooks/providers) and `@rebasepro/ui` (design system components).
 
 ## Key Exports
 
@@ -20,7 +20,7 @@ pnpm add @rebasepro/admin
 
 | Export | Description |
 |---|---|
-| `RebaseCMS` | Top-level CMS component — wires routing, auth, and layout together |
+| `RebaseAdmin` | Top-level CMS component — wires routing, auth, and layout together |
 | `RebaseShell` | Outer shell (providers + chrome) without opinionated routing |
 | `RebaseAuthGate` | Auth-gated wrapper — shows login or the CMS based on session state |
 | `RebaseNavigation` | Renders the sidebar navigation from resolved collections/views |
@@ -34,31 +34,31 @@ pnpm add @rebasepro/admin
 | `AdminModeSyncer` | Syncs admin/content mode state |
 | `CollectionPanel` | Standalone collection browser panel |
 
-### Entity & Collection Views
+### Snapshot & Collection Views
 
 | Export | Description |
 |---|---|
-| `EntityView` | Full entity detail/edit view |
-| `EntityCollectionView` | Primary collection list view (table + toolbar) |
-| `EntityCollectionTable` | Virtualized spreadsheet table for a collection |
-| `EntityCollectionCardView` | Card/grid layout for a collection |
-| `EntityCard` | Individual entity card |
-| `EntityCollectionViewActions` | Toolbar actions (filters, search, create) |
-| `EntityCollectionRowActions` | Per-row action buttons |
-| `EntitySelectionTable` | Table for multi-entity selection dialogs |
+| `SnapshotCustomView` | Full snapshot detail/edit view |
+| `DataCollectionView` | Primary collection list view (table + toolbar) |
+| `DataCollectionTable` | Virtualized spreadsheet table for a collection |
+| `SnapshotCollectionCardView` | Card/grid layout for a collection |
+| `SnapshotCard` | Individual snapshot card |
+| `DataCollectionViewActions` | Toolbar actions (filters, search, create) |
+| `SnapshotCollectionRowActions` | Per-row action buttons |
+| `SnapshotSelectionTable` | Table for multi-snapshot selection dialogs |
 | `SelectableTable` | Generic selectable table component |
-| `EntityPreview` | Compact entity preview widget |
+| `SnapshotPreview` | Compact snapshot preview widget |
 | `VirtualTableInput` | Inline-edit input rendered inside the virtual table |
 | `ArrayContainer` | Renders array/repeated property fields |
 | `ReferenceWidget` | Reference (foreign key) picker widget |
 
-### Entity Actions
+### Snapshot Actions
 
 | Export | Description |
 |---|---|
-| `editEntityAction` | Built-in action to open an entity for editing |
-| `copyEntityAction` | Built-in action to duplicate an entity |
-| `deleteEntityAction` | Built-in action to delete an entity |
+| `editSnapshotAction` | Built-in action to open a snapshot for editing |
+| `copySnapshotAction` | Built-in action to duplicate a snapshot |
+| `deleteSnapshotAction` | Built-in action to delete a snapshot |
 | `resetPasswordAction` | Action to reset a user's password |
 
 ### Hooks
@@ -66,10 +66,10 @@ pnpm add @rebasepro/admin
 | Export | Description |
 |---|---|
 | `useApp` | Access the app-level context (navigation, mode, config) |
-| `useSideEntityController` | Open/close entity side panels programmatically |
-| `useEntitySelectionDialog` | Launch a multi-entity selection dialog |
+| `useSidePanelController` | Open/close snapshot side panels programmatically |
+| `useSelectionDialog` | Launch a multi-snapshot selection dialog |
 | `useSelectionController` | Row selection state for tables |
-| `useEntityHistory` | Entity change history and version revert |
+| `useHistory` | Snapshot change history and version revert |
 | `useBreadcrumbsController` | Breadcrumb navigation state |
 | `useCMSContext` | Access the CMS-level context |
 | `useResolvedNavigationFrom` | Resolve navigation tree from collection configs |
@@ -108,19 +108,19 @@ import { RichTextEditor } from "@rebasepro/admin/editor";
 | `getIconForWidget` / `getIconForProperty` | Get the display icon for a property or widget |
 | `getPropertyInPath` / `getResolvedPropertyInPath` | Navigate nested property paths |
 | `getPropertiesWithPropertiesOrder` | Apply display ordering to properties |
-| `getEntityPreviewKeys` / `getEntityTitlePropertyKey` | Determine preview/title fields |
+| `getSnapshotPreviewKeys` / `getSnapshotTitlePropertyKey` | Determine preview/title fields |
 | `isReferenceProperty` / `isRelationProperty` | Property type guards |
-| `mergeEntityActions` / `resolveEntityAction` / `resolveEntityView` | Action & view resolution |
+| `mergeSnapshotActions` / `resolveSnapshotAction` / `resolveSnapshotView` | Action & view resolution |
 | Path helpers | `addInitialSlash`, `removeInitialSlash`, `removeTrailingSlash`, etc. |
 
 ## Quick Start
 
 ```tsx
-import { RebaseCMS } from "@rebasepro/admin";
+import { RebaseAdmin } from "@rebasepro/admin";
 
 function App() {
     return (
-        <RebaseCMS
+        <RebaseAdmin
             collections={[/* your collection configs */]}
             authController={authController}
             dataSource={dataSource}
@@ -131,9 +131,9 @@ function App() {
 
 ## Related Packages
 
-- [`@rebasepro/core`](../core) — Runtime hooks, providers, auth components, and context
+- [`@rebasepro/app`](../app) — Runtime hooks, providers, auth components, and context
 - [`@rebasepro/ui`](../ui) — Design system components (buttons, dialogs, inputs, etc.)
 - [`@rebasepro/common`](../common) — Shared utilities, collection registry, query builder
 - [`@rebasepro/types`](../types) — TypeScript type definitions
-- [`@rebasepro/formex`](../formex) — Form state management
-- [`@rebasepro/schema-inference`](../schema-inference) — Schema introspection from databases
+- [`@rebasepro/forms`](../forms) — Form state management
+- [`@rebasepro/inference`](../inference) — Schema introspection from databases

package/dist/{CollectionEditorDialog-BO_aQ-Z4.js → CollectionEditorDialog-DbPpDDwb.js}

@@ -1,18 +1,18 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { At as useImportConfig, Bn as useUrlController, Bt as getFieldId, Ct as useCollectionEditorController, Et as convertDataToEntity, Ft as PropertyConfigBadge, Hn as useNavigationStateController, Mt as ImportFileUpload, Qn as EntityCollectionTable, Tt as DataNewPropertiesMapping, Wn as useCollectionRegistryController, Xn as useSelectionController, dn as SearchIconsView, fn as FieldCaption, h as toSerializableCollection, i as namespaceToPropertiesOrderPath, jt as ImportSaveInProgress, kt as getInferenceType, n as getFullIdPath, r as idToPropertiesPath, s as CollectionGenerationApiError, t as getFullId, u as validateCollectionJson, v as useCollectionsConfigController, wt as ImportNewPropertyFieldPreview, zt as getFieldConfig } from "./src-cxV1ODRG.js";
-import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, l as useSafeSnackbarController, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-DKzOpMjR.js";
+import { At as useImportConfig, Bn as useUrlController, Bt as getFieldId, Ct as useCollectionEditorController, Et as convertDataToEntity, Ft as PropertyConfigBadge, Hn as useNavigationStateController, Mt as ImportFileUpload, Qn as CollectionTableBinding, Tt as DataNewPropertiesMapping, Wn as useCollectionRegistryController, Xn as useSelectionController, dn as SearchIconsView, fn as FieldCaption, h as toSerializableCollectionConfig, i as namespaceToPropertiesOrderPath, jt as ImportSaveInProgress, kt as getInferenceType, n as getFullIdPath, r as idToPropertiesPath, s as CollectionGenerationApiError, t as getFullId, u as validateCollectionJson, v as useCollectionsConfigController, wt as ImportNewPropertyFieldPreview, zt as getFieldConfig } from "./src-B8WuGSPZ.js";
+import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, l as useSafeSnackbarController, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-DfJbZ67t.js";
 import * as React$1 from "react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Alert, AppWindow, ArrowLeftIcon, BooleanSwitchWithLabel, Button, Card, CheckIcon, Chip, CircularProgress, CircularProgressCenter, CodeIcon, ColumnsIcon, Container, CopyIcon, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, FileIcon, FileSearchIcon, FileTextIcon, IconButton, KanbanIcon, KeyIcon, LayoutGridIcon, ListIcon, LoadingButton, Menu, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PlusIcon, Select, SelectItem, ShoppingCartIcon, SquareIcon, Tab, TableIcon, Tabs, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, UserIcon, XIcon, cls, coolIconKeys, defaultBorderMixin, iconSize } from "@rebasepro/ui";
-import { getSubcollections, getTableName, isPropertyBuilder, removeInitialAndTrailingSlashes } from "@rebasepro/common";
-import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useUnsavedChangesDialog } from "@rebasepro/core";
-import { Field, Formex, clone, getIn, useCreateFormex, useFormex } from "@rebasepro/formex";
+import { getEffectiveSecurityRules, getSubcollections, getTableName, isPropertyBuilder, removeInitialAndTrailingSlashes } from "@rebasepro/common";
+import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useUnsavedChangesDialog } from "@rebasepro/app";
+import { Field, Formex, clone, getIn, useCreateFormex, useFormex } from "@rebasepro/forms";
 import { z } from "zod";
-import { camelCase, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
+import { camelCase, getPolicyNamesForRule, getPolicyNamesForRules, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
 import { getDataSourceCapabilities } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Highlight, themes } from "prism-react-renderer";
-import { buildEntityPropertiesFromData, buildPropertyFromData } from "@rebasepro/schema-inference";
+import { buildEntityPropertiesFromData, buildPropertyFromData } from "@rebasepro/inference";
 import JSON5 from "json5";
 //#region src/collection_editor/ui/collection_editor/CollectionYupValidation.tsx
 var CollectionEditorSchema = z.object({
@@ -183,7 +183,7 @@ function GeneralSettingsForm({ isNewCollection, existingPaths, existingIds, pare
 						onMetadataChange: (key, value) => {
 							setFieldValue(`metadata.${key}`, value);
 						},
-						collection: toSerializableCollection(values)
+						collection: toSerializableCollectionConfig(values)
 					})
 				})
 			]
@@ -682,7 +682,7 @@ function DisplaySettingsForm({ expandKanban, standalone }) {
 //#region src/collection_editor/ui/collection_editor/GetCodeDialog.tsx
 function GetCodeDialog({ collection, onOpenChange, open }) {
 	const snackbarController = useSafeSnackbarController();
-	const code = collection ? "import { EntityCollection } from \"@rebasepro/core\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:EntityCollection = " + JSON5.stringify(collectionToCode({ ...collection }), null, "	") : "No collection selected";
+	const code = collection ? "import { CollectionConfig } from \"@rebasepro/app\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:CollectionConfig = " + JSON5.stringify(collectionToCode({ ...collection }), null, "	") : "No collection selected";
 	return /* @__PURE__ */ jsxs(Dialog, {
 		open,
 		onOpenChange,
@@ -963,10 +963,10 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs("div", {
-			className: "grid grid-cols-12 h-full bg-surface-50 dark:bg-surface-800",
+			className: "grid grid-cols-12 h-full min-h-0 bg-surface-50 dark:bg-surface-800",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: cls("col-span-12 lg:col-span-5 h-full flex flex-col bg-surface-50 dark:bg-surface-800", !asDialog && "border-r " + defaultBorderMixin),
+					className: cls("col-span-12 lg:col-span-5 h-full min-h-0 flex flex-col bg-surface-50 dark:bg-surface-800", !asDialog && "border-r " + defaultBorderMixin),
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px] shrink-0", defaultBorderMixin),
 						children: [
@@ -1012,7 +1012,7 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 							})
 						]
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex-grow overflow-y-auto p-3 no-scrollbar space-y-3 bg-surface-50 dark:bg-surface-800",
+						className: "flex-grow overflow-y-auto p-3 space-y-3 bg-surface-50 dark:bg-surface-800",
 						children: [
 							owner && /* @__PURE__ */ jsx("div", {
 								className: "px-1 py-0.5",
@@ -2245,7 +2245,7 @@ function CollectionEditorImportDataPreview({ importConfig, properties, propertie
 	}, []);
 	const selectionController = useSelectionController();
 	if (loading) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
-	return /* @__PURE__ */ jsx(EntityCollectionTable, {
+	return /* @__PURE__ */ jsx(CollectionTableBinding, {
 		title: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 			variant: "subtitle2",
 			children: "Imported data preview"
@@ -2381,7 +2381,29 @@ function CollectionRLSTab() {
 		values.table,
 		values.alias
 	]);
-	const unmappedPolicies = dbPolicies.filter((dp) => !rules.some((r) => r.name === dp.policyname));
+	const tableName = values.id || values.table || values.alias;
+	/**
+	* Every policy name `rebase db push` would write for this collection.
+	*
+	* Two things make this more than `rules.map(r => r.name)`:
+	*  - a rule without an explicit `name` becomes `<table>_<op>_<hash>`, so
+	*    comparing `rule.name` to `policyname` never matches for it;
+	*  - the generator also injects the safe-by-default baseline
+	*    (`<table>_default_admin_*`), which is in no collection's `securityRules`.
+	*
+	* Missing either made Rebase's own policies look hand-written, and offered to
+	* import them back into the codebase that produced them.
+	*/
+	const generatedPolicyNames = useMemo(() => {
+		if (!tableName) return /* @__PURE__ */ new Set();
+		const effectiveRules = getEffectiveSecurityRules(values);
+		return getPolicyNamesForRules([...rules, ...effectiveRules], tableName);
+	}, [
+		rules,
+		tableName,
+		values
+	]);
+	const unmappedPolicies = dbPolicies.filter((dp) => !generatedPolicyNames.has(dp.policyname));
 	const handleSave = async (newPolicy) => {
 		const rule = {
 			name: newPolicy.policyname ?? "",
@@ -2437,7 +2459,7 @@ function CollectionRLSTab() {
 									}), /* @__PURE__ */ jsx(Typography, {
 										variant: "subtitle2",
 										className: "truncate",
-										children: rule.name
+										children: rule.name || (tableName ? getPolicyNamesForRule(rule, tableName).join(", ") : "Unnamed policy")
 									})]
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "flex gap-2 text-xs pl-6 overflow-x-auto hide-scrollbar",
@@ -2880,7 +2902,7 @@ function pgTypeToRebaseProperty(column) {
 	}
 }
 /**
-* Builds a partial EntityCollection from PostgreSQL table metadata.
+* Builds a partial CollectionConfig from PostgreSQL table metadata.
 * This is used when creating a new collection from an existing database table.
 */
 function buildCollectionFromTableMetadata(tableName, metadata) {
@@ -3391,7 +3413,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 				onSubmit: formController.handleSubmit,
 				className: "flex-grow flex flex-col min-h-0 relative",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex-grow flex flex-col min-h-0 no-scrollbar relative w-full h-full bg-surface-50 dark:bg-surface-800",
+					className: "flex-grow flex flex-col min-h-0 relative w-full h-full bg-surface-50 dark:bg-surface-800",
 					children: [
 						currentView === "loading" && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
 						currentView === "extra_view" && usedPath && extraView?.View && /* @__PURE__ */ jsx(extraView.View, { path: usedPath }),
@@ -3627,4 +3649,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-BO_aQ-Z4.js.map
+//# sourceMappingURL=CollectionEditorDialog-DbPpDDwb.js.map