rimecms 0.24.5 → 0.25.0

package/dist/panel/components/sections/collection/grid/grid-item/FolderEdit.svelte

@@ -0,0 +1,79 @@
+<script lang="ts">
+	import type { Directory } from '../../../../../../core/collections/upload/upload';
+	import type { BuiltCollectionClient } from '../../../../../../core/config/types';
+	import { withDirectoriesSuffix } from '../../../../../../core/naming';
+	import * as Dialog from '../../../../ui/dialog/index.js';
+	import { t__ } from '../../../../../../core/i18n';
+	import RenderFields from '../../../../../index.server.js/components/fields/RenderFields.svelte';
+	import Button from '../../../../../index.server.js/components/ui/button/button.svelte';
+	import { API_PROXY, setAPIProxyContext } from '../../../../../index.server.js/context/api-proxy.svelte';
+	import { getConfigContext } from '../../../../../index.server.js/context/config.svelte';
+	import {
+		setDocumentFormContext,
+		type FormSuccessData
+	} from '../../../../../index.server.js/context/documentForm.svelte';
+	import { getUserContext } from '../../../../../index.server.js/context/user.svelte';
+
+	type Props = {
+		open: boolean;
+		folder: Directory;
+		collection: BuiltCollectionClient;
+	};
+	let { folder, collection, open = $bindable() }: Props = $props();
+
+	const user = getUserContext();
+	const configCtx = getConfigContext();
+	const config = configCtx.getCollection(withDirectoriesSuffix(collection.slug));
+	setAPIProxyContext(API_PROXY.DOCUMENT);
+	let formElement = $state<HTMLFormElement>();
+
+	async function beforeRedirect(data?: FormSuccessData) {
+		open = false;
+		return false;
+	}
+
+	const form = setDocumentFormContext({
+		element: () => formElement,
+		initial: folder,
+		config,
+		readOnly: !config.access.update(user.attributes, { id: folder.id }),
+		key: folder._type,
+		beforeRedirect: beforeRedirect
+	});
+
+	function handleKeyDown(event: KeyboardEvent) {
+		if (!open) return;
+		if (!formElement) throw Error('formElement is not defined');
+		if ((event.ctrlKey || event.metaKey) && event.key === 's') {
+			event.preventDefault();
+			if (!form.canSubmit) return;
+			const saveButton = formElement.querySelector('button[data-submit]');
+			if (saveButton) {
+				formElement.requestSubmit(saveButton as HTMLButtonElement);
+			} else {
+				// Fallback to default submit if no specific button found
+				formElement.requestSubmit();
+			}
+		}
+	}
+</script>
+
+<svelte:window onkeydown={handleKeyDown} />
+
+<Dialog.Root bind:open>
+	<Dialog.Content>
+		{#snippet child({ props })}
+			<form use:form.enhance action={form.buildPanelActionUrl()} bind:this={formElement} {...props}>
+				<Dialog.Header>
+					{t__('common.rename_dialog_title', folder.name)}
+				</Dialog.Header>
+				<RenderFields {form} fields={config.fields} />
+
+				<Dialog.Footer --rz-justify-content="space-between">
+					<Button data-submit disabled={!form.canSubmit} type="submit">{t__('common.save')}</Button>
+					<Button onclick={() => (open = false)} variant="secondary">{t__('common.cancel')}</Button>
+				</Dialog.Footer>
+			</form>
+		{/snippet}
+	</Dialog.Content>
+</Dialog.Root>

package/dist/panel/components/sections/collection/grid/grid-item/FolderEdit.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Directory } from '../../../../../../core/collections/upload/upload';
+import type { BuiltCollectionClient } from '../../../../../../core/config/types';
+type Props = {
+    open: boolean;
+    folder: Directory;
+    collection: BuiltCollectionClient;
+};
+declare const FolderEdit: import("svelte").Component<Props, {}, "open">;
+type FolderEdit = ReturnType<typeof FolderEdit>;
+export default FolderEdit;

package/dist/panel/components/sections/collection/grid/grid-item/FolderWithActions.svelte

@@ -1,72 +1,50 @@
 <script lang="ts">
 	import { goto, invalidateAll } from '$app/navigation';
 	import { apiUrl } from '../../../../../../core/api/index.js';
-	import { directoryInput } from '../../../../../../core/collections/upload/directory-input-config.js';
 	import type { Directory } from '../../../../../../core/collections/upload/upload.js';
-	import type { UploadPath } from '../../../../../../core/collections/upload/util/path.js';
 	import type { BuiltCollectionClient } from '../../../../../../core/config/types.js';
 	import { PARAMS } from '../../../../../../core/constant.js';
 	import { withDirectoriesSuffix } from '../../../../../../core/naming.js';
 	import type { GenericDoc } from '../../../../../../core/types/doc.js';
-	import Input from '../../../../../../fields/text/component/Text.svelte';
 	import Button from '../../../../ui/button/button.svelte';
 	import ContextMenu from '../../../../ui/context-menu/ContextMenu.svelte';
 	import ContextMenuItem from '../../../../ui/context-menu/ContextMenuItem.svelte';
 	import * as Dialog from '../../../../ui/dialog/index.js';
 	import { API_PROXY, getAPIProxyContext } from '../../../../../context/api-proxy.svelte.js';
-	import { setFormContext } from '../../../../../context/form.svelte.js';
 	import { panelUrl } from '../../../../../util/url.js';
 	import { trycatchFetch } from '../../../../../../util/function.js';
 	import { toast } from 'svelte-sonner';
 	import { t__ } from '../../../../../../core/i18n/index.js';
 	import Folder from './Folder.svelte';
+	import FolderEdit from './FolderEdit.svelte';
 
 	type Props = {
 		folder: Directory;
 		collection: BuiltCollectionClient;
 		onDelete?: (path: string) => void;
-		onRename?: (oldPath: UploadPath, newPath: UploadPath) => void;
 		onDocumentDrop: (args: { documentId: string; path: string }) => void;
 		draggable?: 'true';
 	};
-	const { folder, collection, onDelete, onRename, onDocumentDrop, draggable }: Props = $props();
+	const { folder, collection, onDelete, onDocumentDrop, draggable }: Props = $props();
 
 	let deleteConfirmOpen = $state(false);
-	let renameDialogOpen = $state(false);
+	let editFolderDialogOpen = $state(false);
 	let message = $state('');
 	let rootElement = $state<HTMLButtonElement>();
 	let isDragging = $state(false);
 	const isRoot = $derived(folder.name === '...');
 	const APIProxy = getAPIProxyContext(API_PROXY.ROOT);
-	const childFilesURL = $derived(`${apiUrl(collection.kebab)}?where[_path][equals]=${folder.id}&select=id`);
+	const childFilesURL = $derived(
+		`${apiUrl(collection.kebab)}?where[_path][equals]=${folder.id}&select=id`
+	);
 	const childFiles = $derived(APIProxy.getRessource<{ docs: GenericDoc[] }>(childFilesURL));
 	const childFilesCount = $derived(childFiles.data?.docs?.length || 0);
 	const baseFolderApiURL = $derived(`${apiUrl(withDirectoriesSuffix(collection.kebab))}`);
-	const childFoldersURL = $derived(`${baseFolderApiURL}?where[parent][equals]=${folder.id}&select=id`);
+	const childFoldersURL = $derived(
+		`${baseFolderApiURL}?where[parent][equals]=${folder.id}&select=id`
+	);
 	const childFolders = $derived(APIProxy.getRessource<{ docs: GenericDoc[] }>(childFoldersURL));
 	const childFoldersCount = $derived(childFolders.data?.docs?.length || 0);
-	const renameFolderForm = setFormContext({ name: '' }, 'rename-folder');
-
-	const renameField = renameFolderForm.useField('name', directoryInput);
-
-	async function handleRename() {
-		const renameURL = `${baseFolderApiURL}/${folder.id}`;
-		const newPath = `${folder.parent}:${renameField.value}` as UploadPath;
-		const [error] = await trycatchFetch(renameURL, {
-			method: 'PATCH',
-			body: JSON.stringify({
-				id: newPath
-			})
-		});
-		if (error) {
-			return toast.error('Error renaming folder');
-		}
-		toast.success(t__('rename_success'));
-		renameDialogOpen = false;
-		if (onRename) {
-			onRename(folder.id, newPath);
-		}
-	}
 
 	async function handleGetDeleteInfos() {
 		message = t__(
@@ -184,7 +162,7 @@
 			<!--  -->
 			{#snippet content()}
 				<ContextMenuItem onclick={handleGetDeleteInfos}>Delete</ContextMenuItem>
-				<ContextMenuItem onclick={() => (renameDialogOpen = true)}>Rename</ContextMenuItem>
+				<ContextMenuItem onclick={() => (editFolderDialogOpen = true)}>Edit</ContextMenuItem>
 			{/snippet}
 			<!--  -->
 		</ContextMenu>
@@ -208,18 +186,7 @@
 	</Dialog.Content>
 </Dialog.Root>
 
-<Dialog.Root bind:open={renameDialogOpen}>
-	<Dialog.Content>
-		<Dialog.Header>
-			{t__('common.rename_dialog_title', folder.name)}
-		</Dialog.Header>
-		<Input form={renameFolderForm} config={directoryInput} />
-		<Dialog.Footer --rz-justify-content="space-between">
-			<Button disabled={!renameFolderForm.canSubmit} onclick={handleRename}>Rename</Button>
-			<Button onclick={() => (renameDialogOpen = false)} variant="secondary">Cancel</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
-</Dialog.Root>
+<FolderEdit bind:open={editFolderDialogOpen} {folder} {collection} />
 
 <style>
 	:root {

package/dist/panel/components/sections/collection/grid/grid-item/FolderWithActions.svelte.d.ts

@@ -1,11 +1,9 @@
 import type { Directory } from '../../../../../../core/collections/upload/upload.js';
-import type { UploadPath } from '../../../../../../core/collections/upload/util/path.js';
 import type { BuiltCollectionClient } from '../../../../../../core/config/types.js';
 type Props = {
     folder: Directory;
     collection: BuiltCollectionClient;
     onDelete?: (path: string) => void;
-    onRename?: (oldPath: UploadPath, newPath: UploadPath) => void;
     onDocumentDrop: (args: {
         documentId: string;
         path: string;

package/dist/panel/components/sections/collection/header/Header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { type CollectionContext } from '../../../../context/collection.svelte.js';
 	import { getContext } from 'svelte';
-	import CreateUploadFolder from './CreateUploadFolder.svelte';
+	import CreateUploadFolder from './create-folder/CreateFolder.svelte';
 	import DisplayMode from './DisplayMode.svelte';
 	import SelectUI from './SelectUI.svelte';
 	import Separator from './Separator.svelte';

package/dist/panel/components/sections/collection/header/create-folder/CreateFolder.svelte

@@ -0,0 +1,90 @@
+<script lang="ts">
+	import { invalidateAll } from '$app/navigation';
+	import { t__ } from '../../../../../../core/i18n/index.js';
+	import { withDirectoriesSuffix } from '../../../../../../core/naming';
+	import Button from '../../../../ui/button/button.svelte';
+	import * as Dialog from '../../../../ui/dialog/index.js';
+	import type { CollectionContext } from '../../../../../context/collection.svelte.js';
+	import { FolderPlus } from '@lucide/svelte';
+	import RenderFields from '../../../../../index.server.js/components/fields/RenderFields.svelte';
+	import { API_PROXY, setAPIProxyContext } from '../../../../../index.server.js/context/api-proxy.svelte';
+	import { getConfigContext } from '../../../../../index.server.js/context/config.svelte';
+	import {
+		setDocumentFormContext,
+		type FormSuccessData
+	} from '../../../../../index.server.js/context/documentForm.svelte';
+
+	type Props = { collection: CollectionContext };
+	const { collection }: Props = $props();
+
+	const configCtx = getConfigContext();
+	const directoriesConfig = configCtx.getCollection(withDirectoriesSuffix(collection.config.slug));
+	let open = $state(false);
+	setAPIProxyContext(API_PROXY.DOCUMENT);
+	let formElement = $state<HTMLFormElement>();
+
+	async function beforeRedirect(data?: FormSuccessData) {
+		open = false;
+		invalidateAll();
+		return false;
+	}
+
+	const form = setDocumentFormContext({
+		element: () => formElement,
+		initial: {
+			parent: collection.upload.currentPath
+		},
+		readOnly: false,
+		config: directoriesConfig,
+		key: withDirectoriesSuffix(collection.config.slug),
+		beforeRedirect: beforeRedirect
+	});
+
+	function handleKeyDown(event: KeyboardEvent) {
+		if (!open) return;
+		if (!formElement) throw Error('formElement is not defined');
+		if ((event.ctrlKey || event.metaKey) && event.key === 's') {
+			event.preventDefault();
+			if (!form.canSubmit) return;
+			const saveButton = formElement.querySelector('button[data-submit]');
+			if (saveButton) {
+				formElement.requestSubmit(saveButton as HTMLButtonElement);
+			} else {
+				// Fallback to default submit if no specific button found
+				formElement.requestSubmit();
+			}
+		}
+	}
+</script>
+
+<svelte:window onkeydown={handleKeyDown} />
+
+<Dialog.Root bind:open>
+	<Dialog.Trigger>
+		{#snippet child(props)}
+			<Button
+				disabled={collection.selectMode}
+				onclick={() => (open = true)}
+				size="icon-sm"
+				variant="ghost"
+				{...props}
+			>
+				<FolderPlus size={17} />
+			</Button>
+		{/snippet}
+	</Dialog.Trigger>
+	<Dialog.Content class="rz-status-dialog">
+		{#snippet child({ props })}
+			<form use:form.enhance action={form.buildPanelActionUrl()} bind:this={formElement} {...props}>
+				<Dialog.Header>{t__('common.create_folder')}</Dialog.Header>
+				<RenderFields {form} fields={directoriesConfig.fields} />
+				<Dialog.Footer --rz-justify-content="space-between">
+					<Button data-submit disabled={!form.canSubmit} type="submit">
+						{t__('common.create')}
+					</Button>
+					<Button variant="secondary" onclick={() => (open = false)}>Cancel</Button>
+				</Dialog.Footer>
+			</form>
+		{/snippet}
+	</Dialog.Content>
+</Dialog.Root>

package/dist/panel/components/sections/collection/header/create-folder/CreateFolder.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { CollectionContext } from '../../../../../context/collection.svelte.js';
+type Props = {
+    collection: CollectionContext;
+};
+declare const CreateFolder: import("svelte").Component<Props, {}, "">;
+type CreateFolder = ReturnType<typeof CreateFolder>;
+export default CreateFolder;

package/dist/panel/components/sections/collection/tree/CollectionTree.svelte

@@ -27,8 +27,8 @@
 		onEnd: function (evt) {
 			const { newIndex, oldIndex } = evt;
 
-			//@ts-expect-error annoying
 			const fromParentId =
+				//@ts-expect-error annoying
 				evt.item.getAttribute('data-parent') || evt.item.__attributes?.['data-parent'];
 			//@ts-expect-error annoying
 			const toParentId = evt.to.getAttribute('data-id') || evt.to.__attributes?.['data-id'];

package/dist/panel/components/sections/document/AuthFooter.svelte

@@ -25,6 +25,7 @@
 	});
 
 	async function sendPasswordResetLink() {
+		// @ts-expect-error better-auth type issue to resolve
 		const { data, error } = await authClient.forgetPassword({
 			email: form.values.email,
 			redirectTo: `/reset-password?slug=staff`
@@ -37,7 +38,10 @@
 		}
 	}
 
-	const passwordConfig = text('password').placeholder(t__('fields.password')).required().validate(validate.password);
+	const passwordConfig = text('password')
+		.placeholder(t__('fields.password'))
+		.required()
+		.validate(validate.password);
 	const Text = text('mock').component;
 
 	const confirmPasswordConfig = text('confirmPassword')
@@ -59,7 +63,12 @@
 		{#if operation === 'create'}
 			{#if isAuthConfig(collection) && collection.auth.type === 'password'}
 				<Text {form} type="password" config={passwordConfig.compile()} path="password" />
-				<Text {form} type="password" config={confirmPasswordConfig.compile()} path="confirmPassword" />
+				<Text
+					{form}
+					type="password"
+					config={confirmPasswordConfig.compile()}
+					path="confirmPassword"
+				/>
 			{/if}
 		{:else if user.attributes.roles.includes('admin') && page.data?.hasMailer}
 			{#if isAuthConfig(collection) && collection.auth.type === 'password'}

package/dist/panel/components/sections/document/Settings.svelte

@@ -21,7 +21,9 @@
 	let deleteConfirmOpen = $state(false);
 	let dupplicateConfirmOpen = $state(false);
 	const isCollection = $derived(form.config.type === 'collection');
-	const allowDuplicate = $derived(form.config.type === 'collection' && !form.config.auth && !form.config.upload);
+	const allowDuplicate = $derived(
+		form.config.type === 'collection' && !form.config.auth && !form.config.upload
+	);
 	const locale = getLocaleContext();
 
 	function handleNewDraft() {
@@ -42,7 +44,9 @@
 	const isVersionPage = $derived(page.url.pathname.includes('/versions'));
 
 	function handleViewVersion() {
-		const basUrl = isCollection ? panelUrl(form.config.kebab, form.values.id) : panelUrl(form.config.kebab);
+		const basUrl = isCollection
+			? panelUrl(form.config.kebab, form.values.id)
+			: panelUrl(form.config.kebab);
 		return goto(`${basUrl}/versions?${PARAMS.VERSION_ID}=${form.values.versionId}`);
 	}
 

package/dist/panel/components/ui/dialog/dialog-content.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import {
+		Dialog as DialogPrimitive,
+		type DialogContentSnippetProps,
+		type WithoutChildrenOrChild
+	} from 'bits-ui';
 	import type { Snippet } from 'svelte';
-	import * as Dialog from './index.js';
 	import './dialog-content.css';
+	import * as Dialog from './index.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,14 +15,25 @@
 		children,
 		...restProps
 	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-		children: Snippet;
-		size?: 'sm' | 'default' | 'lg'
+		children?: Snippet;
+		child?: Snippet<
+			[
+				DialogContentSnippetProps & {
+					props: Record<string, unknown>;
+				}
+			]
+		>;
+		size?: 'sm' | 'default' | 'lg';
 	} = $props();
 </script>
 
 <Dialog.Portal>
 	<Dialog.Overlay />
-	<DialogPrimitive.Content bind:ref class="rz-dialog-content rz-dialog-content--{size} {className}" {...restProps}>
+	<DialogPrimitive.Content
+		bind:ref
+		class="rz-dialog-content rz-dialog-content--{size} {className}"
+		{...restProps}
+	>
 		{@render children?.()}
 	</DialogPrimitive.Content>
 </Dialog.Portal>

package/dist/panel/components/ui/dialog/dialog-content.svelte.d.ts

@@ -1,8 +1,13 @@
-import { Dialog as DialogPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+import { Dialog as DialogPrimitive, type DialogContentSnippetProps, type WithoutChildrenOrChild } from 'bits-ui';
 import type { Snippet } from 'svelte';
 import './dialog-content.css';
 type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-    children: Snippet;
+    children?: Snippet;
+    child?: Snippet<[
+        DialogContentSnippetProps & {
+            props: Record<string, unknown>;
+        }
+    ]>;
     size?: 'sm' | 'default' | 'lg';
 };
 declare const DialogContent: import("svelte").Component<$$ComponentProps, {}, "ref">;

package/dist/panel/context/collection.svelte.js

@@ -37,7 +37,9 @@ function createCollectionStore(args) {
     const hasVersions = $derived(!!config.versions);
     const hasDraft = $derived(config.versions && config.versions.draft);
     onMount(() => {
-        displayMode = localStorage.getItem(`collection.${config.slug}.display`) || DISPLAY_MODE.LIST;
+        displayMode =
+            localStorage.getItem(`collection.${config.slug}.display`) ||
+                DISPLAY_MODE.LIST;
         const localSortBy = localStorage.getItem(`collection.${config.slug}.sortBy`);
         sortingBy = localSortBy || 'updatedAt';
         const localSortOrder = localStorage.getItem(`collection.${config.slug}.sortOrder`);

package/dist/panel/context/documentForm.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { BuiltAreaClient, BuiltCollectionClient } from '../../core/config/types.js';
 import type { AreaSlug, GenericBlock, GenericDoc, TreeBlock } from '../../core/types/doc.js';
 import type { FormField, SimplerField } from '../../fields/types.js';
-import type { Dic } from '../../util/types.js';
-export declare function setDocumentFormContext<T extends GenericDoc>(args: Args<T>): {
+import type { Dic, WithOptional } from '../../util/types.js';
+export declare function setDocumentFormContext<T extends WithOptional<GenericDoc, 'id'>>(args: Args<T>): {
     key: string;
     setValue: (path: string, value: any) => void;
     getRawValue: <T_1>(path: string) => NonNullable<T_1> | null;
@@ -43,7 +43,11 @@ export declare function setDocumentFormContext<T extends GenericDoc>(args: Args<
     readonly element: HTMLFormElement;
     readonly canSubmit: boolean;
     readonly processing: boolean;
-    values: T;
+    values: T & {
+        _type: any;
+        _prototype: any;
+        title: any;
+    };
     readonly changes: Partial<GenericDoc>;
     readonly errors: {
         readonly length: number;
@@ -67,7 +71,7 @@ export declare function setDocumentFormContext<T extends GenericDoc>(args: Args<
     readonly isLive: boolean;
     setFocusedField(path: string): void;
 };
-export declare function getDocumentFormContext<T extends GenericDoc>(key?: string): {
+export declare function getDocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = GenericDoc>(key?: string): {
     key: string;
     setValue: (path: string, value: any) => void;
     getRawValue: <T_1>(path: string) => NonNullable<T_1> | null;
@@ -108,7 +112,11 @@ export declare function getDocumentFormContext<T extends GenericDoc>(key?: strin
     readonly element: HTMLFormElement;
     readonly canSubmit: boolean;
     readonly processing: boolean;
-    values: T;
+    values: T & {
+        _type: any;
+        _prototype: any;
+        title: any;
+    };
     readonly changes: Partial<GenericDoc>;
     readonly errors: {
         readonly length: number;
@@ -132,7 +140,7 @@ export declare function getDocumentFormContext<T extends GenericDoc>(key?: strin
     readonly isLive: boolean;
     setFocusedField(path: string): void;
 };
-export type DocumentFormContext<T extends GenericDoc = GenericDoc> = ReturnType<typeof setDocumentFormContext<T>>;
+export type DocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = GenericDoc> = ReturnType<typeof setDocumentFormContext<T>>;
 type AddBlock = (block: Omit<GenericBlock, 'id' | 'path'>) => void;
 type MoveBlock = (from: number, to: number) => void;
 export type FormSuccessData = {

package/dist/panel/context/documentForm.svelte.js

@@ -12,6 +12,7 @@ import { isObjectLiteral, omit } from '../../util/object.js';
 import cloneDeep from 'clone-deep';
 import { diff } from 'deep-object-diff';
 import { flatten } from 'flat';
+import { richTextJSONToText } from '../../fields/rich-text/client.js';
 import { getContext, setContext } from 'svelte';
 import { toast } from 'svelte-sonner';
 import { t__ } from '../../core/i18n/index.js';
@@ -23,16 +24,15 @@ import { getCollectionContext } from './collection.svelte.js';
 import { setErrorsContext } from './errors.svelte.js';
 import { getLocaleContext } from './locale.svelte.js';
 import { getUserContext } from './user.svelte.js';
-import { richTextJSONToText } from '../../fields/rich-text/client.js';
 function createDocumentFormState({ initial, element, config, readOnly, key, onNestedDocumentCreated, onDataChange, beforeSubmit, beforeRedirect, onFieldFocus }) {
     //
-    let intialDoc = $state(initial);
+    let initialDoc = $state(initial);
     let doc = $state(initial);
     const documentConfig = compileDocumentConfig(config);
-    const changes = $derived(diff(intialDoc, doc));
+    const changes = $derived(diff(initialDoc, doc));
     let isDisabled = $state(readOnly);
     let processing = $state(false);
-    const operation = $derived(doc.id ? 'update' : 'create');
+    const operation = doc.id ? 'update' : 'create';
     const user = getUserContext();
     const errors = setErrorsContext(key);
     const isCollection = documentConfig.type === 'collection';
@@ -65,7 +65,7 @@ function createDocumentFormState({ initial, element, config, readOnly, key, onNe
                 if (typeof value === 'string') {
                     return value;
                 }
-                return initialTitle || doc.id;
+                return initialTitle || doc.id || '[untitled]';
             }
             $effect(() => {
                 const rawTitle = getValueAtPath(documentConfig.asTitle, doc) || '[untitled]';
@@ -511,7 +511,7 @@ function createDocumentFormState({ initial, element, config, readOnly, key, onNe
             doc = (data?.document || doc);
             if (nestedLevel === 0) {
                 await invalidateAll();
-                intialDoc = doc;
+                initialDoc = doc;
             }
             else {
                 toast.success(t__('common.doc_created'));
@@ -578,6 +578,8 @@ function createDocumentFormState({ initial, element, config, readOnly, key, onNe
         };
     };
     const buildPanelActionUrl = () => {
+        console.log('@buildPanelActionUrl----');
+        console.log(operation);
         // Start with the base URI for the panel
         let panelUri = `/panel/${config.kebab}`;
         // Add the item ID to the URI if we're updating a collection doc
@@ -686,7 +688,13 @@ function createDocumentFormState({ initial, element, config, readOnly, key, onNe
 }
 const FORM_KEY = 'rime.form';
 export function setDocumentFormContext(args) {
-    const store = createDocumentFormState(args);
+    const initial = {
+        ...args.initial,
+        _type: args.initial._type || args.config.type,
+        _prototype: args.initial._prototype || args.config.slug,
+        title: args.initial.title || '[untitled]'
+    };
+    const store = createDocumentFormState({ ...args, initial });
     return setContext(`${FORM_KEY}.${args.key}`, store);
 }
 export function getDocumentFormContext(key = 'root') {

package/dist/panel/pages/auth/forgot-password/ForgotPassword.svelte

@@ -27,6 +27,7 @@
 	});
 
 	async function sendResetPasswordMail() {
+		// @ts-expect-error better-auth type issue to resolve
 		const { data, error } = await authClient.forgetPassword({
 			email: context.values.email,
 			redirectTo: `/reset-password`

package/dist/util/string.d.ts

@@ -15,6 +15,20 @@ export declare const capitalize: (str: string) => string;
  * toCamelCase("hello-world");
  */
 export declare const toCamelCase: (str: string) => string;
+/**
+ * Converts a string to camelCase while preserving a trailing _suffix if it exists.
+ *
+ * @example
+ * // Returns "helloWorld"
+ * toCamelCasePreserveTrailingUnderscoreSuffix("helloWorld");
+ *
+ * // Returns "helloWorld_directories"
+ * toCamelCasePreserveTrailingUnderscoreSuffix("hello-world_directories");
+ 
+* // Returns "helloWorld_"
+ * toCamelCasePreserveTrailingUnderscoreSuffix("hello-world");
+ */
+export declare const toCamelCasePreserveTrailingUnderscoreSuffix: (str: string) => string;
 export declare function toKebabCase(str: string): string;
 /**
  * Converts a string to PascalCase.

package/dist/util/string.js

@@ -18,6 +18,25 @@ export const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
  * toCamelCase("hello-world");
  */
 export const toCamelCase = (str) => camelCase(str);
+/**
+ * Converts a string to camelCase while preserving a trailing _suffix if it exists.
+ *
+ * @example
+ * // Returns "helloWorld"
+ * toCamelCasePreserveTrailingUnderscoreSuffix("helloWorld");
+ *
+ * // Returns "helloWorld_directories"
+ * toCamelCasePreserveTrailingUnderscoreSuffix("hello-world_directories");
+ 
+* // Returns "helloWorld_"
+ * toCamelCasePreserveTrailingUnderscoreSuffix("hello-world");
+ */
+export const toCamelCasePreserveTrailingUnderscoreSuffix = (str) => {
+    const suffixMatch = str.match(/(_[a-zA-Z]+)$/);
+    const suffix = suffixMatch ? suffixMatch[1] : '';
+    const baseString = suffix ? str.slice(0, -suffix.length) : str;
+    return camelCase(baseString) + suffix;
+};
 /**
  * Converts a string to kebab-case.
  * Source : https://github.com/angus-c/just/blob/master/packages/string-kebab-case

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "rimecms",
-	"version": "0.24.5",
+	"version": "0.25.0",
 	"homepage": "https://github.com/bienbiendev/rime",
 	"scripts": {
 		"dev": "vite dev",

package/dist/core/collections/upload/directory-input-config.d.ts

@@ -1,2 +0,0 @@
-import type { SimplerField, TextField } from '../../../fields/types.js';
-export declare const directoryInput: SimplerField<TextField>;