rimecms 0.25.0 → 0.25.2

package/dist/core/config/shared/upload-directories.d.ts

@@ -1,9 +1,5 @@
 import type { WithUpload } from '../../collections/upload/util/config.js';
 import type { BuiltCollection } from '../types.js';
-/**
- * Creates an upload directories collection for collections with upload enabled
- * Eg. for medias this will create a collection medias_directories
- */
 /**
  * Creates an upload directories collection for collections with upload enabled
  * Eg. for medias this will create a collection medias_directories

package/dist/core/config/shared/upload-directories.js

@@ -2,76 +2,6 @@ import { validatePath } from '../../collections/upload/util/path.js';
 import { withDirectoriesSuffix } from '../../naming.js';
 import { date } from '../../../fields/date/index.js';
 import { text } from '../../../fields/text/index.js';
-/**
- * Creates an upload directories collection for collections with upload enabled
- * Eg. for medias this will create a collection medias_directories
- */
-// export function makeUploadDirectoriesCollections<C extends Config>(config: C) {
-// 	for (const collection of config.collections || []) {
-// 		if (collection.upload) {
-// 			const slug = withDirectoriesSuffix(collection.slug);
-// 			// If already created skip to the next colleciton
-// 			// for exemple a versions collections of an upload
-// 			// collection should not have a directories related table
-// 			if ((config.collections || []).filter((c) => c.slug === slug).length) continue;
-// 			const directoriesConfig = collection.upload.directories;
-// 			// else create the directory collection
-// 			let directoriesCollection: BuiltCollection = {
-// 				slug: slug as CollectionSlug,
-// 				kebab: withDirectoriesSuffix(toKebabCase(collection.slug)),
-// 				versions: undefined,
-// 				access: {
-// 					read: directoriesConfig?.access?.read || collection.access.read,
-// 					create: directoriesConfig?.access?.create || collection.access.create,
-// 					update: directoriesConfig?.access?.update || collection.access.update,
-// 					delete: directoriesConfig?.access?.delete || collection.access.delete
-// 				},
-// 				fields: [
-// 					text('id').validate(validatePath).unique().required().hidden(),
-// 					text('name').validate((value) => {
-// 						const pattern = /^[a-zA-Z0-9-_ ]+$/;
-// 						if (typeof value !== 'string' || !pattern.test(value)) {
-// 							return 'Incorrect folder name';
-// 						}
-// 						return true;
-// 					}),
-// 					text('parent').hidden(),
-// 					...(directoriesConfig?.fields || []),
-// 					date('createdAt').hidden(),
-// 					date('updatedAt').hidden()
-// 				],
-// 				type: 'collection',
-// 				label: {
-// 					singular: `${collection.slug} directory`,
-// 					plural: `${collection.slug} directories`
-// 				},
-// 				icon: collection.icon,
-// 				$hooks: {
-// 					beforeOperation: directoriesConfig?.$hooks?.beforeOperation || [],
-// 					beforeCreate: [exctractPath, ...(directoriesConfig?.$hooks?.beforeCreate || [])],
-// 					beforeRead: directoriesConfig?.$hooks?.beforeRead || [],
-// 					beforeUpdate: [
-// 						exctractPath,
-// 						prepareDirectoryChildren,
-// 						...(directoriesConfig?.$hooks?.beforeUpdate || [])
-// 					],
-// 					beforeDelete: directoriesConfig?.$hooks?.beforeDelete || [],
-// 					afterCreate: directoriesConfig?.$hooks?.afterCreate || [],
-// 					afterUpdate: [updateDirectoryChildren, ...(directoriesConfig?.$hooks?.afterUpdate || [])],
-// 					afterDelete: directoriesConfig?.$hooks?.afterDelete || []
-// 				},
-// 				asTitle: 'path',
-// 				asThumbnail: collection.asThumbnail,
-// 				panel: false
-// 				// _generateTypes: false,
-// 				// _generateSchema: false
-// 			};
-// 			directoriesCollection = augmentHooks(directoriesCollection);
-// 			config.collections = [...(config.collections || []), directoriesCollection];
-// 		}
-// 	}
-// 	return config;
-// }
 /**
  * Creates an upload directories collection for collections with upload enabled
  * Eg. for medias this will create a collection medias_directories
@@ -79,8 +9,6 @@ import { text } from '../../../fields/text/index.js';
 export function makeUploadDirectoriesCollectionClient(collection) {
     const slug = withDirectoriesSuffix(collection.slug);
     const directoriesConfig = collection.upload.directories;
-    console.log(collection.upload);
-    console.log(directoriesConfig?.fields);
     // else create the directory collection
     let directoriesCollection = {
         slug: slug,

package/dist/core/operations/hooks/before-read/set-document-title.server.js

@@ -1,5 +1,5 @@
+import { richTextJSONToText } from '../../../../fields/rich-text/index.js';
 import { getValueAtPath, isObjectLiteral } from '../../../../util/object.js';
-import { richTextJSONToText } from '../../../../fields/rich-text/client.js';
 import { Hooks } from '../index.server.js';
 export const setDocumentTitle = Hooks.beforeRead(async (args) => {
     const config = args.config;

package/dist/fields/blocks/component/Block.svelte

@@ -2,7 +2,7 @@
 	import type { GenericBlock } from '../../../core/types/doc.js';
 	import type { BlocksFieldBlock } from '../../types';
 	import RenderFields from '../../../panel/components/fields/RenderFields.svelte';
-	import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+	import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 	import { useOnce } from '../../../panel/util/once.svelte.js';
 	import { capitalize } from '../../../util/string.js';
 	import { GripVertical, ToyBrick } from '@lucide/svelte';

package/dist/fields/blocks/component/Block.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { BlocksFieldBlock } from '../../types';
-import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 type Props = {
     config: BlocksFieldBlock;
     path: string;

package/dist/fields/blocks/component/props.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { BlocksField } from '../index.js';
 export type BlocksProps = {
     path: string;

package/dist/fields/combobox/component/props.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { ComboBoxField } from '../index.js';
 export type ComboBoxProps = {
     path: string;

package/dist/fields/date/component/Date.svelte

@@ -4,7 +4,7 @@
 	import { Button } from '../../../panel/components/ui/button/index.js';
 	import { Calendar } from '../../../panel/components/ui/calendar/index.js';
 	import * as Dialog from '../../../panel/components/ui/dialog/index.js';
-	import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+	import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 	import { getLocaleContext } from '../../../panel/context/locale.svelte';
 	import { CalendarDate, getLocalTimeZone, type DateValue } from '@internationalized/date';
 	import { Calendar as CalendarIcon } from '@lucide/svelte';
@@ -48,7 +48,7 @@
 </script>
 
 <fieldset class="rz-date-field {config.className || ''}" use:root={field}>
-	<Field.Label {config} for={path || config.name} />
+	<Field.Label {config} for={path || config.name} />
 
 	<Button
 		id="foo"
@@ -65,7 +65,12 @@
 
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Content size="sm" class="rz-date__dialog-content">
-			<Calendar type="single" value={calendarDate} onValueChange={handleCalendarChange} initialFocus />
+			<Calendar
+				type="single"
+				value={calendarDate}
+				onValueChange={handleCalendarChange}
+				initialFocus
+			/>
 		</Dialog.Content>
 	</Dialog.Root>
 	<Field.Hint {config} />
@@ -77,7 +82,6 @@
 		.rz-dialog-content.rz-date__dialog-content {
 			width: 100px;
 			padding: 12rem;
-			
 		}
 		.rz-date__button.rz-button {
 			width: 200px;

package/dist/fields/date/component/Date.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { DateField } from '../index.js';
 type Props = {
     path: string;

package/dist/fields/email/component/props.d.ts

@@ -1,5 +1,5 @@
 import type { SimplerField } from '../../types.js';
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { FormContext } from '../../../panel/context/form.svelte.js';
 import type { EmailField } from '../index.js';
 export interface EmailFieldProps {

package/dist/fields/group/component/Group.svelte

@@ -8,7 +8,7 @@
 	import FieldsPreviewTrigger from '../../../panel/components/fields/FieldsPreviewTrigger.svelte';
 	import RenderFields from '../../../panel/components/fields/RenderFields.svelte';
 	import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-	import { getUserContext } from '../../../panel/context/user.svelte';
+	import { getUserContext } from '../../../panel/context/user.svelte.js';
 	import { ChevronDown, FolderClosed, FolderOpen } from '@lucide/svelte';
 	import { onMount } from 'svelte';
 

package/dist/fields/link/component/RessourceInput.svelte

@@ -4,7 +4,7 @@
 	import type { GenericDoc } from '../../../core/types/doc.js';
 	import * as Command from '../../../panel/components/ui/command/index.js';
 	import Tag from '../../../panel/components/ui/tag/tag.svelte';
-	import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte';
+	import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
 	import type { PrototypeSlug } from '../../../types';
 	import { toKebabCase } from '../../../util/string';
 

package/dist/fields/relation/component/Relation.svelte

@@ -5,12 +5,11 @@
 	import { Field } from '../../../panel/components/fields/index.js';
 	import { root } from '../../../panel/components/fields/root.svelte.js';
 	import { getCollectionContext } from '../../../panel/context/collection.svelte.js';
-	import { getConfigContext } from '../../../panel/context/config.svelte';
+	import { getConfigContext } from '../../../panel/context/config.svelte.js';
 	import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 	import { getLocaleContext } from '../../../panel/context/locale.svelte';
 	import { panelUrl } from '../../../panel/util/url.js';
 	import { moveItem } from '../../../util/array.js';
-	import { getValueAtPath } from '../../../util/object.js';
 	import { snapshot } from '../../../util/state.js';
 	import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
 	import type { Relation, RelationField } from '../index.js';
@@ -58,7 +57,6 @@
 	function documentToRelationFieldItem(doc: GenericDoc) {
 		const itemInFieldValue = retreiveRelation(doc.id);
 		const item: RelationFieldItem = {
-			label: getValueAtPath(relationConfig.asTitle, doc) || '[untitled]',
 			documentId: doc.id,
 			title: doc.title,
 			editUrl: panelUrl(relationConfig.kebab, doc.id),

package/dist/fields/relation/component/default/Default.svelte

@@ -83,7 +83,7 @@
 		>
 			{#each selectedItems as item (item.documentId)}
 				<Tag onRemove={() => removeValue(item.documentId)} {readOnly}>
-					<a href={item.editUrl}>{item.label}</a>
+					<a href={item.editUrl}>{item.title}</a>
 				</Tag>
 			{/each}
 
@@ -107,8 +107,8 @@
 				{#if inputFocused}
 					<Command.List>
 						{#each availableItems as item (item.documentId)}
-							<Command.Item value={item.label} onSelect={() => onSelect(item)}>
-								<span>{item.label}</span>
+							<Command.Item value={item.title} onSelect={() => onSelect(item)}>
+								<span>{item.title}</span>
 							</Command.Item>
 						{/each}
 						<Command.Empty>Nothing to select</Command.Empty>

package/dist/fields/relation/component/types.d.ts

@@ -3,7 +3,6 @@ import type { GenericDoc } from '../../../core/types/doc.js';
 export type RelationFieldItem = {
     id?: string;
     documentId: string;
-    label: string;
     title: string;
     filename?: string;
     filesize?: string;

package/dist/fields/relation/component/upload/Browse.svelte

@@ -5,7 +5,7 @@
 	import Folder from '../../../../panel/components/sections/collection/grid/grid-item/Folder.svelte';
 	import CardDocument from '../../../../panel/components/ui/card-document/card-document.svelte';
 	import * as Sheet from '../../../../panel/components/ui/sheet/index.js';
-	import { API_PROXY, getAPIProxyContext } from '../../../../panel/context/api-proxy.svelte';
+	import { API_PROXY, getAPIProxyContext } from '../../../../panel/context/api-proxy.svelte.js';
 	import type { BuiltCollection, UploadDoc } from '../../../../types';
 
 	type Props = { open: boolean; addValue: (item: string) => void; config: BuiltCollection };

package/dist/fields/relation/index.js

@@ -4,6 +4,7 @@ import { PARAMS } from '../../core/constant';
 import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
 import { trycatchFetch } from '../../util/function';
 import { hasProps, isObjectLiteral } from '../../util/object.js';
+import { toKebabCase } from '../../util/string.js';
 import Cell from './component/Cell.svelte';
 import RelationComponent from './component/Relation.svelte';
 export const ensureRelationExists = async (value, { config }) => {
@@ -13,7 +14,7 @@ export const ensureRelationExists = async (value, { config }) => {
     const getRequsetEvent = await import('$app/server').then((m) => m.getRequestEvent);
     const output = [];
     const retrieveRelation = async (id) => {
-        const [err, response] = await trycatchFetch(`${env.PUBLIC_RIME_URL}/api/${config.relationTo}/${id}?${PARAMS.SELECT}=id`, {
+        const [err, response] = await trycatchFetch(`${env.PUBLIC_RIME_URL}/api/${toKebabCase(config.relationTo)}/${id}?${PARAMS.SELECT}=id`, {
             method: 'GET',
             headers: getRequsetEvent().request.headers
         });

package/dist/fields/rich-text/component/props.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { RichTextField } from '../index.js';
 export type RichTextFieldProps = {
     class?: string;

package/dist/fields/rich-text/core/extensions/drag-handle/drag-handle-plugin.js

@@ -21,7 +21,7 @@ const getAbsolutePos = (state, relativePos) => {
     if (!ystate) {
         return -1;
     }
-    return relativePositionToAbsolutePosition(ystate.doc, ystate.type, relativePos, ystate.binding.mapping) || 0;
+    return (relativePositionToAbsolutePosition(ystate.doc, ystate.type, relativePos, ystate.binding.mapping) || 0);
 };
 const getOuterDomNode = (view, domNode) => {
     let tmpDomNode = domNode;
@@ -144,7 +144,6 @@ export const DragHandlePlugin = ({ pluginKey = dragHandlePluginDefaultKey, eleme
                             const newPos = tr.mapping.map(currentNodePos);
                             if (newPos !== currentNodePos) {
                                 // TODO: Remove
-                                // console.log('Position has changed …', { old: currentNodePos, new: newPos }, tr);
                                 // Set the new position for our current node.
                                 currentNodePos = newPos;
                                 // Memorize relative position to retrieve absolute position in case of collaboration

package/dist/fields/rich-text/core/features/link/component/link-selector.svelte

@@ -6,7 +6,11 @@
 	import Button from '../../../../../../panel/components/ui/button/button.svelte';
 	import * as Command from '../../../../../../panel/components/ui/command/index.js';
 	import Input from '../../../../../../panel/components/ui/input/input.svelte';
-	import { API_PROXY, getAPIProxyContext, type Resource } from '../../../../../../panel/context/api-proxy.svelte';
+	import {
+		API_PROXY,
+		getAPIProxyContext,
+		type Resource
+	} from '../../../../../../panel/context/api-proxy.svelte.js';
 	import { getLocaleContext } from '../../../../../../panel/context/locale.svelte';
 	import validate from '../../../../../../util/validate.js';
 	import { CornerDownLeft, ExternalLink, Link2, Newspaper, Trash } from '@lucide/svelte';
@@ -16,7 +20,12 @@
 	import type { RichTextContext } from '../../../types';
 	import './link-selector.css';
 
-	type Props = { options?: LinkFeatureOptions; editor: Editor; context: RichTextContext; active: boolean };
+	type Props = {
+		options?: LinkFeatureOptions;
+		editor: Editor;
+		context: RichTextContext;
+		active: boolean;
+	};
 	type LinkResource = { title: string; url: string };
 	let { options, editor, context, active }: Props = $props();
 
@@ -36,7 +45,9 @@
 	$effect(() => {
 		if (Array.isArray(options?.resources) && !resources.length) {
 			resources = options.resources.map((resourceOption) => {
-				let params = resourceOption.query ? `?${resourceOption.query}&select=title,url` : '?select=title,url';
+				let params = resourceOption.query
+					? `?${resourceOption.query}&select=title,url`
+					: '?select=title,url';
 				params = locale.code ? `${params}&locale=${locale.code}` : params;
 				const url = `${apiUrl(resourceOption.slug)}${params}`;
 				return APIProxy.getRessource<LinkResource[]>(url, {
@@ -189,7 +200,9 @@
 			<div class="rz-link-selector__button">
 				{#if editor.getAttributes('link').href}
 					<Button
-						--rz-button-ghost-fg={isTargetBlank ? 'hsl(var(--rz-color-spot))' : 'hsl(var(--rz-color-fg))'}
+						--rz-button-ghost-fg={isTargetBlank
+							? 'hsl(var(--rz-color-spot))'
+							: 'hsl(var(--rz-color-fg))'}
 						onclick={() => (isTargetBlank = !isTargetBlank)}
 						variant="ghost"
 						size="icon-sm"
@@ -198,7 +211,12 @@
 					<Button size="icon-sm" variant="ghost" icon={Trash} onclick={onDelete} />
 				{:else}
 					{#if options?.resources?.length}
-						<Button onclick={() => (resourceDialogOpen = true)} size="icon-sm" icon={Newspaper} variant="ghost" />
+						<Button
+							onclick={() => (resourceDialogOpen = true)}
+							size="icon-sm"
+							icon={Newspaper}
+							variant="ghost"
+						/>
 					{/if}
 					<Button type="submit" variant="ghost" size="icon-sm" icon={CornerDownLeft}></Button>
 				{/if}

package/dist/fields/rich-text/core/features/resource/resource.svelte

@@ -4,7 +4,7 @@
 	import Button from '../../../../../panel/components/ui/button/button.svelte';
 	import CardResource from '../../../../../panel/components/ui/card-resource/card-resource.svelte';
 	import * as Command from '../../../../../panel/components/ui/command/index.js';
-	import { API_PROXY, setAPIProxyContext } from '../../../../../panel/context/api-proxy.svelte';
+	import { API_PROXY, setAPIProxyContext } from '../../../../../panel/context/api-proxy.svelte.js';
 	import type { NodeViewProps } from '@tiptap/core';
 	import { onMount } from 'svelte';
 	import NodeViewWrapper from '../../svelte/node-view-wrapper.svelte';

package/dist/fields/rich-text/core/features/upload/upload.svelte

@@ -6,7 +6,7 @@
 	import * as Command from '../../../../../panel/components/ui/command/index.js';
 	import * as Dialog from '../../../../../panel/components/ui/dialog/index.js';
 	import Input from '../../../../../panel/components/ui/input/input.svelte';
-	import { API_PROXY, setAPIProxyContext } from '../../../../../panel/context/api-proxy.svelte';
+	import { API_PROXY, setAPIProxyContext } from '../../../../../panel/context/api-proxy.svelte.js';
 	import { X } from '@lucide/svelte';
 	import type { NodeViewProps } from '@tiptap/core';
 	import { onMount } from 'svelte';
@@ -125,10 +125,17 @@
 <NodeViewWrapper>
 	<div data-drag-handle class="rz-richtext-media" class:rz-richtext-media--selected={!!selected}>
 		{#if !selected}
-			<Button class="rz-richtext-media__add" variant="outline" onclick={handleClick}>Add a media</Button>
+			<Button class="rz-richtext-media__add" variant="outline" onclick={handleClick}
+				>Add a media</Button
+			>
 		{:else}
 			<div class="rz-richtext-media__actions">
-				<Button size="xs" class="rz-richtext-media__button" type="button" onclick={() => (dialogLegendOpen = true)}>
+				<Button
+					size="xs"
+					class="rz-richtext-media__button"
+					type="button"
+					onclick={() => (dialogLegendOpen = true)}
+				>
 					{legend || 'set legend'}
 				</Button>
 				<Button

package/dist/fields/rich-text/core/render-rich-text.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { JSONContent } from '@tiptap/core';
-	import type { RichTextNodeRenderer } from '../client.js';
 	import RenderRichText from './render-rich-text.svelte';
+	import type { RichTextNodeRenderer } from './types';
 
 	type Props = {
 		json?: JSONContent;

package/dist/fields/rich-text/core/render-rich-text.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { JSONContent } from '@tiptap/core';
-import type { RichTextNodeRenderer } from '../client.js';
 import RenderRichText from './render-rich-text.svelte';
+import type { RichTextNodeRenderer } from './types';
 type Props = {
     json?: JSONContent;
     components?: {

package/dist/fields/rich-text/core/svelte/node-view-renderer.svelte.js

@@ -42,7 +42,6 @@ class SvelteNodeView extends NodeView {
                 context.set(key, ctx);
             }
         }
-        console.log(context);
         const as = this.options.as ?? (this.node.isInline ? 'span' : 'div');
         const target = document.createElement(as);
         target.classList.add(`node-${this.node.type.name}`);

package/dist/fields/select/component/props.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { SelectField } from '../index.js';
 export type SelectFieldProps = {
     path: string;

package/dist/fields/text/component/props.d.ts

@@ -1,5 +1,5 @@
 import type { SimplerField } from '../../types.js';
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { FormContext } from '../../../panel/context/form.svelte.js';
 import type { IconProps } from '@lucide/svelte';
 import type { Component } from 'svelte';

package/dist/fields/textarea/component/props.d.ts

@@ -1,6 +1,6 @@
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
-import type { TextAreaField } from '../index.js';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { FormContext } from '../../../panel/context/form.svelte.js';
+import type { TextAreaField } from '../index.js';
 export type TextAreaFieldProps = {
     path?: string;
     config: TextAreaField;

package/dist/fields/time/component/props.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { TimeField } from '../index.js';
 export type TimeFieldProps = {
     path?: string;

package/dist/panel/components/fields/RenderFields.svelte

@@ -4,8 +4,8 @@
 	import { ComponentFieldBuilder } from '../../../fields/component';
 	import { isTabsField } from '../../../fields/tabs';
 	import type { FormField } from '../../../fields/types.js';
-	import { type DocumentFormContext } from '../../context/documentForm.svelte';
-	import { getUserContext } from '../../context/user.svelte';
+	import { type DocumentFormContext } from '../../context/documentForm.svelte.js';
+	import { getUserContext } from '../../context/user.svelte.js';
 	import type { GenericDoc } from '../../../types';
 	import type { WithOptional } from '../../../util/types';
 

package/dist/panel/components/fields/RenderFields.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FieldBuilder } from '../../../core/fields/builders';
-import { type DocumentFormContext } from '../../context/documentForm.svelte';
+import { type DocumentFormContext } from '../../context/documentForm.svelte.js';
 import type { GenericDoc } from '../../../types';
 import type { WithOptional } from '../../../util/types';
 type Props = {

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

@@ -38,8 +38,13 @@
 	h3 {
 		font-variation-settings: 'wght' 600;
 		font-weight: 600;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 1;
+		font-size: var(--rz-text-sm);
 		text-align: center;
-		padding: var(--rz-size-3);
+		margin-block: var(--rz-size-3);
 	}
 	.rz-folder-svg {
 		aspect-ratio: 5 / 4;

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

@@ -1,18 +1,15 @@
 <script lang="ts">
 	import type { Directory } from '../../../../../../core/collections/upload/upload';
 	import type { BuiltCollectionClient } from '../../../../../../core/config/types';
+	import { t__ } from '../../../../../../core/i18n/index.js';
 	import { withDirectoriesSuffix } from '../../../../../../core/naming';
+	import RenderFields from '../../../../fields/RenderFields.svelte';
+	import Button from '../../../../ui/button/button.svelte';
 	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';
+	import { API_PROXY, setAPIProxyContext } from '../../../../../context/api-proxy.svelte.js';
+	import { getConfigContext } from '../../../../../context/config.svelte.js';
+	import { setDocumentFormContext } from '../../../../../context/documentForm.svelte.js';
+	import { getUserContext } from '../../../../../context/user.svelte.js';
 
 	type Props = {
 		open: boolean;
@@ -24,13 +21,8 @@
 	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;
-	}
+	setAPIProxyContext(API_PROXY.DOCUMENT);
 
 	const form = setDocumentFormContext({
 		element: () => formElement,
@@ -38,7 +30,7 @@
 		config,
 		readOnly: !config.access.update(user.attributes, { id: folder.id }),
 		key: folder._type,
-		beforeRedirect: beforeRedirect
+		afterSuccess: () => (open = false)
 	});
 
 	function handleKeyDown(event: KeyboardEvent) {
@@ -64,11 +56,7 @@
 	<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>

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

@@ -2,17 +2,17 @@
 	import { invalidateAll } from '$app/navigation';
 	import { t__ } from '../../../../../../core/i18n/index.js';
 	import { withDirectoriesSuffix } from '../../../../../../core/naming';
+	import RenderFields from '../../../../fields/RenderFields.svelte';
 	import Button from '../../../../ui/button/button.svelte';
 	import * as Dialog from '../../../../ui/dialog/index.js';
+	import { API_PROXY, setAPIProxyContext } from '../../../../../context/api-proxy.svelte.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 { getConfigContext } from '../../../../../context/config.svelte.js';
 	import {
 		setDocumentFormContext,
 		type FormSuccessData
-	} from '../../../../../index.server.js/context/documentForm.svelte';
+	} from '../../../../../context/documentForm.svelte.js';
+	import { FolderPlus } from '@lucide/svelte';
 
 	type Props = { collection: CollectionContext };
 	const { collection }: Props = $props();

package/dist/panel/components/sections/collection/list/row/Row.svelte

@@ -45,7 +45,7 @@
 			{/if}
 			<label for="checkbox-{doc.id}" class="rz-list-row__title">{doc.title || '[untitled]'}</label>
 		{:else}
-			<a class="rz-list-row__link" href="/panel/{collection.config.slug}/{doc.id}">
+			<a class="rz-list-row__link" href="/panel/{collection.config.kebab}/{doc.id}">
 				{#if doc._thumbnail}
 					<UploadThumbCell url={doc._thumbnail} mimeType={doc.mimeType} />
 				{:else}

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

@@ -59,7 +59,6 @@
 	};
 
 	const initSortable = () => {
-		console.log('initSortable');
 		// Get all sortable containers including the root and nested ones
 		const sortableContainers = document.querySelectorAll('.rz-collection-sortable');
 

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

@@ -4,8 +4,8 @@
 	import type { BuiltCollection } from '../../../../core/config/types.js';
 	import { t__ } from '../../../../core/i18n';
 	import { text } from '../../../../fields';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte';
-	import { getUserContext } from '../../../context/user.svelte';
+	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+	import { getUserContext } from '../../../context/user.svelte.js';
 	import { authClient } from '../../../util/auth';
 	import validate from '../../../../util/validate';
 	import { toast } from 'svelte-sonner';

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

@@ -1,5 +1,5 @@
 import type { BuiltCollection } from '../../../../core/config/types.js';
-import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 type Props = {
     operation: string;
     form: DocumentFormContext;

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

@@ -4,7 +4,7 @@
 	import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
 	import * as Dialog from '../../ui/dialog/index.js';
 	import * as Radio from '../../ui/radio-group/index.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 	import { toKebabCase } from '../../../../util/string';
 	import { toast } from 'svelte-sonner';
 	import { t__ } from '../../../../core/i18n/index.js';

package/dist/panel/components/sections/document/ButtonStatus.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 type Props = {
     form: DocumentFormContext;
 };

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

@@ -5,13 +5,13 @@
 	import { t__ } from '../../../../core/i18n/index.js';
 	import type { GenericDoc } from '../../../../core/types/doc';
 	import * as Dialog from '../../ui/dialog/index.js';
-	import { getConfigContext } from '../../../context/config.svelte';
+	import { getConfigContext } from '../../../context/config.svelte.js';
 	import {
 		setDocumentFormContext,
 		type FormSuccessData
-	} from '../../../context/documentForm.svelte';
-	import { getLocaleContext } from '../../../context/locale.svelte';
-	import { getUserContext } from '../../../context/user.svelte';
+	} from '../../../context/documentForm.svelte.js';
+	import { getLocaleContext } from '../../../context/locale.svelte.js';
+	import { getUserContext } from '../../../context/user.svelte.js';
 	import RenderFields from '../../fields/RenderFields.svelte';
 	import Button from '../../ui/button/button.svelte';
 	import AuthApiKeyDialog from './AuthAPIKeyDialog.svelte';

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { apiUrl } from '../../../../core/api/index.js';
 	import type { GenericDoc } from '../../../../core/types/doc.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 	import { ChevronLeft } from '@lucide/svelte';
 	import { toast } from 'svelte-sonner';
 	import { t__ } from '../../../../core/i18n/index.js';
@@ -13,7 +13,9 @@
 	const { form, onClose }: Props = $props();
 
 	function onLocaleClick(code: string) {
-		fetch(`${apiUrl(form.config.kebab)}?where[id][equals]=${form.values.id}&select=url&locale=${code}`)
+		fetch(
+			`${apiUrl(form.config.kebab)}?where[id][equals]=${form.values.id}&select=url&locale=${code}`
+		)
 			.then((response) => response.json())
 			.then((data: { docs: GenericDoc[] }) => {
 				if (Array.isArray(data.docs) && data.docs.length) {

package/dist/panel/components/sections/document/FloatingUI.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 type Props = {
     form: DocumentFormContext;
     onClose: any;

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

@@ -3,7 +3,7 @@
 	import type { BuiltArea, BuiltCollection } from '../../../../core/config/types';
 	import { PARAMS } from '../../../../core/constant';
 	import { t__ } from '../../../../core/i18n/index.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 	import { ExternalLink, PencilRuler, X } from '@lucide/svelte';
 	import { Button } from '../../ui/button';
 	import LanguageSwitcher from '../../ui/language-switcher/LanguageSwitcher.svelte';

package/dist/panel/components/sections/document/Header.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { BuiltArea, BuiltCollection } from '../../../../core/config/types';
-import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 type Props = {
     onClose?: any;
     form: DocumentFormContext;

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

@@ -5,7 +5,7 @@
 	import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
 	import * as Dialog from '../../ui/dialog/index.js';
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 	import { getLocaleContext } from '../../../context/locale.svelte.js';
 	import { panelUrl } from '../../../util/url.js';
 	import { trycatchFetch } from '../../../../util/function.js';

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

@@ -1,4 +1,4 @@
-import type { DocumentFormContext } from '../../../context/documentForm.svelte';
+import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
 import { Settings } from '@lucide/svelte';
 type Props = {
     form: DocumentFormContext;

package/dist/panel/components/sections/document/upload-header/UploadHeader.svelte

@@ -2,7 +2,7 @@
 	import type { WithUpload } from '../../../../../core/collections/upload/util/config';
 	import type { BuiltCollection } from '../../../../../core/config/types';
 	import Button from '../../../ui/button/button.svelte';
-	import { type DocumentFormContext } from '../../../../context/documentForm.svelte';
+	import { type DocumentFormContext } from '../../../../context/documentForm.svelte.js';
 	import { mimeTypeToIcon } from '../../../../util/upload.js';
 	import * as util from '../../../../../util/file.js';
 	import { capitalize } from '../../../../../util/string.js';

package/dist/panel/components/sections/document/upload-header/UploadHeader.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { WithUpload } from '../../../../../core/collections/upload/util/config';
 import type { BuiltCollection } from '../../../../../core/config/types';
-import { type DocumentFormContext } from '../../../../context/documentForm.svelte';
+import { type DocumentFormContext } from '../../../../context/documentForm.svelte.js';
 type Props = {
     form: DocumentFormContext;
     create: boolean;

package/dist/panel/components/ui/language-switcher/LanguageSwitcher.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
+	import { dev } from '$app/environment';
 	import Button from '../button/button.svelte';
-	import { getLocaleContext } from '../../../context/locale.svelte';
-	import { getConfigContext } from '../../../context/config.svelte';
-	import Cookies from 'js-cookie';
 	import * as DropdownMenu from '../dropdown-menu/index.js';
+	import { getConfigContext } from '../../../context/config.svelte.js';
+	import { getLocaleContext } from '../../../context/locale.svelte.js';
 	import { Languages } from '@lucide/svelte';
-	import { dev } from '$app/environment';
+	import Cookies from 'js-cookie';
 
 	type Props = { onLocalClick: (code: string) => void };
 	const { onLocalClick }: Props = $props();
@@ -13,40 +13,45 @@
 	const locale = getLocaleContext();
 	const config = getConfigContext();
 	const locales = $state(config.raw.localization?.locales || []);
-	
+
 	function isActive(code: string) {
 		return code === locale.code;
 	}
 </script>
 
 {#if config.raw.localization?.locales.length}
-<DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button icon={Languages} size="sm" variant={ props['data-state'] === 'open' ? 'secondary' : 'ghost'} {...props}>
-				{locale.label}
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-
-	<DropdownMenu.Portal>
-		<DropdownMenu.Content align="end">
-			{#each locales as item, index (index)}
-				<DropdownMenu.Item
-					disabled={isActive(item.code)}
-					data-active={isActive(item.code) ? '' : null}
-					onclick={() => {
-						Cookies.set('Locale', item.code, { 
-							sameSite: 'strict',
-							secure: !dev
-						});
-						onLocalClick(item.code);
-					}}
+	<DropdownMenu.Root>
+		<DropdownMenu.Trigger>
+			{#snippet child({ props })}
+				<Button
+					icon={Languages}
+					size="sm"
+					variant={props['data-state'] === 'open' ? 'secondary' : 'ghost'}
+					{...props}
 				>
-					<span>{item.label}</span>
-				</DropdownMenu.Item>
-			{/each}
-		</DropdownMenu.Content>
-	</DropdownMenu.Portal>
-</DropdownMenu.Root>
-{/if}
+					{locale.label}
+				</Button>
+			{/snippet}
+		</DropdownMenu.Trigger>
+
+		<DropdownMenu.Portal>
+			<DropdownMenu.Content align="end">
+				{#each locales as item, index (index)}
+					<DropdownMenu.Item
+						disabled={isActive(item.code)}
+						data-active={isActive(item.code) ? '' : null}
+						onclick={() => {
+							Cookies.set('Locale', item.code, {
+								sameSite: 'strict',
+								secure: !dev
+							});
+							onLocalClick(item.code);
+						}}
+					>
+						<span>{item.label}</span>
+					</DropdownMenu.Item>
+				{/each}
+			</DropdownMenu.Content>
+		</DropdownMenu.Portal>
+	</DropdownMenu.Root>
+{/if}

package/dist/panel/components/ui/nav/Nav.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/state';
-	import { getConfigContext } from '../../../context/config.svelte';
+	import { getConfigContext } from '../../../context/config.svelte.js';
 	import type { Route } from '../../../types';
 	import { panelUrl } from '../../../util/url.js';
 	import { PanelsTopLeft } from '@lucide/svelte';
@@ -70,7 +70,12 @@
 		</div>
 	</div>
 
-	<button class="rz-nav__toggle" onclick={() => setCollapsed(!isCollapsed)} aria-label="Toggle navigation"> </button>
+	<button
+		class="rz-nav__toggle"
+		onclick={() => setCollapsed(!isCollapsed)}
+		aria-label="Toggle navigation"
+	>
+	</button>
 </div>
 
 <style>

package/dist/panel/components/ui/nav/NavItem.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import * as Tooltip from '../tooltip';
-	import { getConfigContext } from '../../../context/config.svelte';
+	import { getConfigContext } from '../../../context/config.svelte.js';
 	import type { Route } from '../../../types';
 	import { File } from '@lucide/svelte';
 	import NavItemButton from './NavItemButton.svelte';
@@ -15,7 +15,8 @@
 
 	const config = getConfigContext();
 
-	const RouteIcon = typeof route.icon === 'function' ? route.icon : config.raw.icons[route.icon] || File;
+	const RouteIcon =
+		typeof route.icon === 'function' ? route.icon : config.raw.icons[route.icon] || File;
 
 	let pathname = page.url.pathname;
 

package/dist/panel/components/ui/nav/UserButton.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { getUserContext } from '../../../context/user.svelte';
-	import Button from '../button/button.svelte';
-	import { LogOut } from '@lucide/svelte';
+	import { env } from '$env/dynamic/public';
 	import * as Tooltip from '../tooltip';
+	import { getUserContext } from '../../../context/user.svelte.js';
 	import { authClient } from '../../../util/auth.js';
-	import { env } from '$env/dynamic/public';
+	import { LogOut } from '@lucide/svelte';
 	import { toast } from 'svelte-sonner';
+	import Button from '../button/button.svelte';
 
 	type Props = { navCollapsed: boolean };
 	const { navCollapsed }: Props = $props();

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

@@ -152,6 +152,7 @@ type Args<T> = {
     element: () => HTMLFormElement | undefined;
     beforeSubmit?: (data: Dic) => Promise<Dic>;
     beforeRedirect?: (data?: FormSuccessData) => Promise<boolean>;
+    afterSuccess?: (doc?: T) => void;
     initial: T;
     config: (AreaSlug extends never ? never : BuiltAreaClient) | BuiltCollectionClient;
     readOnly: boolean;

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

@@ -6,13 +6,13 @@ import { compileDocumentConfig } from '../../core/config/shared/compile.js';
 import { PARAMS, VERSIONS_STATUS } from '../../core/constant.js';
 import { getFieldConfigByPath } from '../../core/fields/util.js';
 import { buildConfigMap } from '../../core/operations/configMap/index.js';
+import { richTextJSONToText } from '../../fields/rich-text/index.js';
 import { normalizeFieldPath } from '../../util/doc.js';
 import { random } from '../../util/index.js';
 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';
@@ -24,7 +24,7 @@ import { getCollectionContext } from './collection.svelte.js';
 import { setErrorsContext } from './errors.svelte.js';
 import { getLocaleContext } from './locale.svelte.js';
 import { getUserContext } from './user.svelte.js';
-function createDocumentFormState({ initial, element, config, readOnly, key, onNestedDocumentCreated, onDataChange, beforeSubmit, beforeRedirect, onFieldFocus }) {
+function createDocumentFormState({ initial, element, config, readOnly, key, onNestedDocumentCreated, afterSuccess, onDataChange, beforeSubmit, beforeRedirect, onFieldFocus }) {
     //
     let initialDoc = $state(initial);
     let doc = $state(initial);
@@ -522,6 +522,8 @@ function createDocumentFormState({ initial, element, config, readOnly, key, onNe
                 if (onNestedDocumentCreated)
                     onNestedDocumentCreated(doc);
             }
+            if (afterSuccess)
+                afterSuccess(doc);
         }
         async function handleError(data) {
             // Handle error
@@ -578,8 +580,6 @@ 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

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

@@ -1,5 +1,5 @@
 import { getContext, setContext } from 'svelte';
-import { getConfigContext } from './config.svelte';
+import { getConfigContext } from './config.svelte.js';
 const LOCALE_KEY = Symbol('rime.locale');
 function createStore(initial) {
     let code = $state();

package/dist/panel/pages/collection/Collection.svelte

@@ -16,7 +16,7 @@
 	import LanguageSwitcher from '../../components/ui/language-switcher/LanguageSwitcher.svelte';
 	import PageHeader from '../../components/ui/page-header/PageHeader.svelte';
 	import { setCollectionContext } from '../../context/collection.svelte.js';
-	import { getConfigContext } from '../../context/config.svelte';
+	import { getConfigContext } from '../../context/config.svelte.js';
 	import { CopyPlus } from '@lucide/svelte';
 	import { getContext, setContext } from 'svelte';
 

package/dist/panel/pages/collection-document/CollectionDocument.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
 	import Document from '../../components/sections/document/Document.svelte';
-	import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte';
 	import Page from '../../components/sections/page-layout/Page.svelte';
+	import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
+	import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
 	import type { CollectionDocData } from '../../index.js';
 
 	const { data }: { data: CollectionDocData<false> } = $props();

package/dist/panel/pages/dashboard/Dashboard.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import { Eye } from '@lucide/svelte';
-	import Button from '../../components/ui/button/button.svelte';
-	import PageHeader from '../../components/ui/page-header/PageHeader.svelte';
-	import { getConfigContext } from '../../context/config.svelte';
-	import LanguageSwitcher from '../../components/ui/language-switcher/LanguageSwitcher.svelte';
-	import { t__ } from '../../../core/i18n/index.js';
-	import type { DashboardEntry } from './types.js';
 	import { invalidateAll } from '$app/navigation';
 	import type { User } from '../../../core/collections/auth/types.js';
+	import { t__ } from '../../../core/i18n/index.js';
 	import Page from '../../components/sections/page-layout/Page.svelte';
+	import Button from '../../components/ui/button/button.svelte';
+	import LanguageSwitcher from '../../components/ui/language-switcher/LanguageSwitcher.svelte';
+	import PageHeader from '../../components/ui/page-header/PageHeader.svelte';
+	import { getConfigContext } from '../../context/config.svelte.js';
+	import { Eye } from '@lucide/svelte';
+	import type { DashboardEntry } from './types.js';
 
 	type Props = { entries: DashboardEntry[]; user?: User };
 	const { entries, user }: Props = $props();
@@ -87,7 +87,7 @@
 		flex-direction: column;
 		gap: var(--rz-size-4);
 		transition: background-color 0.3s ease-out;
-		
+
 		&:hover {
 			background-color: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-4)));
 		}

package/dist/panel/pages/dashboard/Dashboard.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { DashboardEntry } from './types.js';
 import type { User } from '../../../core/collections/auth/types.js';
+import type { DashboardEntry } from './types.js';
 type Props = {
     entries: DashboardEntry[];
     user?: User;

package/package.json

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