@rebasepro/admin 0.6.0 → 0.6.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/admin",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Rebase CMS — content management views, forms, and routing",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"
@@ -83,13 +83,13 @@
     "react-dropzone": "^15.0.0",
     "react-use-measure": "^2.1.7",
     "zod": "^4.4.3",
-    "@rebasepro/common": "0.6.0",
-    "@rebasepro/core": "0.6.0",
-    "@rebasepro/formex": "0.6.0",
-    "@rebasepro/schema-inference": "0.6.0",
-    "@rebasepro/types": "0.6.0",
-    "@rebasepro/ui": "0.6.0",
-    "@rebasepro/utils": "0.6.0"
+    "@rebasepro/core": "0.6.1",
+    "@rebasepro/formex": "0.6.1",
+    "@rebasepro/schema-inference": "0.6.1",
+    "@rebasepro/common": "0.6.1",
+    "@rebasepro/types": "0.6.1",
+    "@rebasepro/utils": "0.6.1",
+    "@rebasepro/ui": "0.6.1"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/src/collection_editor/ui/AddKanbanColumnAction.tsx

@@ -15,6 +15,7 @@ import {
     Dialog,
     DialogActions,
     DialogContent,
+    DialogTitle,
     IconButton,
     PlusIcon,
     TextField,
@@ -159,6 +160,7 @@ export function AddKanbanColumnAction({
             </div>
 
             <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+                <DialogTitle hidden>{t("studio_add_kanban_column_title")}</DialogTitle>
                 <DialogContent className="max-w-md">
                     <Typography variant="h6" className="mb-4">
                         {t("studio_add_kanban_column_title")}

package/src/components/ArrayContainer.tsx

@@ -402,13 +402,13 @@ export function ArrayContainer<T>({
         const newIds = [...internalIds];
         newIds.splice(index, 1);
         setInternalIds(newIds);
-        onValueChange(value.filter((_, i) => i !== index));
+        onValueChange((value ?? []).filter((_, i) => i !== index));
     };
 
     const copy = (index: number) => {
         if ((value ?? []).length >= max) return;
         const id = getRandomId();
-        const copyingItem = value[index];
+        const copyingItem = (value ?? [])[index];
         const newIds: number[] = [
             ...internalIds.slice(0, index + 1),
             id,
@@ -416,7 +416,7 @@ export function ArrayContainer<T>({
         ];
         if (onInternalIdAdded) onInternalIdAdded(id);
         setInternalIds(newIds);
-        onValueChange([...value.slice(0, index + 1), copyingItem, ...value.slice(index + 1)]);
+        onValueChange([...(value ?? []).slice(0, index + 1), copyingItem, ...(value ?? []).slice(index + 1)]);
     };
 
     const addInIndex = (index: number) => {
@@ -429,7 +429,7 @@ export function ArrayContainer<T>({
         ];
         if (onInternalIdAdded) onInternalIdAdded(id);
         setInternalIds(newIds);
-        onValueChange([...value.slice(0, index), newDefaultEntry, ...value.slice(index)]);
+        onValueChange([...(value ?? []).slice(0, index), newDefaultEntry, ...(value ?? []).slice(index)]);
     };
 
     const onDragEnd = (event: DragEndEvent) => {
@@ -444,7 +444,7 @@ export function ArrayContainer<T>({
         if (oldIndex === -1 || newIndex === -1) return;
         const newIds = arrayMove(internalIds, oldIndex, newIndex);
         setInternalIds(newIds);
-        onValueChange(arrayMove(value, oldIndex, newIndex));
+        onValueChange(arrayMove(value ?? [], oldIndex, newIndex));
     };
 
     return sortable ? (

package/src/components/DrawerNavigationItem.tsx

@@ -22,7 +22,7 @@ export function DrawerNavigationItem({
 }) {
 
     const iconWrap = <div
-        className={"shrink-0 flex items-center justify-center w-[44px] h-[30px] text-surface-500 dark:text-text-secondary-dark [&>svg]:size-4"}>
+        className={"shrink-0 flex items-center justify-center w-[44px] h-[30px] text-surface-500 dark:text-text-secondary-dark [&>svg]:size-4 group-hover/nav:text-primary transition-colors duration-150"}>
         {icon}
     </div>;
 
@@ -33,12 +33,12 @@ export function DrawerNavigationItem({
                 width: "100%",
                 transition: drawerOpen ? "width 150ms ease-in" : undefined
             }}
-            className={({ isActive }: { isActive: boolean }) => cls("rounded-md truncate",
-                "hover:bg-surface-100 dark:hover:bg-surface-800/60 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white",
+            className={({ isActive }: { isActive: boolean }) => cls("rounded-lg truncate group/nav",
+                "hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white",
                 "flex flex-row items-center",
                 drawerOpen ? "pr-4 h-[30px]" : "h-[30px]",
                 "font-medium text-[13px]",
-                isActive ? "bg-surface-900/[0.06] dark:bg-surface-800/50 text-surface-900 dark:text-white" : ""
+                isActive ? "bg-primary/8 dark:bg-primary/10 text-primary dark:text-primary [&_div]:text-primary" : ""
             )}
             to={url}
         >

package/src/components/EntityCollectionView/EntityCollectionBoardView.tsx

@@ -13,6 +13,7 @@ import {
     Dialog,
     DialogActions,
     DialogContent,
+    DialogTitle,
     getColorSchemeForSeed,
     IconButton,
     iconSize,
@@ -626,6 +627,7 @@ parentEntityIds,
 
             {/* Backfill dialog */}
             <Dialog open={showBackfillDialog} onOpenChange={setShowBackfillDialog}>
+                <DialogTitle hidden>{t("initialize_kanban_order")}</DialogTitle>
                 <DialogContent>
                     <Typography variant="h6" className="mb-4">{t("initialize_kanban_order")}</Typography>
                     <Typography variant="body2">

package/src/components/HomePage/NavigationCard.tsx

@@ -25,10 +25,8 @@ export const NavigationCard = React.memo(function NavigationCard({
     return (
         <Card
             className={cls(
-                "group h-full p-4 cursor-pointer transition-all duration-150 ease-in-out",
-                "border-surface-200 dark:border-surface-700/40",
-                "hover:shadow-md hover:shadow-black/[0.04]",
-                "hover:border-surface-300 dark:hover:border-primary/20",
+                "group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out",
+                "hover:bg-primary/5 dark:hover:bg-primary/5",
                 shrink && "w-full max-w-full min-h-0 scale-75"
             )}
             onClick={() => {
@@ -39,8 +37,8 @@ export const NavigationCard = React.memo(function NavigationCard({
             <div className="flex flex-col h-full">
                 {/* Header: title + icon left, actions right */}
                 <div className="flex items-center w-full justify-between mb-1">
-                    <div className="flex items-center gap-4">
-                        <div className="flex items-center justify-center w-6 h-6 rounded-lg bg-primary/8 dark:bg-primary/10 text-primary/70 dark:text-primary/60 transition-colors duration-200 group-hover:bg-primary/12 dark:group-hover:bg-primary/15 group-hover:text-primary dark:group-hover:text-primary/80">
+                    <div className="flex items-center gap-3">
+                        <div className="flex items-center justify-center w-5 h-5 text-surface-400 dark:text-surface-500 transition-colors duration-150 group-hover:text-primary dark:group-hover:text-primary">
                             {icon}
                         </div>
                         <Typography variant="subtitle1"
@@ -60,7 +58,7 @@ export const NavigationCard = React.memo(function NavigationCard({
                 </div>
 
                 {/* Description */}
-                <div className="grow pl-[40px]">
+                <div className="pl-8">
                     {description && <Typography variant="caption"
                         color="secondary"
                         component="div">
@@ -69,17 +67,13 @@ export const NavigationCard = React.memo(function NavigationCard({
                 </div>
 
                 {additionalContent && (
-                    <div className="pl-[40px] pointer-events-none">
+                    <div className="pl-8 pointer-events-none">
                         {additionalContent}
                     </div>
                 )}
 
-                {/* Arrow */}
-                <div className="self-end mt-1">
-                    <div className={"transition-transform duration-200 group-hover:translate-x-0.5"}>
-                        <ArrowRightIcon className="text-primary" size={iconSize.small}/>
-                    </div>
-                </div>
+                {/* Spacer pushes content above to align at the top across grid siblings */}
+                <div className="grow"/>
 
             </div>
 

package/src/components/HomePage/NavigationGroup.tsx

@@ -40,7 +40,7 @@ export function NavigationGroup({
                 color="secondary"
                 className={cls(
                     "px-4 py-1 rounded",
-                    "font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400"
+                    "font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70"
                 )}
             >
                 {currentGroupName}

package/src/components/HomePage/SmallNavigationCard.tsx

@@ -1,4 +1,4 @@
-import { ArrowRightIcon, cardClickableMixin, cardMixin, cls, Typography } from "@rebasepro/ui";
+import { cardClickableMixin, cardMixin, cls, Typography } from "@rebasepro/ui";
 
 import { Link } from "react-router-dom";
 
@@ -35,11 +35,7 @@ export function SmallNavigationCard({
                     </Typography>
                 </div>
 
-                <div className={"p-2"}>
-                    <ArrowRightIcon className="text-primary"/>
-                </div>
             </Link>
 
         </>);
 }
-

package/src/components/SelectableTable/filters/StringNumberFilterField.tsx

@@ -1,8 +1,15 @@
-
 import React, { useState } from "react";
 import { EnumValuesChip } from "../../../preview";
-import { VirtualTableWhereFilterOp } from "@rebasepro/ui";
-import { IconButton, MultiSelect, MultiSelectItem, Select, SelectItem, TextField, XIcon } from "@rebasepro/ui";
+import {
+    IconButton,
+    MultiSelect,
+    MultiSelectItem,
+    Select,
+    SelectItem,
+    TextField,
+    VirtualTableWhereFilterOp,
+    XIcon
+} from "@rebasepro/ui";
 import { EnumValueConfig } from "@rebasepro/types";
 import { useTranslation } from "@rebasepro/core";
 
@@ -33,14 +40,14 @@ const operationLabels = {
 const multipleSelectOperations = ["array-contains-any", "in", "not-in"];
 
 export function StringNumberFilterField({
-    name,
-    value,
-    setValue,
-    type,
-    isArray,
-    enumValues,
-    title
-}: StringNumberFilterFieldProps) {
+                                            name,
+                                            value,
+                                            setValue,
+                                            type,
+                                            isArray,
+                                            enumValues,
+                                            title
+                                        }: StringNumberFilterFieldProps) {
     const { t } = useTranslation();
 
     const possibleOperations: (keyof typeof operationLabels)[] = isArray
@@ -110,13 +117,13 @@ export function StringNumberFilterField({
         <div className="flex w-full">
             <div className={"w-[100px]"}>
                 <Select value={operation}
-                    size={"medium"}
-                    fullWidth={true}
-                    position={"item-aligned"}
-                    onValueChange={(value) => {
-                        updateFilter(value as VirtualTableWhereFilterOp | "is-null", internalValue);
-                    }}
-                    renderValue={(op) => operationLabels[op as keyof typeof operationLabels]}>
+                        size={"medium"}
+                        fullWidth={true}
+                        position={"item-aligned"}
+                        onValueChange={(value) => {
+                            updateFilter(value as VirtualTableWhereFilterOp | "is-null", internalValue);
+                        }}
+                        renderValue={(op) => operationLabels[op as keyof typeof operationLabels]}>
                     {possibleOperations.map((op) => (
                         <SelectItem key={op} value={op}>
                             {operationLabels[op]}
@@ -174,7 +181,7 @@ export function StringNumberFilterField({
                         }}>
                         {enumValues.map((enumConfig) => (
                             <SelectItem key={`select_item_${name}_${enumConfig.id}`}
-                                value={String(enumConfig.id)}>
+                                        value={String(enumConfig.id)}>
                                 <EnumValuesChip
                                     enumKey={String(enumConfig.id)}
                                     enumValues={enumValues}
@@ -191,7 +198,7 @@ export function StringNumberFilterField({
                         value={Array.isArray(internalValue) ? internalValue.map(e => String(e)) : []}
                         disabled={isNullOperation}
                         onValueChange={(value) => {
-                            updateFilter(operation, type === "number" ? value.map(v => parseInt(v)) : value)
+                            updateFilter(operation, type === "number" ? (value ?? []).map(v => parseInt(v)) : value)
                         }}
                         multiple={multiple}
                         endAdornment={internalValue && <IconButton
@@ -202,7 +209,7 @@ export function StringNumberFilterField({
                     >
                         {enumValues.map((enumConfig) => (
                             <MultiSelectItem key={`select_value_${name}_${enumConfig.id}`}
-                                value={String(enumConfig.id)}>
+                                             value={String(enumConfig.id)}>
                                 <EnumValuesChip
                                     enumKey={String(enumConfig.id)}
                                     enumValues={enumValues}

package/src/components/common/default_entity_actions.tsx

@@ -125,7 +125,8 @@ export const deleteEntityAction: EntityAction = {
         context,
         selectionController,
         onCollectionChange,
-        navigateBack
+        navigateBack,
+        openEntityMode
     }): Promise<void> {
         if (!entity) {
             throw new Error("INTERNAL: deleteEntityAction: Entity is undefined");
@@ -150,7 +151,14 @@ export const deleteEntityAction: EntityAction = {
                         });
                         selectionController?.setSelectedEntities(selectionController.selectedEntities.filter(e => e.id !== entity.id));
                         onCollectionChange?.();
-                        navigateBack?.();
+                        // In full-screen mode, navigateBack would go to the deleted entity's
+                        // detail URL, which no longer exists. Navigate to the parent collection instead.
+                        if (openEntityMode === "full_screen" && context.urlController) {
+                            const collectionUrl = context.urlController.buildUrlCollectionPath(path);
+                            context.urlController.navigate(collectionUrl, { replace: true });
+                        } else {
+                            navigateBack?.();
+                        }
                     }}
                     onClose={closeDialog}/>;
             }

package/src/editor/editor.tsx

@@ -25,22 +25,26 @@ export interface MarkdownEditorConfig {
   transformPastedText?: boolean;
 }
 
-export type RebaseEditorTextSize = "sm" | "base" | "lg";
+export type RichTextEditorTextSize = "sm" | "base" | "lg";
+/** @deprecated Use `RichTextEditorTextSize` instead. */
+export type RebaseEditorTextSize = RichTextEditorTextSize;
 
-export type RebaseEditorProps = {
+export type RichTextEditorProps = {
   content?: JSONContent | string,
   onMarkdownContentChange?: (content: string) => void,
   onJsonContentChange?: (content: JSONContent | null) => void,
   onHtmlContentChange?: (content: string) => void,
   handleImageUpload: (file: File) => Promise<string>,
   version?: number,
-  textSize?: RebaseEditorTextSize,
+  textSize?: RichTextEditorTextSize,
   highlight?: { from: number, to: number },
   aiController?: EditorAIController,
   customComponents?: CustomEditorComponent[];
   disabled?: boolean;
   markdownConfig?: MarkdownEditorConfig;
 };
+/** @deprecated Use `RichTextEditorProps` instead. */
+export type RebaseEditorProps = RichTextEditorProps;
 
 const proseClasses = {
   "sm": "prose-sm",
@@ -48,7 +52,7 @@ const proseClasses = {
   "lg": "prose-lg"
 }
 
-export const RebaseEditor = ({
+export const RichTextEditor = ({
   content,
   onJsonContentChange,
   onHtmlContentChange,
@@ -60,7 +64,8 @@ export const RebaseEditor = ({
   aiController,
   disabled,
   markdownConfig
-}: RebaseEditorProps) => {
+}: RichTextEditorProps) => {
+
   const { t } = useTranslation();
 
   const [openNode, setOpenNode] = useState(false);
@@ -134,7 +139,7 @@ onJsonContentChange };
         const markdown = serializer.serialize(currentState.doc);
         onMarkdownContentChange(markdown);
       } catch (e) {
-        console.warn("[RebaseEditor] Could not serialize editor state to markdown:", e);
+        console.warn("[RichTextEditor] Could not serialize editor state to markdown:", e);
       }
     }
     if (onJsonContentChange) {
@@ -168,7 +173,7 @@ onJsonContentChange };
         view.dispatch(tr);
       }
     } catch (e) {
-      console.warn("[RebaseEditor] Could not reset editor content:", e);
+      console.warn("[RichTextEditor] Could not reset editor content:", e);
     }
     // Also reset raw-markdown textarea if the user is in source mode
     if (isMarkdownMode) {
@@ -319,7 +324,8 @@ view }), [state, view])}>
     </div>
   );
 };
-
+/** @deprecated Use `RichTextEditor` instead. */
+export const RebaseEditor = RichTextEditor;
 
 const cssStyles = `
 .ProseMirror {

package/src/form/field_bindings/MarkdownEditorFieldBinding.tsx

@@ -13,13 +13,13 @@ import {
     Skeleton,
     XIcon
 } from "@rebasepro/ui";
-import type { RebaseEditorProps } from "../../editor";
+import type { RichTextEditorProps } from "../../editor";
 import { resolveStorageFilenameString, resolveStoragePathString } from "@rebasepro/common";
 import { randomString } from "@rebasepro/utils";
 
 // Lazy-load ProseMirror editor + markdown parser/serializer (~300KB)
 // Only fetched when a markdown field is actually rendered.
-const RebaseEditor = lazy(() => import("../../editor").then(m => ({ default: m.RebaseEditor })));
+const RichTextEditor = lazy(() => import("../../editor").then(m => ({ default: m.RichTextEditor })));
 const loadMarkdownUtils = () => import("../../editor/markdown");
 let _markdownUtils: Awaited<ReturnType<typeof loadMarkdownUtils>> | null = null;
 const getMarkdownUtils = async () => {
@@ -29,7 +29,7 @@ const getMarkdownUtils = async () => {
 
 interface MarkdownEditorFieldProps {
     highlight?: { from: number, to: number };
-    editorProps?: Partial<RebaseEditorProps>
+    editorProps?: Partial<RichTextEditorProps>
 }
 
 /**
@@ -173,7 +173,7 @@ export function MarkdownEditorFieldBinding({
     }, [entityId, entityValues, path, property, propertyKey, storage]);
 
     const editor = <Suspense fallback={<Skeleton height={200} className="w-full rounded-md"/>}>
-        <RebaseEditor
+        <RichTextEditor
         content={value}
         onMarkdownContentChange={onContentChange}
         version={context.formex.version + fieldVersion}

package/src/form/field_bindings/StorageUploadFieldBinding.tsx

@@ -481,7 +481,7 @@ export function StorageUpload({
                 onDragStart={handleDragStart}
                 onDragEnd={handleDragEnd}
             >
-                <SortableContext items={value.map(v => v.id)} strategy={horizontalListSortingStrategy}>
+                <SortableContext items={(value ?? []).map(v => v.id)} strategy={horizontalListSortingStrategy}>
                     <FileDropComponent {...fileDropProps}/>
                 </SortableContext>
             </DndContext>

package/src/index.ts

@@ -1,8 +1,8 @@
 // CMS-specific types take priority over base types when names conflict
 export * from "./types";
-// Editor types only — the full ProseMirror editor is a heavy import (~300 KB)
+// Editor types only — the full ProseMirror editor (RichTextEditor) is a heavy import (~300 KB)
 // and is available as a separate entry point: @rebasepro/admin/editor
-export type { RebaseEditorProps, JSONContent, EditorAIController } from "./editor";
+export type { RichTextEditorProps, RichTextEditorTextSize, RebaseEditorProps, RebaseEditorTextSize, JSONContent, EditorAIController } from "./editor";
 export * from "./form";
 export * from "./preview";
 export * from "./routes";