@rebasepro/admin 0.9.1-canary.ff338b5 → 0.10.1-canary.0a881d4

package/dist/{CollectionEditorDialog-DbPpDDwb.js → CollectionEditorDialog-DMztwJ5S.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 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 { Dt as ImportSaveInProgress, Et as useImportConfig, Fn as useCollectionRegistryController, Mt as PropertyConfigBadge, Nt as SearchIconsView, O as getFieldConfig, Ot as ImportFileUpload, Pt as FieldCaption, Qt as CollectionTableBinding, St as convertDataToEntity, Tt as getInferenceType, Xt as useSelectionController, _t as useCollectionEditorController, an as useNavigationStateController, bt as ImportNewPropertyFieldPreview, g as useCollectionsConfigController, i as namespaceToPropertiesOrderPath, k as getFieldId, l as validateCollectionJson, n as getFullIdPath, o as CollectionGenerationApiError, p as toSerializableCollectionConfig, r as idToPropertiesPath, rn as useUrlController, t as getFullId, xt as DataNewPropertiesMapping } from "./util-CPgUM4M8.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-CjFCnftn.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 { getEffectiveSecurityRules, getSubcollections, getTableName, isPropertyBuilder, removeInitialAndTrailingSlashes } from "@rebasepro/common";
-import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useUnsavedChangesDialog } from "@rebasepro/app";
+import { getEffectiveSecurityRules, getSubcollections, getTableName, isPropertyBuilder } from "@rebasepro/common";
+import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, removeInitialAndTrailingSlashes, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useUnsavedChangesDialog } from "@rebasepro/app";
 import { Field, Formex, clone, getIn, useCreateFormex, useFormex } from "@rebasepro/forms";
-import { z } from "zod";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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 { z } from "zod";
 import { buildEntityPropertiesFromData, buildPropertyFromData } from "@rebasepro/inference";
+import { Highlight, themes } from "prism-react-renderer";
 import JSON5 from "json5";
 //#region src/collection_editor/ui/collection_editor/CollectionYupValidation.tsx
 var CollectionEditorSchema = z.object({
@@ -580,7 +580,7 @@ function DisplaySettingsForm({ expandKanban, standalone }) {
 										property: {
 											type: "string",
 											name: dialogPropertyName,
-											ui: {
+											admin: {
 												disabled: true,
 												hideFromCollection: true
 											}
@@ -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 { CollectionConfig } from \"@rebasepro/app\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:CollectionConfig = " + JSON5.stringify(collectionToCode({ ...collection }), null, "	") : "No collection selected";
+	const code = collection ? "import { AdminCollection } from \"@rebasepro/app\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:AdminCollection = " + JSON5.stringify(collectionToCode({ ...collection }), null, "	") : "No collection selected";
 	return /* @__PURE__ */ jsxs(Dialog, {
 		open,
 		onOpenChange,
@@ -1332,7 +1332,7 @@ var productsCollectionTemplate = {
 		available: {
 			type: "boolean",
 			name: "Available",
-			ui: { columnWidth: 100 },
+			admin: { columnWidth: 100 },
 			description: "Is this product available in the website"
 		},
 		price: {
@@ -1346,7 +1346,7 @@ var productsCollectionTemplate = {
 		images: {
 			type: "array",
 			name: "Images",
-			ui: { hideFromCollection: true },
+			admin: { hideFromCollection: true },
 			of: {
 				type: "string",
 				storage: {
@@ -1473,7 +1473,7 @@ var blogCollectionTemplate = {
 		publish_date: {
 			name: "Publish date",
 			type: "date",
-			ui: { clearable: true }
+			admin: { clearable: true }
 		},
 		reviewed: {
 			name: "Reviewed",
@@ -1706,7 +1706,7 @@ var pagesCollectionTemplate = {
 		is_published: {
 			type: "boolean",
 			name: "Is Published",
-			ui: { columnWidth: 100 },
+			admin: { columnWidth: 100 },
 			description: "Should this page be live on the site?"
 		}
 	}
@@ -2381,6 +2381,38 @@ function CollectionRLSTab() {
 		values.table,
 		values.alias
 	]);
+	/**
+	* Application roles available to `SecurityRule.roles`.
+	*
+	* Deliberately NOT `fetchAvailableRoles` — that returns native pg_roles
+	* (postgres, rebase_user, …), which can never satisfy an application-role
+	* condition.
+	*/
+	const [availableRoles, setAvailableRoles] = useState([]);
+	const [rolesUnavailable, setRolesUnavailable] = useState(false);
+	useEffect(() => {
+		let mounted = true;
+		const fetchRoles = async () => {
+			if (!databaseAdmin?.fetchApplicationRoles) {
+				if (mounted) setRolesUnavailable(true);
+				return;
+			}
+			try {
+				const fetched = await databaseAdmin.fetchApplicationRoles();
+				if (mounted) {
+					setAvailableRoles(fetched);
+					setRolesUnavailable(false);
+				}
+			} catch (e) {
+				console.error("Failed to fetch application roles", e);
+				if (mounted) setRolesUnavailable(true);
+			}
+		};
+		fetchRoles();
+		return () => {
+			mounted = false;
+		};
+	}, [databaseAdmin]);
 	const tableName = values.id || values.table || values.alias;
 	/**
 	* Every policy name `rebase db push` would write for this collection.
@@ -2483,7 +2515,7 @@ function CollectionRLSTab() {
 										tablename: values.id || values.table || values.alias || "your_table",
 										permissive: (rule.mode || "permissive").toUpperCase(),
 										cmd: (rule.operation || "ALL").toUpperCase(),
-										roles: rule.roles || ["public"],
+										roles: rule.roles || [],
 										qual: rule.using || null,
 										with_check: rule.withCheck || null
 									}),
@@ -2588,6 +2620,8 @@ function CollectionRLSTab() {
 				children: editingPolicy && /* @__PURE__ */ jsx(InlinePolicyEditor, {
 					policy: editingPolicy === "new" ? void 0 : editingPolicy,
 					table: values.id || values.table || values.alias || "your_table",
+					availableRoles,
+					rolesUnavailable,
 					onSave: handleSave,
 					onCancel: () => setEditingPolicy(null)
 				})
@@ -2602,20 +2636,31 @@ var COMMAND_OPTIONS = [
 	"UPDATE",
 	"DELETE"
 ];
-var ROLE_OPTIONS = [
-	"public",
-	"authenticated",
-	"anon",
-	"admin"
-];
-function InlinePolicyEditor({ policy, table, onSave, onCancel }) {
+function InlinePolicyEditor({ policy, table, availableRoles, rolesUnavailable, onSave, onCancel }) {
 	const [name, setName] = useState(policy?.policyname || "");
 	const [behavior, setBehavior] = useState(policy?.permissive || "PERMISSIVE");
 	const [command, setCommand] = useState(policy?.cmd || "ALL");
-	const [roles, setRoles] = useState(policy?.roles ? Array.isArray(policy.roles) ? policy.roles : [policy.roles] : ["public"]);
+	const [roles, setRoles] = useState(policy?.roles ? Array.isArray(policy.roles) ? policy.roles : [policy.roles] : []);
+	const [customRole, setCustomRole] = useState("");
 	const [usingExpr, setUsingExpr] = useState(policy?.qual || "");
 	const [checkExpr, setCheckExpr] = useState(policy?.with_check || "");
 	const showCheck = command === "ALL" || command === "INSERT" || command === "UPDATE";
+	/**
+	* Roles offered in the dropdown: those in use in the project, plus any the
+	* rule already carries. The union matters — application roles are derived
+	* from what users hold, so a role that is referenced here but assigned to
+	* nobody would otherwise vanish from its own policy on the next save.
+	*/
+	const roleOptions = useMemo(() => Array.from(new Set([...availableRoles, ...roles])).sort(), [availableRoles, roles]);
+	const addCustomRole = () => {
+		const trimmed = customRole.trim();
+		if (!trimmed || roles.includes(trimmed)) {
+			setCustomRole("");
+			return;
+		}
+		setRoles([...roles, trimmed]);
+		setCustomRole("");
+	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs(DialogTitle, {
 			variant: "h6",
@@ -2685,20 +2730,67 @@ function InlinePolicyEditor({ policy, table, onSave, onCancel }) {
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col gap-1.5",
-						children: [/* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							className: "uppercase tracking-wider text-text-secondary",
-							children: "Target Roles"
-						}), /* @__PURE__ */ jsx(MultiSelect, {
-							size: "small",
-							value: roles,
-							onValueChange: setRoles,
-							placeholder: "Select roles",
-							children: ROLE_OPTIONS.map((r) => /* @__PURE__ */ jsx(MultiSelectItem, {
-								value: r,
-								children: r
-							}, r))
-						})]
+						children: [
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "uppercase tracking-wider text-text-secondary",
+								children: "Application Roles"
+							}),
+							/* @__PURE__ */ jsxs(Typography, {
+								variant: "caption",
+								className: "text-text-secondary opacity-80 -mt-1",
+								children: [
+									"Roles held by users of this project, matched via ",
+									/* @__PURE__ */ jsx("span", {
+										className: "font-mono",
+										children: "auth.roles()"
+									}),
+									". These are not PostgreSQL roles — leave empty to apply the policy to everyone."
+								]
+							}),
+							roleOptions.length > 0 && /* @__PURE__ */ jsx(MultiSelect, {
+								size: "small",
+								value: roles,
+								onValueChange: setRoles,
+								placeholder: "Select roles",
+								children: roleOptions.map((r) => /* @__PURE__ */ jsx(MultiSelectItem, {
+									value: r,
+									children: r
+								}, r))
+							}),
+							rolesUnavailable && roleOptions.length === 0 && /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "text-text-secondary opacity-80",
+								children: "Could not load the project's roles — enter them manually below."
+							}),
+							!rolesUnavailable && roleOptions.length === 0 && /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "text-text-secondary opacity-80",
+								children: "No roles are assigned to any user yet — enter one manually below."
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex gap-2 items-center",
+								children: [/* @__PURE__ */ jsx(TextField, {
+									size: "small",
+									value: customRole,
+									onChange: (e) => setCustomRole(e.target.value),
+									onKeyDown: (e) => {
+										if (e.key === "Enter") {
+											e.preventDefault();
+											addCustomRole();
+										}
+									},
+									placeholder: "Add a role not listed, e.g. editor"
+								}), /* @__PURE__ */ jsx(Button, {
+									size: "small",
+									variant: "outlined",
+									color: "neutral",
+									disabled: !customRole.trim(),
+									onClick: addCustomRole,
+									children: "Add"
+								})]
+							})
+						]
 					}),
 					command !== "INSERT" && /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col gap-1.5",
@@ -2709,7 +2801,7 @@ function InlinePolicyEditor({ policy, table, onSave, onCancel }) {
 						}), /* @__PURE__ */ jsx(TextField, {
 							value: usingExpr,
 							onChange: (e) => setUsingExpr(e.target.value),
-							placeholder: "e.g. auth.uid() = user_id"
+							placeholder: "e.g. auth.uid() = uid"
 						})]
 					}),
 					showCheck && /* @__PURE__ */ jsxs("div", {
@@ -2721,7 +2813,7 @@ function InlinePolicyEditor({ policy, table, onSave, onCancel }) {
 						}), /* @__PURE__ */ jsx(TextField, {
 							value: checkExpr,
 							onChange: (e) => setCheckExpr(e.target.value),
-							placeholder: "e.g. auth.uid() = user_id"
+							placeholder: "e.g. auth.uid() = uid"
 						})]
 					})
 				]
@@ -2902,7 +2994,7 @@ function pgTypeToRebaseProperty(column) {
 	}
 }
 /**
-* Builds a partial CollectionConfig from PostgreSQL table metadata.
+* Builds a partial AdminCollection from PostgreSQL table metadata.
 * This is used when creating a new collection from an existing database table.
 */
 function buildCollectionFromTableMetadata(tableName, metadata) {
@@ -3649,4 +3741,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-DbPpDDwb.js.map
+//# sourceMappingURL=CollectionEditorDialog-DMztwJ5S.js.map