@rebasepro/admin 0.3.0 → 0.4.0

package/src/components/SelectableTable/SelectionStore.ts

@@ -15,10 +15,10 @@ import { SelectedCellProps } from "@rebasepro/types";
  * derivation actually changed will re-render.
  */
 export function createSelectionStore() {
-    let selectedCell: SelectedCellProps<any> | undefined = undefined;
+    let selectedCell: SelectedCellProps | undefined = undefined;
     const listeners = new Set<() => void>();
 
-    function getSnapshot(): SelectedCellProps<any> | undefined {
+    function getSnapshot(): SelectedCellProps | undefined {
         return selectedCell;
     }
 
@@ -27,7 +27,7 @@ export function createSelectionStore() {
         return () => listeners.delete(listener);
     }
 
-    function select(cell: SelectedCellProps<any> | undefined) {
+    function select(cell: SelectedCellProps | undefined) {
         selectedCell = cell;
         listeners.forEach(l => l());
     }
@@ -43,7 +43,7 @@ export type SelectionStore = ReturnType<typeof createSelectionStore>;
  * `selected` boolean actually changes (not on every store update).
  */
 export function useCellSelected(
-    store: { getSnapshot: () => SelectedCellProps<any> | undefined; subscribe: (listener: () => void) => () => void },
+    store: { getSnapshot: () => SelectedCellProps | undefined; subscribe: (listener: () => void) => () => void },
     propertyKey: string,
     entityPath: string,
     entityId: string | number

package/src/components/admin/index.ts

@@ -1,3 +1 @@
-export * from "./UsersView";
-export * from "./RolesView";
-export * from "./RoleChip";
+export * from "./CreationResultDialog";

package/src/components/index.ts

@@ -32,9 +32,7 @@ export * from "./field_configs";
 
 export * from "./SideEntityProvider";
 export * from "./AdminModeSyncer";
-// Admin views are lazy-loaded by RebaseRouteDefs and useResolvedViews
-// export * from "./admin/RolesView";
-// export * from "./admin/UsersView";
+// Admin views: only CreationResultDialog remains (used by resetPasswordAction)
 export * from "./app/AppBar";
 export * from "./app/Drawer";
 export * from "./app/Scaffold";
@@ -55,3 +53,5 @@ export * from "./RebaseAuthGate";
 export * from "./RebaseNavigation";
 export * from "./RebaseLayout";
 export * from "./RebaseRouteDefs";
+
+export * from "./CollectionPanel";

package/src/data_export/export/BasicExportAction.tsx

@@ -1,6 +1,7 @@
 
 import React, { useCallback } from "react";
 
+import { useTranslation } from "@rebasepro/core";
 import { Entity, Properties } from "@rebasepro/types";
 import {
     BooleanSwitchWithLabel,
@@ -31,6 +32,7 @@ export function BasicExportAction({
     propertiesOrder
 }: BasicExportActionProps) {
 
+    const { t } = useTranslation();
     const dateRef = React.useRef<Date>(new Date());
     const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);
     const [exportType, setExportType] = React.useState<"csv" | "json">("csv");
@@ -78,22 +80,22 @@ export function BasicExportAction({
             onOpenChange={setOpen}
             maxWidth={"xl"}>
 
-            <DialogTitle variant={"h6"}>Export data</DialogTitle>
+            <DialogTitle variant={"h6"}>{t("export_data")}</DialogTitle>
 
             <DialogContent className={"flex flex-col gap-4 my-4"}>
 
-                <div>DownloadIcon the the content of this table as a CSV</div>
+                <div>{t("download_table_csv")}</div>
 
                 <div className={"flex flex-row gap-4"}>
                     <div className={"p-4 flex flex-col"}>
                         <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as "csv" | "json")}>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="csv" id="radio-csv"/>
-                                <Label htmlFor="radio-csv">CSV</Label>
+                                <Label htmlFor="radio-csv">{t("csv")}</Label>
                             </div>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="json" id="radio-json"/>
-                                <Label htmlFor="radio-json">JSON</Label>
+                                <Label htmlFor="radio-json">{t("json")}</Label>
                             </div>
                         </RadioGroup>
                     </div>
@@ -102,11 +104,11 @@ export function BasicExportAction({
                         <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as "timestamp" | "string")}>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="timestamp" id="radio-timestamp"/>
-                                <Label htmlFor="radio-timestamp">Dates as timestamps ({dateRef.current.getTime()})</Label>
+                                <Label htmlFor="radio-timestamp">{t("dates_as_timestamps")} ({dateRef.current.getTime()})</Label>
                             </div>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="string" id="radio-string"/>
-                                <Label htmlFor="radio-string">Dates as strings ({dateRef.current.toISOString()})</Label>
+                                <Label htmlFor="radio-string">{t("dates_as_strings")} ({dateRef.current.toISOString()})</Label>
                             </div>
                         </RadioGroup>
                     </div>
@@ -117,7 +119,7 @@ export function BasicExportAction({
                     disabled={exportType !== "csv"}
                     value={flattenArrays}
                     onValueChange={setFlattenArrays}
-                    label={"Flatten arrays"}/>
+                    label={t("flatten_arrays")}/>
 
             </DialogContent>
 
@@ -125,11 +127,11 @@ export function BasicExportAction({
 
                 <Button onClick={handleClose}
                     variant={"text"}>
-                    Cancel
+                    {t("cancel")}
                 </Button>
 
                 <Button onClick={onOkClicked}>
-                    DownloadIcon
+                    {t("download")}
                 </Button>
 
             </DialogActions>

package/src/data_export/export/ExportCollectionAction.tsx

@@ -4,7 +4,8 @@ import React, { useCallback } from "react";
 import {
     useAuthController,
     useCustomizationController,
-    useData
+    useData,
+    useTranslation
 } from "@rebasepro/core";
 import { useCMSContext } from "../../hooks";
 import { CollectionActionsProps, Entity, EntityCollection, ExportConfig, RebaseContext, User } from "@rebasepro/types";
@@ -43,6 +44,8 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
     onAnalyticsEvent?: (event: string, params?: any) => void;
 }) {
 
+    const { t } = useTranslation();
+
     const exportConfig = typeof collection.exportable === "object" ? collection.exportable : undefined;
 
     const dateRef = React.useRef<Date>(new Date());
@@ -184,17 +187,16 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
             onOpenChange={setOpen}
             maxWidth={"xl"}>
 
-            <DialogTitle variant={"h6"}>Export data</DialogTitle>
+            <DialogTitle variant={"h6"}>{t("export_data")}</DialogTitle>
 
             <DialogContent className={"flex flex-col gap-4 my-4"}>
 
-                <div>DownloadIcon the the content of this table as a CSV</div>
+                <div>{t("download_table_csv")}</div>
 
                 {collectionEntitiesCount !== undefined && collectionEntitiesCount > DOCS_LIMIT &&
                     <Alert color={"warning"}>
                         <div>
-                            This collections has a large number
-                            of documents ({collectionEntitiesCount}).
+                            {t("large_number_of_documents", { count: collectionEntitiesCount.toString() })}
                         </div>
                     </Alert>}
 
@@ -203,11 +205,11 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
                         <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as "csv" | "json")}>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="csv" id="radio-csv"/>
-                                <Label htmlFor="radio-csv">CSV</Label>
+                                <Label htmlFor="radio-csv">{t("csv")}</Label>
                             </div>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="json" id="radio-json"/>
-                                <Label htmlFor="radio-json">JSON</Label>
+                                <Label htmlFor="radio-json">{t("json")}</Label>
                             </div>
                         </RadioGroup>
                     </div>
@@ -216,11 +218,11 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
                         <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as "timestamp" | "string")}>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="timestamp" id="radio-timestamp"/>
-                                <Label htmlFor="radio-timestamp">Dates as timestamps ({dateRef.current.getTime()})</Label>
+                                <Label htmlFor="radio-timestamp">{t("dates_as_timestamps")} ({dateRef.current.getTime()})</Label>
                             </div>
                             <div className="flex items-center gap-2">
                                 <RadioGroupItem value="string" id="radio-string"/>
-                                <Label htmlFor="radio-string">Dates as strings ({dateRef.current.toISOString()})</Label>
+                                <Label htmlFor="radio-string">{t("dates_as_strings")} ({dateRef.current.toISOString()})</Label>
                             </div>
                         </RadioGroup>
                     </div>
@@ -231,13 +233,13 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
                     disabled={exportType !== "csv"}
                     value={flattenArrays}
                     onValueChange={setFlattenArrays}
-                    label={"Flatten arrays"}/>
+                    label={t("flatten_arrays")}/>
 
                 <BooleanSwitchWithLabel
                     size={"small"}
                     value={includeUndefinedValues}
                     onValueChange={setIncludeUndefinedValues}
-                    label={"Include undefined values"}/>
+                    label={t("include_undefined_values")}/>
 
                 {!canExport && notAllowedView}
 
@@ -249,12 +251,12 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
 
                 <Button onClick={handleClose}
                     variant={"text"}>
-                    Cancel
+                    {t("cancel")}
                 </Button>
 
                 <Button onClick={onOkClicked}
                     disabled={dataLoading || !canExport}>
-                    DownloadIcon
+                    {t("download")}
                 </Button>
 
             </DialogActions>

package/src/editor/editor.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useEffect, useState, useRef, useMemo } from "react";
-import { EditorState } from "prosemirror-state";
+import { EditorState, Selection } from "prosemirror-state";
 import { cls, defaultBorderMixin, Separator, useInjectStyles, TextareaAutosize } from "@rebasepro/ui";
 import { useTranslation } from "@rebasepro/core";
 import { EditorBubble, ImageBubble, SlashCommandMenu, TableBubble, type JSONContent } from "./components";
@@ -236,7 +236,7 @@ onJsonContentChange };
 
 
   return (
-    <div className="relative min-h-[200px] w-full">
+    <div className="relative min-h-[200px] w-full flex flex-col">
       <button
         type="button"
         onClick={handleToggleMarkdown}
@@ -249,10 +249,23 @@ onJsonContentChange };
       <ProseMirrorContext.Provider value={useMemo(() => ({ state,
 view }), [state, view])}>
 
-        <div style={{ display: isMarkdownMode ? "none" : "block" }}>
+        <div style={{ display: isMarkdownMode ? "none" : "flex" }} className="flex-1 flex flex-col">
           <div
             ref={editorRef}
-            className={cls("relative prose dark:prose-invert", proseClass, "prose-headings:font-title prose-headings:font-normal prose-strong:font-semibold prose-code:font-normal prose-blockquote:font-normal prose-a:font-normal font-default focus:outline-none max-w-full px-12 py-4")}
+            onClick={(e) => {
+              // If the click landed on the wrapper padding (not on the ProseMirror
+              // content), focus the editor and place the cursor at the nearest position.
+              if (view && e.target === e.currentTarget) {
+                view.focus();
+                // Place cursor at end of the document
+                const end = view.state.doc.content.size;
+                const tr = view.state.tr.setSelection(
+                  Selection.near(view.state.doc.resolve(end), -1)
+                );
+                view.dispatch(tr);
+              }
+            }}
+            className={cls("relative prose dark:prose-invert cursor-text flex-1", proseClass, "prose-headings:font-title prose-headings:font-normal prose-strong:font-semibold prose-code:font-normal prose-blockquote:font-normal prose-a:font-normal font-default focus:outline-none max-w-full py-4")}
           />
 
           {view && (
@@ -311,6 +324,9 @@ view }), [state, view])}>
 const cssStyles = `
 .ProseMirror {
     box-shadow: none !important;
+    padding-left: 2rem;
+    padding-right: 2rem;
+    min-height: 100%;
 }
 .ProseMirror .is-editor-empty:first-child::before {
   content: attr(data-placeholder);

package/src/form/EntityForm.tsx

@@ -311,7 +311,7 @@ export function EntityForm<M extends Record<string, unknown>>({
                 }
             }
         },
-        validation: async (values) => {
+        validation: async (values): Promise<Record<string, string>> => {
             if (!validationSchema) return {};
             const result = await validationSchema.safeParseAsync(values);
             if (result.success) return {};
@@ -737,14 +737,14 @@ export function EntityForm<M extends Record<string, unknown>>({
         entity={entity}
         layout={forceActionsAtTheBottom ? "bottom" : "responsive"}
         savingError={savingError}
-        formex={formex as any}
+        formex={formex as FormexController<Record<string, unknown>>}
         disabled={actionsDisabled}
         status={status}
         pluginActions={pluginFormActions ?? []}
         openEntityMode={openEntityMode}
         showDefaultActions={showDefaultActions}
         navigateBack={navigateBack}
-        formContext={formContext as any}
+        formContext={formContext as FormContext<Record<string, unknown>>}
     />;
 
     return (

package/src/form/field_bindings/ReadOnlyFieldBinding.tsx

@@ -32,6 +32,8 @@ export function ReadOnlyFieldBinding({
     // if (!context.entityId)
     //     throw new Error("ReadOnlyFieldBinding: Entity id is null");
 
+    const skipCardWrapper = property.type === "relation" || property.type === "reference";
+
     return (
 
         <>
@@ -45,7 +47,7 @@ export function ReadOnlyFieldBinding({
             }
 
             <div
-                className={cls(paperMixin, "w-full min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar")}>
+                className={cls(!skipCardWrapper && paperMixin, "w-full min-h-14 overflow-x-scroll no-scrollbar", !skipCardWrapper && "p-4 md:p-6")}>
 
                 <ErrorBoundary>
                     <PropertyPreview propertyKey={propertyKey}

package/src/hooks/navigation/useBuildNavigationStateController.tsx

@@ -33,7 +33,7 @@ export type BuildNavigationStateProps<EC extends EntityCollection, USER extends
  * NavigationStateController. This is a thin composition of three focused hooks:
  *
  * - useResolvedCollections: resolves collection props and registers with CollectionRegistry
- * - useResolvedViews: resolves view/admin view props and injects Users/Roles views
+ * - useResolvedViews: resolves view/admin view props
  * - useTopLevelNavigation: computes the NavigationResult from resolved data
  *
  * The NavigationStateController type is preserved as a public API.
@@ -87,8 +87,7 @@ export function useBuildNavigationStateController<EC extends EntityCollection, U
         data,
         plugins,
         adminMode,
-        effectiveRoleController,
-        userManagement
+        effectiveRoleController
     });
 
     // Step 3: Compute top-level navigation (pure derived state)

package/src/hooks/navigation/useResolvedCollections.ts

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef, useState, useMemo } from "react";
 
 import { AuthController, CollectionRegistryController, RebaseData, User } from "@rebasepro/types";
 import type { EntityCollectionsBuilder } from "@rebasepro/types";
-import { CollectionRegistry, defaultUsersCollection } from "@rebasepro/common";
+import { CollectionRegistry } from "@rebasepro/common";
 import { UserManagementDelegate } from "@rebasepro/types";
 
 import { resolveCollections } from "./useNavigationResolution";
@@ -95,15 +95,7 @@ export function useResolvedCollections<EC extends EntityCollection, USER extends
 
                 if (cancelled) return;
 
-                // Prepend system defaults; developer collections override via generic dedup.
-                // Map keyed by slug — last-write-wins, so developer collections overwrite defaults.
-                const defaults: EntityCollection[] = [];
-                if (userManagementRef.current) {
-                    defaults.push(defaultUsersCollection);
-                }
-                const deduped = Array.from(
-                    new Map([...defaults, ...resolved].map(c => [c.slug, c])).values()
-                );
+                const deduped = [...resolved];
 
                 // Register with the CollectionRegistry; returns true if changed
                 const changed = collectionRegistryController.collectionRegistryRef.current.registerMultiple(deduped);

package/src/hooks/navigation/useResolvedViews.tsx

@@ -1,6 +1,6 @@
 
-import type { AppView, AppViewsBuilder, EffectiveRoleController, EntityCollection, RebasePlugin } from "@rebasepro/types";
-import React, { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import type { AppView, AppViewsBuilder, EffectiveRoleController, RebasePlugin } from "@rebasepro/types";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 /**
  * Compare two view arrays by their slug identity.
@@ -17,14 +17,10 @@ function viewSlugsEqual(a: AppView[] | undefined, b: AppView[] | undefined): boo
     return true;
 }
 
-import { AuthController, RebaseData, User } from "@rebasepro/types";
-import { UserManagementDelegate } from "@rebasepro/types";
+import type { AuthController, RebaseData, User } from "@rebasepro/types";
 
 import { resolveAppViews } from "./useNavigationResolution";
 
-
-import { RolesView } from "../../components/admin/RolesView";
-
 export type UseResolvedViewsProps<USER extends User> = {
     authController: AuthController<USER>;
     views?: AppView[] | AppViewsBuilder;
@@ -33,7 +29,6 @@ export type UseResolvedViewsProps<USER extends User> = {
     plugins?: RebasePlugin[];
     adminMode?: "content" | "studio" | "settings";
     effectiveRoleController?: EffectiveRoleController;
-    userManagement?: UserManagementDelegate<USER>;
 };
 
 export type UseResolvedViewsResult = {
@@ -46,8 +41,7 @@ export type UseResolvedViewsResult = {
 
 /**
  * Hook that resolves view and admin view props (which may be async builders or arrays)
- * into concrete AppView[]. Also injects the Roles admin view when userManagement
- * is provided with roles.
+ * into concrete AppView[].
  *
  * Uses refs for potentially-unstable dependencies (driver, authController,
  * plugins) to avoid re-triggering effects when their object identity changes.
@@ -63,8 +57,7 @@ export function useResolvedViews<USER extends User>(
         data,
         plugins,
         adminMode = "content",
-        effectiveRoleController,
-        userManagement
+        effectiveRoleController
     } = props;
 
     const [loading, setLoading] = useState(true);
@@ -110,32 +103,6 @@ export function useResolvedViews<USER extends User>(
     const resolvedAuthControllerRef = useRef(resolvedAuthController);
     resolvedAuthControllerRef.current = resolvedAuthController;
 
-    // Memoize JSX element for injected Roles admin view to ensure stable reference.
-    const hasRoles = !!userManagement?.roles;
-    const rolesViewElement = useMemo(() =>
-        hasRoles ? <RolesView /> : null,
-        [hasRoles]
-    );
-
-    const injectedAdminViews: AppView[] = useMemo(() => {
-        const views: AppView[] = [];
-        const isUserAdmin = userManagement?.isAdmin !== false;
-        if (userManagement && isUserAdmin && userManagement.roles && rolesViewElement) {
-            views.push({
-                slug: "roles",
-                name: "Roles",
-                icon: "Shield",
-                view: rolesViewElement,
-                group: "Settings"
-            });
-        }
-        return views;
-    }, [userManagement, rolesViewElement]);
-
-    // Store injectedAdminViews in a ref for effect access
-    const injectedAdminViewsRef = useRef(injectedAdminViews);
-    injectedAdminViewsRef.current = injectedAdminViews;
-
     const initialLoading = resolvedAuthController.initialLoading;
     const user = resolvedAuthController.user;
 
@@ -146,20 +113,11 @@ export function useResolvedViews<USER extends User>(
 
         (async () => {
             try {
-                const [newViews, newAdminViewsProp] = await Promise.all([
+                const [newViews, newAdminViews] = await Promise.all([
                     resolveAppViews(viewsProp, resolvedAuthControllerRef.current, dataRef.current, pluginsRef.current),
                     resolveAppViews(adminViewsProp, resolvedAuthControllerRef.current, dataRef.current)
                 ]);
 
-                // Generic dedup: developer-provided admin views override any injected ones with the same slug.
-                // No hardcoded slug checks — works for any slug generically.
-                const customSlugs = new Set(newAdminViewsProp.flatMap(v => Array.isArray(v.slug) ? v.slug : [v.slug]));
-                const finalInjected = injectedAdminViewsRef.current.filter(v => {
-                    const slugs = Array.isArray(v.slug) ? v.slug : [v.slug];
-                    return slugs.every(s => !customSlugs.has(s));
-                });
-                const newAdminViews = [...newAdminViewsProp, ...finalInjected];
-
                 // Compare views by slug identity rather than deepEqual.
                 // Views contain React elements (JSX) whose internal properties
                 // change on every render, making deepEqual unreliable.

package/src/hooks/useBuildSideEntityController.tsx

@@ -26,7 +26,7 @@ export function getEntityViewWidth(props: EntitySidePanelProps<any>, small: bool
         selectedSecondaryForm
     } = resolvedSelectedEntityView(props.collection?.entityViews, customizationController, props.selectedTab);
 
-    const shouldUseSmallLayout = !props.selectedTab || props.selectedTab === JSON_TAB_VALUE || props.selectedTab === HISTORY_TAB_VALUE || Boolean(selectedSecondaryForm);
+    const shouldUseSmallLayout = !props.selectedTab || props.selectedTab === "edit" || props.selectedTab === JSON_TAB_VALUE || props.selectedTab === HISTORY_TAB_VALUE || Boolean(selectedSecondaryForm);
 
     let resolvedWidth: string | undefined;
     if (props.width) {
@@ -187,8 +187,8 @@ width: newWidth };
 
         sideDialogsController.open(
             propsToSidePanel({
-                selectedTab: defaultSelectedView,
-                ...props
+                ...props,
+                selectedTab: props.selectedTab ?? defaultSelectedView,
             },
                 urlController.buildUrlCollectionPath,
                 urlController.resolveDatabasePathsFrom,
@@ -241,6 +241,7 @@ export function buildSidePanelsFromUrl(path: string, collections: EntityCollecti
                 path: navigationEntry.slug,
                 entityId: navigationEntry.entityId,
                 copy: false,
+                collection: navigationEntry.parentCollection,
                 width: navigationEntry.parentCollection?.sideDialogWidth
             };
         } else if (navigationEntry.type === "custom_view") {
@@ -257,6 +258,22 @@ export function buildSidePanelsFromUrl(path: string, collections: EntityCollecti
 
     }
 
+    // When the URL doesn't contain a tab segment but the collection has a
+    // defaultSelectedView, resolve it so the panel opens with the correct
+    // width and the URL is updated on the next replace() cycle.
+    if (sidePanel && !sidePanel.selectedTab && sidePanel.collection) {
+        const defaultView = resolveDefaultSelectedView(
+            sidePanel.collection.defaultSelectedView,
+            {
+                status: sidePanel.copy ? "copy" : (sidePanel.entityId ? "existing" : "new"),
+                entityId: sidePanel.entityId
+            }
+        );
+        if (defaultView) {
+            sidePanel.selectedTab = defaultView;
+        }
+    }
+
     if (newFlag) {
         sidePanel = {
             path: lastCollectionPath,

package/src/index.ts

@@ -45,7 +45,7 @@ export {
     DefaultDrawer,
     DrawerFooterActions,
     AdminModeSyncer,
-    // ContentHomePage, UsersView, RolesView are lazy-loaded — not re-exported here
+    // ContentHomePage is lazy-loaded — not re-exported here
     RebaseCMS,
     RebaseShell,
     RebaseAuthGate,
@@ -53,12 +53,14 @@ export {
     RebaseLayout,
     RebaseRouteDefs,
     SideDialogs,
-    useApp
+    useApp,
+    CollectionPanel
 } from "./components";
 export type {
     EntityViewProps,
     EntitySelectionProps,
-    SelectableTableProps
+    SelectableTableProps,
+    CollectionPanelProps
 } from "./components";
 
 export * from "./hooks";
@@ -97,7 +99,6 @@ export * from "./data_export";
 // Collection editor — moved from @rebasepro/studio (CMS-dependent visual schema editor)
 export * from "./collection_editor";
 
-export { RolesFilterSelect } from "./components/admin/RolesFilterSelect";
-export { UserRolesSelectField } from "./components/admin/UserRolesSelectField";
+
 export { CreationResultDialog } from "./components/admin/CreationResultDialog";
 

package/src/util/entity_view_constants.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared tab value constants used by EntityEditView and EntityDetailView.
+ */
+export const MAIN_TAB_VALUE = "__main_##Q$SC^#S6";
+export const JSON_TAB_VALUE = "__json";
+export const HISTORY_TAB_VALUE = "__rebase_history";

package/src/util/previews.ts

@@ -3,6 +3,11 @@ import { AuthController } from "@rebasepro/types";
 import { isPropertyBuilder } from "@rebasepro/common";
 import { isReferenceProperty, isRelationProperty } from "./property_utils";
 
+function isHiddenProperty(property: Property | undefined): boolean {
+    if (!property) return false;
+    return Boolean(property.ui?.hideFromCollection);
+}
+
 export function getEntityPreviewKeys(
     authController: AuthController,
     targetCollection: EntityCollection<any>,
@@ -26,7 +31,7 @@ export function getEntityPreviewKeys(
             })
             .filter(key => {
                 const property = targetCollection.properties[key];
-                return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property);
+                return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property);
             }).slice(0, limit);
     }
 }
@@ -43,6 +48,9 @@ export function getEntityTitlePropertyKey<M extends Record<string, unknown>>(col
         const property = collection.properties[key];
         if (property && !isPropertyBuilder(property)) {
             const prop = property as Property;
+            if (isHiddenProperty(prop)) {
+                continue;
+            }
             if (prop.type === "string" && !prop.ui?.multiline && !prop.ui?.markdown && !prop.storage && !prop.isId) {
                 if (!firstStringCandidate) {
                     firstStringCandidate = key;

package/src/util/resolutions.ts

@@ -1,10 +1,7 @@
 import { HistoryIcon } from "@rebasepro/ui";
-import React, { lazy } from "react";
-import type { EntityCustomView, EntityCollection } from "@rebasepro/types";
-import type { CustomizationController, EntityAction } from "@rebasepro/types";
+import React from "react";
+import type { CustomizationController, EntityAction, EntityCustomView } from "@rebasepro/types";
 
-// Lazy-load: only resolved when HistoryIcon tab is visited
-const EntityHistoryView = lazy(() => import("../components/history").then(m => ({ default: m.EntityHistoryView })));
 /**
  * Built-in entity views that are resolved by token name.
  * These are always available without needing to be registered
@@ -15,7 +12,6 @@ const BUILTIN_ENTITY_VIEWS: Record<string, EntityCustomView> = {
         key: "__rebase_history",
         name: "History",
         tabComponent: React.createElement(HistoryIcon, { size: 20 }),
-        Builder: EntityHistoryView,
         position: "end"
     }
 };