rimecms 0.27.6 → 0.28.0

package/dist/core/config/server/build-config.server.d.ts

@@ -1137,7 +1137,7 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
                         $Infer: {
                             body: {
                                 userId: string;
-                                role: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[];
+                                role: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[];
                             };
                         };
                     };
@@ -1217,7 +1217,7 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
                                 email: string;
                                 password?: string | undefined;
                                 name: string;
-                                role?: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[] | undefined;
+                                role?: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[] | undefined;
                                 data?: Record<string, any> | undefined;
                             };
                         };
@@ -1761,7 +1761,7 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
                                 permission?: never | undefined;
                             }) & {
                                 userId?: string | undefined;
-                                role?: "user" | "staff" | "admin" | undefined;
+                                role?: "user" | "admin" | "staff" | undefined;
                             };
                         };
                     };
@@ -3119,7 +3119,7 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
                             $Infer: {
                                 body: {
                                     userId: string;
-                                    role: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[];
+                                    role: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[];
                                 };
                             };
                         };
@@ -3199,7 +3199,7 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
                                     email: string;
                                     password?: string | undefined;
                                     name: string;
-                                    role?: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[] | undefined;
+                                    role?: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[] | undefined;
                                     data?: Record<string, any> | undefined;
                                 };
                             };
@@ -3743,7 +3743,7 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
                                     permission?: never | undefined;
                                 }) & {
                                     userId?: string | undefined;
-                                    role?: "user" | "staff" | "admin" | undefined;
+                                    role?: "user" | "admin" | "staff" | undefined;
                                 };
                             };
                         };
@@ -3956,12 +3956,12 @@ export declare const buildConfig: <const C extends Config>(config: C) => Promise
     };
 }>;
 declare function augmentConfig<T extends Config>(config: T): T & {
-    readonly collections: readonly [import("../types.js").BuiltCollection, ...import("../types.js").BuiltCollection[]];
+    readonly collections: readonly [...import("../types.js").BuiltCollection[], import("../types.js").BuiltCollection];
 } & {
     readonly collections: import("../types.js").BuiltCollection[];
     readonly areas: import("../types.js").BuiltArea[];
 } & {
-    readonly icons: import("../../../util/types.js").Dic<import("svelte").Component<import("@lucide/svelte").IconProps, {}, string>>;
+    readonly icons: import("../../../util/types.js").Dic<import("svelte").Component<import("@lucide/svelte").LucideProps, {}, string>>;
 } & {
     readonly panel: {
         readonly routes: Record<string, import("../types.js").CustomPanelRoute>;
@@ -3972,16 +3972,16 @@ declare function augmentConfig<T extends Config>(config: T): T & {
                 icon: import("svelte").Component<import("@lucide/svelte").IconProps>;
             }[], {
                 readonly label: "content";
-                readonly icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+                readonly icon: import("svelte").Component<import("@lucide/svelte").LucideProps, {}, "">;
             }, {
                 readonly label: "system";
-                readonly icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+                readonly icon: import("svelte").Component<import("@lucide/svelte").LucideProps, {}, "">;
             }, {
                 readonly label: "collections";
-                readonly icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+                readonly icon: import("svelte").Component<import("@lucide/svelte").LucideProps, {}, "">;
             }, {
                 readonly label: "areas";
-                readonly icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+                readonly icon: import("svelte").Component<import("@lucide/svelte").LucideProps, {}, "">;
             }];
         };
         readonly components: {

package/dist/core/config/server/build-config.server.js

@@ -4,7 +4,7 @@ import { augmentPlugins } from '../client/augment-plugins.js';
 import { augmentIcons } from '../shared/augment-icons.js';
 import { augmentPrototypes } from '../shared/augment-prototypes.js';
 import { makeVersionsCollectionsAliases } from '../shared/versions-alias.server.js';
-import { augmentCORS } from './augment-cors.js';
+import { augmentCORS } from './augment-cors.server.js';
 import { augmentDirectoriesServer } from './augment-directories.server.js';
 import { augmentPanelAccess } from './augment-panel-access.server.js';
 import { augmentPluginsServer } from './augment-plugins.server.js';

package/dist/core/config/server/{validate.js → validate.server.js}

@@ -1,5 +1,5 @@
 import { isAuthConfig } from '../../collections/auth/util.js';
-import cache from '../../dev/cache/index.js';
+import cache from '../../dev/cache/index.server.js';
 import { isFormField } from '../../fields/util.js';
 import { isBlocksFieldRaw } from '../../../fields/blocks/index.js';
 import { isGroupFieldRaw } from '../../../fields/group/index.js';

package/dist/core/config/server/{write.js → write.server.js}

@@ -1,5 +1,5 @@
 import { flatten } from 'flat';
-import cache from '../../dev/cache/index.js';
+import cache from '../../dev/cache/index.server.js';
 const serializeValue = (value) => {
     if (value === null)
         return 'null';

package/dist/core/config/shared/augment-icons.d.ts

@@ -1,10 +1,9 @@
 import type { BuiltArea, BuiltCollection } from '../types.js';
 import type { Dic } from '../../../util/types.js';
-import type { IconProps } from '@lucide/svelte';
 import type { Component } from 'svelte';
 export declare const augmentIcons: <const T extends {
     collections?: BuiltCollection[];
     areas?: BuiltArea[];
 }>(config: T) => T & {
-    readonly icons: Dic<Component<IconProps, {}, string>>;
+    readonly icons: Dic<Component<import("@lucide/svelte").LucideProps, {}, string>>;
 };

package/dist/core/config/shared/get-staff-collection.d.ts

@@ -15,7 +15,7 @@ export declare const staffCollection: {
         type: string;
         roles: string[];
     };
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    icon: import("svelte").Component<import("@lucide/svelte").LucideProps, {}, "">;
     fields: FieldBuilder<Field>[];
     access: Access;
 };

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

@@ -47,7 +47,7 @@ export function makeUploadDirectoriesCollectionClient(collection) {
             plural: `${collection.slug} directories`
         },
         icon: collection.icon,
-        asTitle: 'path',
+        asTitle: 'name',
         asThumbnail: collection.asThumbnail,
         panel: false
     };

package/dist/core/config/types.d.ts

@@ -168,12 +168,6 @@ export type VersionsConfig = {
     maxVersions?: number;
 };
 export type UrlDefinition<T extends BaseDoc = BaseDoc> = (document: T) => string;
-export type PrototypePanelConfig = {
-    /** Description for the collection/area, basically displayed on the dashboard */
-    description?: string;
-    /** Sidebar navigation group */
-    group?: string;
-};
 type PrototypeConfig<S extends string = string> = {
     slug: S;
     /** Document fields definition */
@@ -185,8 +179,6 @@ type PrototypeConfig<S extends string = string> = {
     access?: Access;
     /** If the document can be edited live, if enabled the url prop must be set also. */
     live?: boolean;
-    /** Panel configuration, set false to hide the area/collection from the panel */
-    panel?: false | PrototypePanelConfig;
 };
 export type UploadConfig = {
     /**
@@ -233,6 +225,17 @@ export type CollectionAuthConfig = ({
 }) & {
     roles?: (string | Option)[];
 };
+export type CollectionPanelConfig = false | {
+    /** Description for the collection/area, basically displayed on the dashboard */
+    description?: string;
+    /** Sidebar navigation group */
+    group?: string;
+    /** Dashboard settings */
+    dashboard?: {
+        layout?: 'rows' | 'grid';
+        maxEntries?: number;
+    } | false;
+};
 export type Collection<S> = {
     slug: S;
     /** The collection label */
@@ -247,6 +250,8 @@ export type Collection<S> = {
     nested?: boolean;
     /** Whether the collection support file upload */
     upload?: boolean | UploadConfig;
+    /** Panel configuration, set false to hide the collection from the panel */
+    panel?: CollectionPanelConfig;
 } & PrototypeConfig;
 export type Area<S> = PrototypeConfig & {
     slug: S;
@@ -255,6 +260,13 @@ export type Area<S> = PrototypeConfig & {
     $hooks?: AreaHooks<S extends keyof RegisterArea ? S : any>;
     /** The area label */
     label?: string;
+    /** Panel configuration, set false to hide the area from the panel */
+    panel?: false | {
+        /** Description for the collection/area, basically displayed on the dashboard */
+        description?: string;
+        /** Sidebar navigation group */
+        group?: string;
+    };
 };
 type NavigationConfig = {
     groups: Array<{

package/dist/core/dev/cli/generate/{index.js → index.server.js}

@@ -1,5 +1,5 @@
-import cache from '../../cache/index.js';
-import { sanitize } from '../../generate/sanitize/index.js';
+import cache from '../../cache/index.server.js';
+import { sanitize } from '../../generate/sanitize/index.server.js';
 import { ensureGeneratedConfig, ensureUserConfigExist } from '../../../ensure.server.js';
 import { logger } from '../../../logger/index.server.js';
 import { trycatch } from '../../../../util/function.js';

package/dist/core/dev/cli/index.js

@@ -8,7 +8,7 @@ program
     .option('-f, --force', 'Force init with default package name', false)
     .option('-s, --skip-install', 'Do not install dependencies', false)
     .action(async (args) => {
-    const init = await import('./init/index.js').then((m) => m.init);
+    const init = await import('./init/index.server.js').then((m) => m.init);
     init(args);
 });
 program
@@ -22,14 +22,14 @@ program
     .command('clear')
     .option('-f, --force', 'Force clear without prompt', false)
     .action(async (args) => {
-    const clear = await import('./clear/index.js').then((m) => m.clear);
+    const clear = await import('./clear/index.server.js').then((m) => m.clear);
     clear(args);
 });
 program
     .command('generate')
     .option('-f, --force', 'Force generation, ignore cache, overwrite routes', false)
     .action(async (args) => {
-    const generate = await import('./generate/index.js').then((m) => m.generate);
+    const generate = await import('./generate/index.server.js').then((m) => m.generate);
     generate({
         force: args.force
     });

package/dist/core/dev/cli/init/{index.js → index.server.js}

@@ -1,15 +1,19 @@
 import { logger } from '../../../logger/index.server.js';
 import { randomId } from '../../../../util/random.js';
 import { isValidSlug, slugify } from '../../../../util/string.js';
+import { generate as generateCode } from '@babel/generator';
+import * as t from '@babel/types';
+import { babelParse } from 'ast-kit';
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
 import { cp, mkdir } from 'fs/promises';
+import fs from 'node:fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { INPUT_DIR } from '../../constants.js';
-import { generate } from '../generate/index.js';
+import { generate } from '../generate/index.server.js';
 import { prompt } from '../util.server.js';
-import { getPackageInfoByKey } from './getPackageName.js';
-import { installDependencies } from './packageManagerUtil.js';
+import { getPackageInfoByKey } from './get-package-info.server.js';
+import { installDependencies } from './package-manager-util.server.js';
 import * as templates from './templates.js';
 const PACKAGE = 'rimecms';
 const root = process.cwd();
@@ -104,33 +108,72 @@ export const init = async ({ force, name: incomingName, skipInstall }) => {
     }
     function configureVite() {
         const configPath = path.resolve(root, 'vite.config.ts');
-        if (!existsSync(configPath)) {
+        if (!fs.existsSync(configPath)) {
             throw new Error("Can't find vite configuration file");
         }
-        const content = readFileSync(configPath, 'utf-8');
-        if (!content.includes('rime()')) {
-            // Add import
-            const newContent = content.replace(/(import .* from .*;\n?)/, `$1import { rime } from '${PACKAGE}/vite';\n`);
-            // Add plugin to the list - ensure it's after sveltekit()
-            const updatedContent = newContent.replace(/plugins:\s*\[([\s\S]*?)\]/, (match, plugins) => {
-                // Check if sveltekit() is in the plugins list
-                if (plugins.includes('sveltekit()')) {
-                    // Add rime() after sveltekit()
-                    return plugins.includes('sveltekit()')
-                        ? match.replace('sveltekit()', 'sveltekit(), rime()')
-                        : `plugins: [${plugins}, rime()]`;
-                }
-                else {
-                    // If sveltekit() isn't found, add rime() at the end
-                    return `plugins: [${plugins}, rime()]`;
-                }
-            });
-            writeFileSync(configPath, updatedContent);
-            logger.info('[✓] Vite plugin added');
+        let content = fs.readFileSync(configPath, 'utf-8');
+        content = content.replace("from '@sveltejs/adapter-auto'", "from '@sveltejs/adapter-node'");
+        const program = babelParse(content, configPath); // t.Program
+        const programBody = program.body;
+        const configObject = findSvelteConfigObject(programBody);
+        if (!configObject) {
+            throw new Error("Couldn't find the Vite config object (defineConfig({...}) or export default {...})");
+        }
+        const pluginsProp = configObject.properties.find((p) => t.isObjectProperty(p) && t.isIdentifier(p.key) && p.key.name === 'plugins');
+        if (!pluginsProp || !t.isArrayExpression(pluginsProp.value)) {
+            throw new Error("Couldn't find a `plugins: [...]` array in the Vite config object");
+        }
+        const pluginsArray = pluginsProp.value;
+        const alreadyPresent = pluginsArray.elements.some((el) => t.isCallExpression(el) && t.isIdentifier(el.callee) && el.callee.name === 'rime');
+        if (alreadyPresent) {
+            logger.info('[✓] Vite plugin already present (skip)');
+            return;
+        }
+        const hasImport = programBody.some((node) => t.isImportDeclaration(node) &&
+            node.source.value === `${PACKAGE}/vite` &&
+            node.specifiers.some((s) => t.isImportSpecifier(s) && t.isIdentifier(s.imported) && s.imported.name === 'rime'));
+        if (!hasImport) {
+            const importDecl = t.importDeclaration([t.importSpecifier(t.identifier('rime'), t.identifier('rime'))], t.stringLiteral(`${PACKAGE}/vite`));
+            programBody.unshift(importDecl);
+        }
+        const rimeCall = t.callExpression(t.identifier('rime'), []);
+        const sveltekitIndex = pluginsArray.elements.findIndex((el) => t.isCallExpression(el) && t.isIdentifier(el.callee) && el.callee.name === 'sveltekit');
+        if (sveltekitIndex !== -1) {
+            pluginsArray.elements.splice(sveltekitIndex + 1, 0, rimeCall);
         }
         else {
-            logger.info('[✓] Vite plugin already present (skip)');
+            pluginsArray.elements.push(rimeCall);
+        }
+        const file = t.file(program);
+        const { code } = generateCode(file, {}, content);
+        fs.writeFileSync(configPath, code);
+        logger.info('[✓] Vite plugin added');
+    }
+    function findSvelteConfigObject(body) {
+        for (const node of body) {
+            if (t.isExpressionStatement(node) &&
+                t.isCallExpression(node.expression) &&
+                t.isIdentifier(node.expression.callee) &&
+                node.expression.callee.name === 'defineConfig') {
+                const arg = node.expression.arguments[0];
+                if (t.isObjectExpression(arg))
+                    return arg;
+            }
+            if (t.isExportDefaultDeclaration(node)) {
+                const decl = node.declaration;
+                if (t.isCallExpression(decl) &&
+                    t.isIdentifier(decl.callee) &&
+                    decl.callee.name === 'defineConfig') {
+                    const arg = decl.arguments[0];
+                    if (t.isObjectExpression(arg))
+                        return arg;
+                }
+                if (t.isObjectExpression(decl)) {
+                    return decl;
+                }
+            }
         }
+        return null;
     }
     function setHooks() {
         const hooksPath = path.join(root, 'src', 'hooks.server.ts');

package/dist/core/dev/cli/init/{packageManagerUtil.js → package-manager-util.server.js}

@@ -11,23 +11,23 @@ const packageManagersMap = {
 };
 const packageManagerConfigs = {
     yarn: {
-        command: 'yarn add -D drizzle-kit'
+        command: 'echo "yarn is not supported, please use pnpm or npm" && exit 1'
     },
     pnpm: {
-        command: 'pnpm add -D drizzle-kit && pnpm add drizzle-orm @lucide/svelte sharp',
+        command: 'pnpm add -D drizzle-kit && pnpm add -D @sveltejs/adapter-node && pnpm add drizzle-orm @lucide/svelte sharp',
         preInstall: updatePackageJsonForPnpm,
         postInstall: () => {
             execSync('pnpm rebuild');
         }
     },
     bun: {
-        command: 'bun add -D drizzle-kit'
+        command: 'bun add -D drizzle-kit && bun add -D @sveltejs/adapter-node && bun add drizzle-orm @lucide/svelte sharp'
     },
     npm: {
-        command: 'npm install -D drizzle-kit'
+        command: 'npm install -D drizzle-kit && npm install -D @sveltejs/adapter-node && npm install drizzle-orm @lucide/svelte sharp'
     },
     deno: {
-        command: 'deno install -D npm:drizzle-kit && deno install --allow-scripts=npm:sharp'
+        command: 'echo "deno is not supported, please use pnpm or npm" && exit 1'
     }
 };
 export function getPackageManager() {

package/dist/core/dev/generate/routes/{area.d.ts → area.server.d.ts}

@@ -1,4 +1,4 @@
-import { type Routes } from './util.js';
+import { type Routes } from './util.server.js';
 /**
  * Area routes dictionary defining route patterns and their corresponding templates
  */

package/dist/core/dev/generate/routes/{area.js → area.server.js}

@@ -1,5 +1,5 @@
 import { PACKAGE_NAME } from '../../../constant.server.js';
-import { TScastVersionSlug } from './util.js';
+import { TScastVersionSlug } from './util.server.js';
 /**
  * Area templates defined outside of the routes object
  * (rime)/panel/{area.kebab}/+page.svelte

package/dist/core/dev/generate/routes/{collection.d.ts → collection.server.d.ts}

@@ -1,4 +1,4 @@
-import { type Routes } from './util.js';
+import { type Routes } from './util.server.js';
 /****************************************************/
 /**
  * Collection panel routes

package/dist/core/dev/generate/routes/{collection.js → collection.server.js}

@@ -1,5 +1,5 @@
 import { PACKAGE_NAME } from '../../../constant.server.js';
-import { TScastVersionSlug } from './util.js';
+import { TScastVersionSlug } from './util.server.js';
 /**
  * Layout server template for collection
  * (rime)/panel/{collection.kebab}/+page.server.ts

package/dist/core/dev/generate/routes/{common.d.ts → common.server.d.ts}

@@ -1,4 +1,4 @@
-import type { Routes } from './util.js';
+import type { Routes } from './util.server.js';
 /**
  * Custom route template generator
  * Used for generating custom routes

package/dist/core/dev/generate/routes/{common.js → common.server.js}

@@ -198,7 +198,7 @@ const livePage = () => `
 <script lang="ts">
   import { Live } from '${PACKAGE_NAME}/panel/client';
 
-  import config from '../../../lib/${OUTPUT_DIR}/rime.config.js';
+  import config from '../../../../lib/${OUTPUT_DIR}/rime.config.js';
 
   const { data } = $props();
 </script>
@@ -273,8 +273,8 @@ export const commonRoutes = {
         page: panelPage,
         pageServer: panelPageServer
     },
-    '(rime)/live': {
-        page: livePage,
+    '(rime)/panel/live-edit': {
+        'page@(rime)': livePage,
         pageServer: livePageServer
     }
 };

package/dist/core/dev/generate/routes/{index.js → index.server.js}

@@ -2,11 +2,11 @@ import { logger } from '../../../logger/index.server.js';
 import { withDirectoriesSuffix, withVersionsSuffix } from '../../../naming.js';
 import fs from 'fs';
 import path from 'path';
-import { areaAPIRoutes, areaRoutes, areaVersionsPanelRoutes } from './area.js';
-import { collectionAPIRoutes, collectionPanelRoutes, collectionVersionsPanelRoutes } from './collection.js';
-import { commonRoutes, customRoute } from './common.js';
-import { injectCustomCSS, removeCustomCSS } from './custom-css.js';
-import { ensureDir, shouldRegenerateRoutes, writeRouteFile } from './util.js';
+import { areaAPIRoutes, areaRoutes, areaVersionsPanelRoutes } from './area.server.js';
+import { collectionAPIRoutes, collectionPanelRoutes, collectionVersionsPanelRoutes } from './collection.server.js';
+import { commonRoutes, customRoute } from './common.server.js';
+import { injectCustomCSS, removeCustomCSS } from './custom-css.server.js';
+import { ensureDir, shouldRegenerateRoutes, writeRouteFile } from './util.server.js';
 const projectRoot = process.cwd();
 /**
  * Main function to generate browser routes based on configuration

package/dist/core/dev/generate/routes/{util.js → util.server.js}

@@ -1,4 +1,4 @@
-import cache from '../../cache/index.js';
+import cache from '../../cache/index.server.js';
 import { hasDirectoriesSuffix, hasVersionsSuffix } from '../../../naming.js';
 import { slugify } from '../../../../util/string.js';
 import fs from 'fs';

package/dist/core/dev/generate/types/{index.js → index.server.js}

@@ -1,6 +1,6 @@
 import { isUploadConfig } from '../../../collections/upload/util/config.js';
 import { PACKAGE_NAME } from '../../../constant.server.js';
-import cache from '../../cache/index.js';
+import cache from '../../cache/index.server.js';
 import { FormFieldBuilder } from '../../../fields/builders/form-field-builder.js';
 import { logger } from '../../../logger/index.server.js';
 import { withVersionsSuffix } from '../../../naming.js';

package/dist/core/dev/vite/{index.js → index.server.js}

@@ -4,7 +4,7 @@ import path from 'node:path';
 import { ensureHasInit } from '../../ensure.server.js';
 import { logger } from '../../logger/index.server.js';
 import { INPUT_DIR, OUTPUT_DIR } from '../constants.js';
-import { sanitize } from '../generate/sanitize/index.js';
+import { sanitize } from '../generate/sanitize/index.server.js';
 dotenv.config({ override: true });
 const dev = process.env.NODE_ENV === 'development';
 export function rime() {

package/dist/core/fields/util.d.ts

@@ -1,5 +1,6 @@
 import type { Field, FormField, SeparatorField } from '../../fields/types.js';
 import type { Dic } from '../../util/types.js';
+import type { FieldBuilder } from './builders';
 /**
  * Checks if a field is a presentative field (currently only separator fields).
  * Presentative fields are used for UI organization and don't store data.
@@ -65,3 +66,15 @@ export declare function pathToRegex(path: string): RegExp;
  *
  */
 export declare const getFieldConfigByPath: (path: string, fields: Field[]) => FormField | undefined;
+/**
+ * Traverses a FieldBuilder[] tree and returns the subset of builders to pass to
+ * RenderFields, along with the path prefix those builders should be rendered at.
+ *
+ * Containers (tabs, groups) are treated as transparent navigation layers.
+ * Blocks are treated as endpoints — the blocks builder itself is returned
+ * regardless of any index:blockType suffix in the path.
+ */
+export declare function getFieldBuildersAtPath(fieldPath: string, builders: FieldBuilder[], parentPath?: string): {
+    fields: FieldBuilder[];
+    path: string;
+};

package/dist/core/fields/util.js

@@ -1,7 +1,8 @@
-import { isBlocksFieldRaw } from '../../fields/blocks/index.js';
-import { isGroupFieldRaw } from '../../fields/group/index.js';
-import { isTabsFieldRaw } from '../../fields/tabs/index.js';
-import { isTreeFieldRaw } from '../../fields/tree/index.js';
+import { BlocksBuilder, isBlocksFieldRaw } from '../../fields/blocks/index.js';
+import { GroupFieldBuilder, isGroupFieldRaw } from '../../fields/group/index.js';
+import { isTabsFieldRaw, TabsBuilder } from '../../fields/tabs/index.js';
+import { isTreeFieldRaw, TreeBuilder } from '../../fields/tree/index.js';
+import { normalizeFieldPath } from '../../util/doc.js';
 /**
  * Checks if a field is a presentative field (currently only separator fields).
  * Presentative fields are used for UI organization and don't store data.
@@ -168,3 +169,75 @@ export const getFieldConfigByPath = (path, fields) => {
     };
     return findInFields(fields, parts);
 };
+/**
+ * Traverses a FieldBuilder[] tree and returns the subset of builders to pass to
+ * RenderFields, along with the path prefix those builders should be rendered at.
+ *
+ * Containers (tabs, groups) are treated as transparent navigation layers.
+ * Blocks are treated as endpoints — the blocks builder itself is returned
+ * regardless of any index:blockType suffix in the path.
+ */
+export function getFieldBuildersAtPath(fieldPath, builders, parentPath = '') {
+    if (!fieldPath)
+        return { fields: builders, path: parentPath };
+    const dotIndex = fieldPath.indexOf('.');
+    const head = dotIndex === -1 ? fieldPath : fieldPath.slice(0, dotIndex);
+    const tail = dotIndex === -1 ? '' : fieldPath.slice(dotIndex + 1);
+    const isEndpoint = fieldPath.split('.').length === 1;
+    const nextParentPath = normalizeFieldPath(`${parentPath}${parentPath ? '.' : ''}${head}`);
+    for (const builder of builders) {
+        // ── Tabs container: navigate into the matching tab
+        if (builder instanceof TabsBuilder) {
+            const tab = builder.field.tabs.find((t) => t.name === head);
+            if (!tab)
+                continue;
+            if (isEndpoint) {
+                // Path targets the tab → return all its inner fields
+                return { fields: tab.raw.fields, path: nextParentPath };
+            }
+            return getFieldBuildersAtPath(tail, tab.raw.fields, nextParentPath);
+        }
+        if (!isFormField(builder.raw))
+            continue;
+        // ── Group field: navigate into children
+        if (builder instanceof GroupFieldBuilder && builder.raw.name === head) {
+            const children = builder.field.fields;
+            if (isEndpoint)
+                return { fields: children, path: nextParentPath };
+            return getFieldBuildersAtPath(tail, children, nextParentPath);
+        }
+        // —— Blocks
+        if (builder instanceof BlocksBuilder && builder.raw.name === head) {
+            const blockType = tail.split('.')[0]?.split(':')[1];
+            const isInnerBlockLookup = tail.split('.').length > 1;
+            const nextParentPathWithBlockIndex = `${nextParentPath}.${tail.split('.')[0]}`;
+            if (blockType) {
+                const block = builder.raw.blocks.find((b) => b.name === blockType);
+                if (!isInnerBlockLookup && block?.raw.fields) {
+                    return {
+                        fields: block?.raw.fields,
+                        path: normalizeFieldPath(nextParentPathWithBlockIndex)
+                    };
+                }
+                if (block) {
+                    return getFieldBuildersAtPath(tail.split('.').slice(1).join('.'), block?.raw.fields, normalizeFieldPath(nextParentPathWithBlockIndex));
+                }
+            }
+            return { fields: [builder], path: parentPath };
+        }
+        // Tree
+        if (builder instanceof TreeBuilder && builder.raw.name === head) {
+            const children = builder.raw.fields;
+            const nextParentPathWithIndex = `${nextParentPath}.${tail.split('.')[0]}`;
+            if (isEndpoint)
+                return { fields: children, path: nextParentPath };
+            return getFieldBuildersAtPath(tail.split('.').slice(1).join('.'), children, nextParentPathWithIndex);
+        }
+        // Direct unique field match
+        if (isEndpoint && isFormField(builder.raw) && builder.raw.name === fieldPath) {
+            return { fields: [builder], path: parentPath };
+        }
+    }
+    console.warn(`[LiveEditPanel] fieldPath "${fieldPath}" not found in config fields`);
+    return { fields: builders, path: parentPath };
+}

package/dist/core/i18n/en/common.d.ts

@@ -58,6 +58,7 @@ declare namespace _default {
     export let unsaved_dialog_text: string;
     export let version_created: string;
     export let versions_history: string;
+    export let view_all: string;
     export let view_page: string;
     export let view_site: string;
     export let welcome: string;

package/dist/core/i18n/en/common.js

@@ -58,6 +58,7 @@ export default {
   unsaved_dialog_text: 'There are unsaved modifications in the document.',
   version_created: 'New version created',
   versions_history: 'Versions history',
+  view_all: 'View all',
   view_page: 'View page',
   view_site: 'View website',
   welcome: 'Welcome'