rimecms 0.31.5 → 0.32.0

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

@@ -0,0 +1,146 @@
+<script lang="ts">
+  import { invalidateAll } from '$app/navigation';
+  import type { Directory } from '../../../core/prototype/collection/upload/types.js';
+  import type { GenericDoc } from '../../../core/prototype/types';
+  import BulkUploadDialog from '../../components/sections/collection/bulk-upload/BulkUploadDialog.svelte';
+  import CollectionGrid from '../../components/sections/collection/grid/CollectionGrid.svelte';
+  import ButtonCreate from '../../components/sections/collection/header/ButtonCreate.svelte';
+  import CollectionHeader from '../../components/sections/collection/header/Header.svelte';
+  import SearchInput from '../../components/sections/collection/header/SearchInput.svelte';
+  import Separator from '../../components/sections/collection/header/Separator.svelte';
+  import CollectionList from '../../components/sections/collection/list/CollectionList.svelte';
+  import CollectionTree from '../../components/sections/collection/tree/CollectionTree.svelte';
+  import Page from '../../components/sections/page-layout/Page.svelte';
+  import Unauthorized from '../../components/sections/unauthorized/Unauthorized.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 { setCollectionContext } from '../../context/collection.svelte.js';
+  import { getConfigContext } from '../../context/config.svelte.js';
+  import { getTitleContext } from '../../context/title';
+  import { CopyPlus } from '@lucide/svelte';
+
+  type Props = {
+    slug: string;
+    data: {
+      status: number;
+      docs: GenericDoc[];
+      canCreate: boolean;
+      upload?: {
+        directories: Directory[];
+        currentPath: `root${string}`;
+        parentDirectory: Directory;
+      };
+    };
+  };
+
+  const { data, slug }: Props = $props();
+  const config = getConfigContext();
+  const collectionConfig = $derived(config.getCollection(slug));
+  let bulkDialogOpen = $state(false);
+
+  // Created once: `Collection.svelte` keys this page on slug, locale and upload folder, so a
+  // change that needs a new store remounts it. The effects below carry a reload into it.
+  // svelte-ignore state_referenced_locally
+  const collection = setCollectionContext({
+    initial: data.docs,
+    config: collectionConfig,
+    canCreate: data.canCreate,
+    upload: data.upload
+  });
+
+  $effect(() => {
+    collection.upload = {
+      directories: data.upload?.directories || [],
+      currentPath: data.upload?.currentPath || 'root',
+      parentDirectory: data.upload?.parentDirectory || null
+    };
+  });
+
+  $effect(() => {
+    collection.docs = data.docs;
+  });
+
+  const titleContext = getTitleContext();
+
+  $effect(() => {
+    titleContext.value = collection.config.label.plural;
+  });
+</script>
+
+{#if data.status === 200}
+  <Page>
+    {#snippet main()}
+      <PageHeader>
+        {#snippet title()}
+          {collection.title}
+        {/snippet}
+
+        {#snippet bottomLeft()}
+          {#if collection.canCreate}
+            <ButtonCreate config={collection.config} size="sm" />
+          {/if}
+          {#if collection.isUpload}
+            <Separator />
+            <Button
+              onclick={() => (bulkDialogOpen = true)}
+              icon={CopyPlus}
+              size="sm"
+              variant="text"
+            >
+              Bulk upload
+            </Button>
+          {/if}
+          <CollectionHeader />
+        {/snippet}
+
+        {#snippet topRight()}
+          {#each config.raw.panel.components.collectionHeader || [] as CustomHeaderComponent, index (index)}
+            <CustomHeaderComponent config={collectionConfig} />
+          {/each}
+
+          <LanguageSwitcher onLocalClick={() => invalidateAll()} />
+        {/snippet}
+
+        {#snippet bottomRight()}
+          <SearchInput />
+        {/snippet}
+      </PageHeader>
+
+      <div class="rz-collection__docs">
+        {#if collection.isNested()}
+          <CollectionTree {collection} />
+        {:else if collection.isGrid()}
+          <CollectionGrid {collection} />
+        {:else}
+          <CollectionList {collection} />
+        {/if}
+      </div>
+    {/snippet}
+  </Page>
+
+  <BulkUploadDialog {collection} bind:open={bulkDialogOpen} />
+{:else}
+  <Unauthorized />
+{/if}
+
+<style>
+  .rz-collection__docs {
+    container: collection-area / inline-size;
+    width: 100%;
+    text-align: left;
+    padding: var(--rz-size-6) var(--rz-page-gutter);
+    & :global(.rz-scroll-area) {
+      height: calc(100vh - 7.5rem);
+      width: 100%;
+    }
+    & :global(.rz-scroll-area--grid) {
+      height: calc(100vh - 3.5rem);
+      background-color: hsl(var(--rz-gray-10));
+    }
+    & :global(.rz-scroll-area--nested) {
+      height: calc(100vh - 3.5rem);
+      background-color: hsl(var(--rz-gray-10));
+    }
+  }
+</style>

package/dist/panel/pages/collection/CollectionPage.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Directory } from '../../../core/prototype/collection/upload/types.js';
+import type { GenericDoc } from '../../../core/prototype/types';
+type Props = {
+    slug: string;
+    data: {
+        status: number;
+        docs: GenericDoc[];
+        canCreate: boolean;
+        upload?: {
+            directories: Directory[];
+            currentPath: `root${string}`;
+            parentDirectory: Directory;
+        };
+    };
+};
+declare const CollectionPage: import("svelte").Component<Props, {}, "">;
+type CollectionPage = ReturnType<typeof CollectionPage>;
+export default CollectionPage;

package/dist/panel/pages/collection/load.server.d.ts

@@ -1,6 +1,6 @@
-import type { Directory } from '../../../core/collections/upload/upload.js';
-import { type UploadPath } from '../../../core/collections/upload/util/path.js';
-import type { GenericDoc } from '../../../core/types/doc.js';
+import type { Directory } from '../../../core/prototype/collection/upload/types.js';
+import { type UploadPath } from '../../../core/prototype/collection/upload/util/path.js';
+import type { GenericDoc } from '../../../core/prototype/types.js';
 import type { Route } from '../../types.js';
 import { type ServerLoadEvent } from '@sveltejs/kit';
 type Data = {

package/dist/panel/pages/collection/load.server.js

@@ -1,10 +1,9 @@
-import { buildUploadAria, getParentPath, removePathFromLastAria } from '../../../core/collections/upload/util/path.js';
-import { UPLOAD_PATH } from '../../../core/constant.js';
 import { handleError } from '../../../core/errors/handler.server.js';
 import { RimeError } from '../../../core/errors/index.js';
-import { logger } from '../../../core/logger/index.server.js';
-import { withDirectoriesSuffix } from '../../../core/naming.js';
-import { panelUrlFor } from '../../util/url.js';
+import { logger } from '../../../core/logger.server.js';
+import { UPLOAD_PATH } from '../../../core/prototype/collection/upload/constant.js';
+import { withDirectoriesSuffix } from '../../../core/prototype/collection/upload/naming.js';
+import { buildUploadAria, getParentPath, removePathFromLastAria } from '../../../core/prototype/collection/upload/util/path.js';
 import { trycatch } from '../../../util/function.js';
 import { redirect } from '@sveltejs/kit';
 /**
@@ -13,7 +12,6 @@ import { redirect } from '@sveltejs/kit';
 export async function collectionLoad(event) {
     //
     const { rime, locale, user } = event.locals;
-    const panelSegment = event.params.panel;
     const slug = event.params.slug || '';
     if (!rime.config.isCollection(slug)) {
         throw handleError(new RimeError(RimeError.NOT_FOUND), { context: 'load' });
@@ -22,10 +20,10 @@ export async function collectionLoad(event) {
     const authorizedCreate = collection.config.access.create(user, {});
     const docs = await collection.find({
         locale,
-        draft: true
+        latest: true
     });
     let aria = [
-        { title: 'Dashboard', url: panelUrlFor(panelSegment) },
+        { title: 'Dashboard', url: rime.routes.panelUrl() },
         { title: collection.config.label.plural }
     ];
     let data = {
@@ -69,13 +67,13 @@ export async function collectionLoad(event) {
             parentDirectory = result;
             const collectionAria = {
                 title: collection.config.label.plural,
-                url: panelUrlFor(panelSegment, collection.config.kebab)
+                url: rime.routes.panelUrl(collection.config.kebab)
             };
             aria = [...aria].slice(0, -1);
             aria = [
                 ...aria,
                 collectionAria,
-                ...buildUploadAria({ path: currentDirectoryPath, slug, panelSegment })
+                ...buildUploadAria({ path: currentDirectoryPath, slug, panelSegment: rime.routes.panel })
             ];
             data.aria = removePathFromLastAria(aria);
         }

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

@@ -1,16 +1,20 @@
 <script lang="ts">
   import Document from '../../components/sections/document/Document.svelte';
+  import Versions from '../../components/sections/document/Versions.svelte';
   import Page from '../../components/sections/page-layout/Page.svelte';
   import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
+  import { setVersionsContext } from '../../context/versions.svelte.js';
   import type { CollectionDocData } from '../../index.js';
 
-  const { data }: { data: CollectionDocData<false> } = $props();
+  const { data }: { data: CollectionDocData } = $props();
+
+  const versions = setVersionsContext();
 </script>
 
 {#if data.status === 200}
   <Page>
     {#snippet main()}
-      {#key data.doc.id + data.doc.versionId || '' + data.doc.locale || ''}
+      {#key `${data.doc.id}|${data.doc.versionId ?? ''}|${data.doc.locale ?? ''}`}
         <Document
           class="rz-collection-container__doc"
           doc={data.doc}
@@ -20,6 +24,7 @@
       {/key}
     {/snippet}
   </Page>
+  <Versions doc={data.doc} bind:open={versions.open} versionId={versions.versionId} />
 {:else}
   <Unauthorized />
 {/if}

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

@@ -1,6 +1,6 @@
 import type { CollectionDocData } from '../../index.js';
 type $$ComponentProps = {
-    data: CollectionDocData<false>;
+    data: CollectionDocData;
 };
 declare const CollectionDocument: import("svelte").Component<$$ComponentProps, {}, "">;
 type CollectionDocument = ReturnType<typeof CollectionDocument>;

package/dist/panel/pages/collection-document/actions.server.js

@@ -1,8 +1,9 @@
-import { PARAMS, UPLOAD_PATH } from '../../../core/constant.js';
+import { PARAMS } from '../../../core/constants.js';
 import { ERROR_CONTEXT, handleError } from '../../../core/errors/handler.server.js';
 import { RimeError } from '../../../core/errors/index.js';
-import { extractData } from '../../../core/operations/extract-data.server.js';
-import { panelUrlFor } from '../../util/url.js';
+import { extractData } from '../../../core/pipeline/extract-data.server.js';
+import { UPLOAD_PATH } from '../../../core/prototype/collection/upload/constant.js';
+import { retireAutoSaves } from '../../../core/prototype/shared/versions/retire-auto-saves.server.js';
 import { trycatch } from '../../../util/function.js';
 import { toKebabCase } from '../../../util/string.js';
 import {} from '@sveltejs/kit';
@@ -15,7 +16,6 @@ export const collectionFormActions = {
      */
     create: async (event) => {
         const { rime, locale } = event.locals;
-        const panelSegment = event.params.panel;
         const slug = event.params.slug;
         if (!rime.config.isCollection(slug)) {
             throw handleError(new RimeError(RimeError.NOT_FOUND), { context: ERROR_CONTEXT.ACTION });
@@ -45,7 +45,7 @@ export const collectionFormActions = {
         const params = collection.config.upload
             ? `?${PARAMS.UPLOAD_PATH}=${data._path || UPLOAD_PATH.ROOT_NAME}`
             : '';
-        const redirectUrl = `${panelUrlFor(panelSegment, toKebabCase(slug), document.id)}${params}`;
+        const redirectUrl = rime.routes.panelUrl(toKebabCase(slug), document.id) + params;
         return {
             redirectUrl,
             document,
@@ -58,12 +58,12 @@ export const collectionFormActions = {
      * /panel/{slug}/{documentId}
      */
     update: async (event) => {
-        const { rime, locale } = event.locals;
-        const panelSegment = event.params.panel;
+        const { rime, locale, user } = event.locals;
         const slug = event.params.slug || '';
         const id = event.params.id || '';
         const versionId = event.url.searchParams.get(PARAMS.VERSION_ID) || undefined;
-        const draft = event.url.searchParams.get(PARAMS.DRAFT) === 'true';
+        const fork = event.url.searchParams.get(PARAMS.FORK) === 'true';
+        const autoSave = event.url.searchParams.get(PARAMS.AUTO_SAVE) === 'true';
         if (!rime.config.isCollection(slug)) {
             throw handleError(new RimeError(RimeError.NOT_FOUND), { context: ERROR_CONTEXT.ACTION });
         }
@@ -71,21 +71,37 @@ export const collectionFormActions = {
         if (extractError) {
             return handleError(extractError, { context: ERROR_CONTEXT.ACTION });
         }
-        const [error, document] = await trycatch(() => rime.collection(slug).updateById({
+        const collection = rime.collection(slug);
+        const [error, document] = await trycatch(() => collection.updateById({
             id,
             data,
             versionId,
-            draft,
+            fork,
+            autoSave,
             locale
         }));
         if (error) {
             return handleError(error, { context: ERROR_CONTEXT.ACTION });
         }
-        if (draft && 'versionId' in document) {
+        // An auto-save is silent: the form merges the document back and nothing else moves.
+        if (autoSave) {
+            return { document };
+        }
+        // A save is where the saver's auto-saves of the document end, except the row it landed on.
+        if (user) {
+            await retireAutoSaves({
+                event,
+                config: collection.config,
+                docId: document.id,
+                userId: user.id,
+                keep: document.versionId
+            });
+        }
+        if (fork && 'versionId' in document) {
             return {
                 document,
                 message: t__('common.version_created'),
-                redirectUrl: `${panelUrlFor(panelSegment, toKebabCase(slug), document.id)}/versions?versionId=${document.versionId}`
+                redirectUrl: `${rime.routes.panelUrl(toKebabCase(slug), document.id)}?${PARAMS.VERSION_ID}=${document.versionId}`
             };
         }
         return {

package/dist/panel/pages/collection-document/load.server.d.ts

@@ -3,4 +3,4 @@ import { type ServerLoadEvent } from '@sveltejs/kit';
 /**
  * Load function for the collection document page in the panel.
  */
-export declare function documentLoad<V extends boolean = boolean>(event: ServerLoadEvent, withVersion?: V): Promise<CollectionDocData<V>>;
+export declare function documentLoad(event: ServerLoadEvent): Promise<CollectionDocData>;

package/dist/panel/pages/collection-document/load.server.js

@@ -1,26 +1,24 @@
-import { buildUploadAria } from '../../../core/collections/upload/util/path.js';
-import { PARAMS, UPLOAD_PATH } from '../../../core/constant.js';
+import { PARAMS } from '../../../core/constants.js';
 import { ERROR_CONTEXT, handleError } from '../../../core/errors/handler.server.js';
 import { RimeError } from '../../../core/errors/index.js';
-import { withVersionsSuffix } from '../../../core/naming.js';
-import { panelUrlFor } from '../../util/url.js';
+import { UPLOAD_PATH } from '../../../core/prototype/collection/upload/constant.js';
+import { buildUploadAria } from '../../../core/prototype/collection/upload/util/path.js';
+import { autoSavesOf } from '../../../core/prototype/shared/versions/auto-saves.server.js';
 import { trycatch } from '../../../util/function.js';
-import { apiUrl } from '../../../util/index.js';
-import { toKebabCase } from '../../../util/string.js';
 import { error } from '@sveltejs/kit';
 /**
  * Load function for the collection document page in the panel.
  */
-export async function documentLoad(event, withVersion) {
+export async function documentLoad(event) {
     //
     const { locale, user, rime } = event.locals;
     const { id } = event.params;
     const slug = event.params.slug || '';
-    const panelSegment = event.params.panel;
     if (!id)
         throw error(404, 'Not found');
     let doc;
     let readOnly = false;
+    let autoSaves;
     if (!rime.config.isCollection(slug)) {
         throw handleError(new RimeError(RimeError.NOT_FOUND), { context: 'load' });
     }
@@ -43,7 +41,7 @@ export async function documentLoad(event, withVersion) {
         }
         const versionId = event.url.searchParams.get(PARAMS.VERSION_ID) || undefined;
         /** Get doc */
-        const [error, document] = await trycatch(() => collection.findById({ id, locale, versionId, draft: true }));
+        const [error, document] = await trycatch(() => collection.findById({ id, locale, versionId, latest: true }));
         doc = document;
         if (error) {
             throw handleError(error, { context: 'load' });
@@ -52,48 +50,41 @@ export async function documentLoad(event, withVersion) {
         if (authorizedRead && !authorizedUpdate) {
             readOnly = true;
         }
+        autoSaves = await autoSavesOf({ event, config: collection.config, doc });
     }
     let aria;
     const collectionAria = {
         title: collection.config.label.plural,
-        url: panelUrlFor(panelSegment, collection.config.kebab)
+        url: rime.routes.panelUrl(collection.config.kebab)
     };
     if (collection.config.upload) {
         const paramUploadPath = event.url.searchParams.get('uploadPath');
         const currentDirectoryPath = paramUploadPath || UPLOAD_PATH.ROOT_NAME;
         aria = [
-            { title: 'Dashboard', icon: 'dashboard', url: panelUrlFor(panelSegment) },
+            { title: 'Dashboard', icon: 'dashboard', url: rime.routes.panelUrl() },
             collectionAria,
-            ...buildUploadAria({ path: currentDirectoryPath, slug, panelSegment }),
+            ...buildUploadAria({ path: currentDirectoryPath, slug, panelSegment: rime.routes.panel }),
             { title: undefined } // Will be populated by title context
         ];
     }
     else {
         aria = [
-            { title: 'Dashboard', icon: 'dashboard', url: panelUrlFor(panelSegment) },
+            { title: 'Dashboard', icon: 'dashboard', url: rime.routes.panelUrl() },
             {
                 title: collection.config.label.plural,
-                url: panelUrlFor(panelSegment, collection.config.kebab)
+                url: rime.routes.panelUrl(collection.config.kebab)
             },
             { title: undefined } // Will be populated by title context
         ];
     }
-    let data = {
+    const data = {
         aria,
         doc,
         operation,
         status: 200,
         hasMailer: 'mailer' in rime,
-        readOnly
+        readOnly,
+        autoSaves
     };
-    if (withVersion) {
-        const url = `${apiUrl(withVersionsSuffix(toKebabCase(doc._type)))}?where[ownerId][equals]=${doc.id}&sort=-updatedAt&select=updatedAt,status`;
-        const promise = event.fetch(url).then((r) => r.json());
-        const [error, result] = await trycatch(() => promise);
-        if (error || !Array.isArray(result.docs)) {
-            throw new RimeError(RimeError.OPERATION_ERROR, 'while getting versions');
-        }
-        data = { ...data, versions: result.docs };
-    }
     return data;
 }

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { invalidateAll } from '$app/navigation';
-  import type { User } from '../../../core/collections/auth/types.js';
+  import type { User } from '../../../core/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';

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

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

package/dist/panel/pages/dashboard/load.server.js

@@ -1,16 +1,26 @@
-import { panelUrlFor } from '../../util/url.js';
 import { capitalize } from '../../../util/string.js';
 export const dashboardLoad = async (event) => {
     const { locale, user, rime } = event.locals;
-    const panelSegment = event.params.panel;
     const entries = [];
+    /**
+     * The dashboard's own defaults — and the only place they live.
+     *
+     * `panel !== false` is already filtered below, so `c.panel` here is either what the author wrote
+     * or nothing at all. Layout precedence, widest to narrowest: what the author put on the
+     * collection, then what a feature offered through `_dashboardLayout` (`upload` asks for a grid),
+     * then rows.
+     *
+     * The collection prototype used to seed all of this in an `configurePanel`, which meant `panel`
+     * was always an object by the time it got here — so `panel: false` never survived to be read,
+     * and these defaults ran twice.
+     */
     const normalizedPanelConfig = (c) => {
         const incomingConfig = c.panel || {};
         const incomingDashboardConfig = incomingConfig.dashboard || {};
         return {
             ...incomingConfig,
             dashboard: {
-                layout: incomingDashboardConfig.layout ? incomingDashboardConfig.layout : 'rows',
+                layout: incomingDashboardConfig.layout ?? c._dashboardLayout ?? 'rows',
                 maxEntries: incomingDashboardConfig.maxEntries || 8
             }
         };
@@ -22,7 +32,7 @@ export const dashboardLoad = async (event) => {
             description: panelConfig.description || null,
             slug: c.slug,
             canCreate: user && c.access.create(user, {}),
-            link: panelUrlFor(panelSegment, c.kebab),
+            link: rime.routes.panelUrl(c.kebab),
             titleSingular: c.label.singular,
             title: c.label.plural,
             layout: panelConfig.dashboard.layout
@@ -33,7 +43,7 @@ export const dashboardLoad = async (event) => {
             return await rime.collection(c.slug).find({
                 limit,
                 locale,
-                draft: true
+                latest: true
             });
         }
         catch (err) {
@@ -45,20 +55,12 @@ export const dashboardLoad = async (event) => {
     const promiseEntries = rime.config.raw.collections
         .filter((collection) => user && collection.access.read(user, {}))
         .filter((collection) => collection.panel !== false && collection.panel?.dashboard !== false)
-        .map(async (collection) => {
-        if (collection.panel) {
-            return getLastEdited(collection, normalizedPanelConfig(collection).dashboard?.maxEntries).then((docs) => ({
-                ...buildBaseEntry(collection),
-                lastEdited: docs
-            }));
-        }
-        else {
-            return {
-                ...buildBaseEntry(collection),
-                lastEdited: []
-            };
-        }
-    });
+        // No `if (collection.panel)` branch: the filter above has already dropped the collections that
+        // switched the panel or the dashboard off, so everything reaching here wants its documents
+        // listed. The branch existed because `configurePanel` made `panel` unconditionally truthy, which
+        // made its `else` unreachable — take the augment away and it would have started silently
+        // emptying every collection that authored no `panel` at all.
+        .map(async (collection) => getLastEdited(collection, normalizedPanelConfig(collection).dashboard.maxEntries).then((docs) => ({ ...buildBaseEntry(collection), lastEdited: docs })));
     try {
         const collectionEntries = await Promise.all(promiseEntries);
         entries.push(...collectionEntries);
@@ -73,11 +75,11 @@ export const dashboardLoad = async (event) => {
                 prototype: 'area',
                 description: (area.panel && area.panel?.description) || null,
                 slug: area.slug,
-                link: panelUrlFor(panelSegment, area.kebab),
+                link: rime.routes.panelUrl(area.kebab),
                 title: area.label || capitalize(area.slug)
             });
         }
     }
-    const aria = [{ title: 'Dashboard', icon: 'dashboard', url: panelUrlFor(panelSegment) }];
+    const aria = [{ title: 'Dashboard', icon: 'dashboard', url: rime.routes.panelUrl() }];
     return { entries, aria };
 };

package/dist/panel/pages/dashboard/types.d.ts

@@ -1,4 +1,4 @@
-import type { AreaSlug, CollectionSlug, GenericDoc } from '../../../core/types/doc.js';
+import type { AreaSlug, CollectionSlug, GenericDoc } from '../../../core/prototype/types.js';
 export type DashboardEntry = {
     slug: CollectionSlug;
     title: string;

package/dist/panel/pages/live/Live.svelte

@@ -2,6 +2,7 @@
   import { goto } from '$app/navigation';
   import type { BuiltConfigClient } from '../../../core/config/types';
   import { t__ } from '../../../core/i18n';
+  import { panelPath } from '../../../core/routes/util.js';
   import LiveEditPanel from '../../components/sections/live/LiveEditPanel.svelte';
   import LiveFloatingUI from '../../components/sections/live/LiveFloatingUI.svelte';
   import { Pane, PaneGroup, PaneResizer } from '../../components/ui/pane/index.js';
@@ -14,7 +15,6 @@
   import { setLocaleContext } from '../../context/locale.svelte';
   import { setTitleContext } from '../../context/title';
   import { setUserContext } from '../../context/user.svelte';
-  import { panelPath } from '../../util/url.js';
   import type { GenericDoc, User } from '../../../types';
   import { trycatchFetch } from '../../../util/function';
   import { snapshot } from '../../../util/state';
@@ -240,7 +240,6 @@
   function backToDocumentPanel() {
     const slug = data.slug;
     const id = data.doc.id;
-
     // Start with the base URI for the panel, adding the item ID if present
     const panelUri = id ? panelPath(toKebabCase(slug), id) : panelPath(toKebabCase(slug));
     return goto(panelUri);

package/dist/panel/pages/live/load.server.js

@@ -1,5 +1,5 @@
 import { env } from '$env/dynamic/public';
-import { PARAMS } from '../../../core/constant.js';
+import { PARAMS } from '../../../core/constants.js';
 import { error, redirect } from '@sveltejs/kit';
 export async function liveLoad(event) {
     const { user, rime } = event.locals;

package/dist/panel/types.d.ts

@@ -1,7 +1,7 @@
 import type { WithRequired } from 'better-auth/svelte';
 import type { Component, Snippet } from 'svelte';
-import type { GenericDoc } from '../core/types/doc.js';
-export type { Navigation } from './navigation.js';
+import type { GenericDoc } from '../core/prototype/types.js';
+export type { Navigation } from '../core/routes/panel-navigation.js';
 export type Route = {
     title: string;
     icon?: any;

package/dist/panel/util/live.server.d.ts

@@ -1,7 +1,7 @@
 import { type ServerLoadEvent } from '@sveltejs/kit';
 /**
  * Check and handle live edit redirect if needed.
- * @throws {Redirect} If live=1 and user is authenticated
+ * @throws {Redirect} If live=1 and the visitor is staff
  */
 export declare function checkLiveRedirect(doc: {
     _live?: string;

package/dist/panel/util/live.server.js

@@ -1,11 +1,11 @@
 import { redirect } from '@sveltejs/kit';
 /**
  * Check and handle live edit redirect if needed.
- * @throws {Redirect} If live=1 and user is authenticated
+ * @throws {Redirect} If live=1 and the visitor is staff
  */
 export function checkLiveRedirect(doc, event) {
     const { user } = event.locals;
-    if (user && doc._live && event.url.searchParams.get('live') === '1') {
+    if (user?.isStaff && doc._live && event.url.searchParams.get('live') === '1') {
         throw redirect(302, doc._live);
     }
 }