@rakun-kit/manager-react 1.7.1 → 1.7.2

package/dist/docs/index.md

@@ -1,426 +1,429 @@
-# `@rakun-kit/manager-react` AI usage manual
-
-This package is the publishable React manager, its transport clients,
-navigation abstraction, locale runtime, plugin API and CSS. Most Next.js apps
-should use `@rakun-kit/next/manager`; use this package directly for custom
-React hosts.
-
-Read the core manual at
-`node_modules/@rakun-kit/core/dist/docs/index.md` before changing manager/server
-contracts.
-
-## Install and mount
-
-```sh
-bun add @rakun-kit/manager-react react react-dom
-```
-
-```tsx
-import { ManagerBrowserApp, createHttpManagerClient } from '@rakun-kit/manager-react'
-import '@rakun-kit/manager-react/styles.css'
-
-const client = createHttpManagerClient({ baseUrl: '/api/rakun' })
-
-export function ManagerPage() {
-  return (
-    <ManagerBrowserApp client={client} pathname={window.location.pathname} basePath="/backend" />
-  )
-}
-```
-
-Import the stylesheet exactly once. `ManagerBrowserApp` owns browser-history
-navigation. Use `ManagerRuntimeApp` when the host supplies navigation.
-
-Built-in screens are split by manager route and loaded on first visit. Lucide
-names configured for content-type and module-picker icons remain unrestricted;
-the manager accepts kebab-case or PascalCase names and loads the selected icon
-on demand.
-
-## Realtime synchronization
-
-The runtime loads `platform.realtime` from `manager.uiLocales` and selects
-polling or SSE without a separate client-side transport setting. Set
-`realtimeBaseUrl` to the manager API base URL so package-relative endpoints
-resolve correctly:
-
-```tsx
-<ManagerBrowserApp
-  client={client}
-  realtimeBaseUrl="/api/rakun"
-  pathname={window.location.pathname}
-/>
-```
-
-The default `sseRealtime()` metadata resolves to
-`<realtimeBaseUrl>/realtime`; core bootstrap configuration does not repeat the
-API base path.
-
-Core mutations publish stable topics for collaboration documents, locale
-variants, versions, comments, and notifications. `useManagerSyncQuery` and
-`useSync` invalidate their exact TanStack Query key after a matching event.
-The `syncIntervalMs` option is used only by the polling provider; SSE does not
-create periodic refresh timers. SSE multiplexes all active topics onto one
-`EventSource`, so opening multiple editors does not exhaust the browser's
-per-origin connection pool.
-
-Custom compositions may pass a `RealtimeMetadata` or `RealtimeProvider` to
-`ManagerProvider` / `ManagerAppProvider`. The root package exports
-`pollingRealtime`, `sseRealtime`, `realtimeFromMetadata`, `useSync`, and
-`useManagerSyncQuery`. Prefer the runtime bootstrap path so the core platform
-remains the source of truth.
-
-## Clients and navigation
-
-- HTTP: `createHttpManagerClient` from `/client/http`.
-- tRPC: `createTrpcManagerClient` from `/client/trpc`.
-- Custom transport: `createManagerClient` from `/client/request`.
-- Router bridge: `createPathManagerNavigation` from `/state/navigation`.
-
-Hosts can use `preloadManagerPath` to prefetch built-in route chunks from their
-own router or link component.
-
-Use operation names and payloads from Rakun contracts; do not recreate endpoint
-types in host code. Keep `baseUrl` (API) distinct from `basePath` (manager UI).
-
-## Link field picker
-
-The `f.link()` editor always shows Title and Destination inputs. A typed or
-pasted URL is stored as `{ href, title }`. Opening the destination picker
-exposes the home page and configured page-route types with their content type
-icons; selecting an item fills an empty title from its manager label and stores
-`{ routeId, contentTypeId, title }` so core can resolve localized paths.
-Persisted string values are normalized to `{ href, title: '' }` when loaded;
-untitled internal references also remain editable.
-
-Compound arrays such as `f.array(f.link())` render each value as a reorderable
-card in the Info editor. Use the drag handle to change their persisted order;
-current nested input values are preserved while an item is moved.
-
-`f.menu()` renders an ordered navigation tree for headers and similar modules.
-Each item reuses the internal/direct link picker and may contain unlimited child
-levels. Drag vertically to reorder; drag horizontally to nest or outdent. The
-level buttons expose equivalent keyboard actions. Removing a parent removes
-its complete subtree, and editor-only drag identifiers are never persisted.
-
-## Media uploads
-
-The manager preserves Unicode original file names when uploading media. Names
-with accents, non-Latin scripts, or emoji are encoded into ASCII for the binary
-upload headers and restored by core before metadata is saved.
-
-The optimization popover has a Format selector for Image and Video settings.
-Images retain their output-format, quality, preview, and responsive-size
-controls. Videos expose their own quality and are always converted to both MP4
-and WebM for browser compatibility.
-
-When optimization is enabled, right-click an image or video and select
-`Reimport` to regenerate its optimized outputs. The action keeps the existing
-media ID, title, alt text, folder, and content references. You can also
-multi-select images and videos and use the selection toolbar reimport action.
-For an image, the same context menu offers `Replace image`. Choose a new image
-and confirm to replace the underlying file while keeping the media ID, details,
-folder and every reference to it across the site. Referencing pages are
-revalidated when the project has route revalidation configured.
-The image editor can crop to a rectangle or circle, rotate, and flip the saved
-copy horizontally or vertically.
-Optimization is enabled by default in the media library; generated image
-previews are stored as inline `data:image/...` strings on the media record for
-LQIP use.
-
-Gallery and file-field image previews use `@rakun-kit/react` `Image` with a
-layout-appropriate `sizes` value so responsive variants are selected when
-available.
-
-## Manager plugins
-
-```tsx
-import {
-  defineRakunManagerPlugin,
-  ManagerBrowserApp,
-} from '@rakun-kit/manager-react'
-
-const plugin = defineRakunManagerPlugin({
-  id: '@acme/analytics',
-  routes: [{
-    id: 'dashboard',
-    path: '/analytics',
-    component: AnalyticsScreen,
-    permissions: ['plugin.analytics.view'],
-  }],
-  sidebar: [{
-    id: 'analytics',
-    title: 'analytics.title',
-    routeId: 'dashboard',
-    position: 'primary',
-    group: 'Plugins',
-  }],
-})
-
-<ManagerBrowserApp plugins={[plugin]} {...props} />
-```
-
-Plugins can contribute routes, sidebar entries, custom field editors and
-RichText extensions. Use exported plugin types from
-`@rakun-kit/manager-react/plugins`. Plugin ids, route ids, field editor ids,
-Lexical node types and RichText plugin ids must be unique.
-
-Dynamic Data behavior for custom editors comes from the encoded field
-`config.capabilities`, not from the editor id. `valueKind` controls source and
-target compatibility; `dynamic.properties` exposes object leaves;
-`mapProperties` renders them as separate mapping targets; `relation` enables
-nested content-type fields; and `collection` enables homogeneous or
-heterogeneous per-item mappings. A plugin editor therefore gains the standard
-Dynamic Data control by declaring its behavior in its core field factory.
-
-In Next.js, plugin registration belongs in a `'use client'` wrapper around
-`RakunManagerClientPage`; pass the wrapper to `RakunManagerPage` as
-`managerComponent`.
-
-## Languages and copy
-
-English is built in. Additional server-provided UI packs come from
-`@rakun-kit/manager-locales` and are configured in core `managerLanguages`.
-Content editing locale and manager UI locale are separate states.
-
-Built-in manager copy must use the static manager translation catalog. Project
-labels may use arbitrary project keys. Fields resolve `field.<fieldName>` and
-layout slots resolve `layoutModule.<layoutKey>` with fallbacks.
-
-The authenticated sidebar places Visit site at the top-right of its logo block.
-It opens the validated SEO `siteUrl` in a new tab and falls back to `/` on the
-current manager host when the setting is empty. Custom dashboard layout
-renderers receive `siteUrl` in their layout props and should preserve an
-equivalent action. On a published routed document, the edit toolbar also shows
-View page for the exact selected language and locale variant. Draft, hidden,
-trashed, and route-less documents do not show that contextual action.
-
-## Content and template tabs
-
-Saved content edit screens load an independent Yjs working document for the
-exact document `_id`. Field changes are synchronized incrementally over the
-manager HTTP client and the toolbar reports shared unsaved changes. Another
-editor on the same published document or draft sees that shared working state;
-an editor on a different draft uses a different room. Leaving and reopening the
-screen reloads the working state from the collaboration backend.
-
-The edit header shows one presence avatar per open browser tab, including
-multiple tabs owned by the same user. It keeps two avatars visible and collapses
-additional viewers into a `+N` badge; hovering or focusing the group lists every
-viewer and their focused field. Fields focused by another tab receive a visible
-highlight. Presence is ephemeral and disappears after a tab leaves or its
-connection expires. With SSE, the authenticated stream and its server heartbeat
-maintain that presence without periodic client-side collaboration sync calls;
-the polling provider refreshes it as part of its normal poll.
-
-Each collaborative room is also persisted locally with IndexedDB, isolated by
-manager user and room id. A previously opened document or shared Template loads
-its local Yjs state first and then exchanges updates with core. Edits made while
-the collaboration endpoint is unavailable remain in IndexedDB and are sent
-when connectivity returns; the toolbar reports that state as offline and
-locally stored. The first visit still needs the normal authenticated manager
-read to authorize and describe the document.
-
-Save first flushes pending Yjs updates and then asks core to persist a snapshot
-of the server-side working document. Until it succeeds, public/web reads and
-revalidation remain on the previous saved snapshot. Unsaved therefore means
-shared-but-not-committed, not changes owned by one browser. Draft promotion is
-still separate and uses the saved draft snapshot.
-
-The edit toolbar can discard changes through the shared confirmation dialog.
-Discard restores the last saved content snapshot for every editor; when the
-shared Template also has unsaved work, the confirmation states that it will be
-restored too. The save menu can save the current unsaved form as a separately
-named, unassigned draft variant copy or create an independent draft copy.
-
-Routeable documents keep the live preview visible as the main editing surface
-and collapse the manager's global navigation when opened. Editors can reopen
-that navigation from the normal header control. On wide screens, fields and the
-available Info, Content, Template, SEO, layout, variant, and history sections
-live in a resizable sidebar with compact vertical navigation and a preview-first
-initial split. Content and Template expose their module tree in an overlay
-navigator so it can be used for selection and reordering without permanently
-narrowing module forms. Module card actions use a separate wrapping row. On
-tablet-sized screens, the editor opens as an overlay while the preview remains
-the underlying canvas. On mobile, Rakun hides the preview, renders the editor as
-the main surface, and changes the section rail into a horizontally scrollable
-top bar.
-
-Opening the automatic preview reads the current working state without showing
-Save validation errors. Explicit preview refreshes and Save still validate the
-form. Existing relation selections remain available while their options load.
-Simple arrays share their field values directly; manager-only row identities
-are never included in collaborative or saved link arrays.
-
-IndexedDB persistence does not replace Save: local and shared CRDT updates are
-working state, while MongoDB and public/web reads change only after the server
-save operation succeeds. Save therefore requires connectivity.
-
-The shared Template tab also uses Yjs, but in a separate room keyed only by
-content type. Consequently, editors who opened different documents collaborate
-on the same template. Its changes remain shared but uncommitted until Save,
-which persists the template snapshot through the normal validated template
-flow. It is never copied into the current document's room.
-
-This scope intentionally excludes create-form content before its first save,
-route-layout modules, Settings, literals, users, comments, reviews, and other
-manager forms. The shared Template remains collaborative even while reached
-from a create form because it is an existing type-level resource. Automatic
-translation changes the content document's shared working state but does not
-save it.
-
-Variant creation, language assignment, promotion, trash, and restore remain
-validated server mutations rather than CRDT fields. While editors are open,
-the Variants tab and the editor's locale assignments refresh automatically, so
-a variant created by one user appears for the others without reloading the
-page.
-
-For a routeable content type with `iterator`, Content edits the `_iterator`
-modules unique to the current document. Template is enabled automatically and
-edits one shared composition for every document of that type. Both tabs offer
-the same configured iterator modules. The Template module picker additionally
-adds a built-in Content item at its root and inside blocks fields; it marks the
-exact position where the current document's Content modules are inserted.
-
-Template changes require the content type's `updateAny` permission and are
-saved with optimistic revision checks. Preview includes unsaved changes from
-both tabs.
-
-Fields configured with core `.help(text)` show a compact help icon beside their
-label. Activating it opens the guidance in a popover, including inside iterator
-and nested blocks modules. The manager resolves a translation key through its
-active locale and falls back to displaying the supplied string directly.
-
-## Route SEO analysis
-
-The SEO tab of routeable content has separate Metadata and Analysis views.
-Generate report creates a temporary preview snapshot from the current form and
-shared template, then inspects the rendered page through the preview bridge.
-The report checks title and description lengths, H1 usage, heading order,
-missing image `alt` attributes, canonical URL, document language, `noindex`,
-Open Graph coverage, and rendered JSON-LD validity. It also renders
-representative Google and sharing previews plus the page's heading outline and
-the resolved JSON-LD blocks with their detected schema types. The indexability result uses the
-content's resolved SEO value and ignores `noindex` added solely to protect the
-temporary preview URL from indexing. When the canonical field is empty, Rakun
-derives it from Settings → SEO `siteUrl` and the resolved page route; the report
-identifies a missing `siteUrl` separately.
-
-SEO reports are advisory and do not claim to predict search rankings. Reports
-generated for saved documents are persisted with their date, score and rendered
-findings when the editor has `content.SeoSettings.own`; the site-wide SEO screen
-uses that history to show recent page reports. The document's Analysis view also
-lists its previous reports for the active language and route; selecting one
-restores the saved report, while Back to current report returns to the live
-result. Preview analysis requires the route to have manager preview configured.
-The preview adapter must support Rakun's SEO-analysis bridge messages; the
-official Next adapter does so automatically.
-
-The secondary sidebar exposes a separate SEO screen above the media library for
-users with SEO settings read access. Its Generate report action scans published
-documents from every readable routeable content type in the active language,
-checks stored metadata, custom Open Graph completeness and duplicate titles or
-descriptions, then persists a dated `SeoAudit` snapshot. A page without its own
-title or description uses the corresponding global default from Settings → SEO
-without a warning on the configured home page; other pages receive a fallback
-warning instead of a missing-metadata error. Previous site scores
-remain visible as a paginated evolution history; recent page reports use an
-independent bounded pagination. `SeoAudit` shares the `SeoSettings`
-permission resource, so `own` controls generation and `readAny` controls shared
-history visibility.
-
-Rakun's `StructuredData` iterator module can be placed in Content or a shared
-Template. Its typed fields support normal dynamic data mappings; the Custom
-variant accepts an arbitrary JSON object. Invalid custom JSON remains visible in
-the preview report as an error instead of disappearing silently.
-
-## Dynamic data mappings
-
-List bindings use a type-aware mapping editor. When a mapped target property is
-itself a `blocks` field, choose `Nested list` to open another collection, query,
-filter, and mapping editor for that property. Nested query conditions can select
-`Current item` to read the parent source item at that level, or `Current
-document` to read the root document. This supports mappings such as Category ->
-gallery item -> Project -> image card, and the editor can repeat the flow for
-deeper block structures.
-
-Homogeneous arrays of links or relations can use either `Direct field` for the
-complete array or `Nested list` for per-item mapping. This also covers core
-`relation().multiple()` fields. Link items expose `title` and `href`, while
-relation items expose their target content type fields; their result remains a
-flat array rather than the heterogeneous `{ name, value }` shape used by
-`blocks`.
-
-Core `.min(count)` and `.max(count)` limits on `f.array(...)` and `.multiple()`
-relation, file, select, and content-reference fields appear below the manager
-control with its live item count. The control reports minimum/maximum validation
-errors and prevents adding or confirming items beyond the maximum.
-
-Target link fields are expanded into visible `<field>.title` and `<field>.href`
-rows. Each property can select its own compatible source and core reconstructs
-the mapped link object.
-
-In the SEO tab, `Current document` exposes compatible fields from the complete
-document (including fields edited in Info), while the reserved `_seo` relation
-itself stays excluded as a source. On create forms, string fields configured in
-core with `.seo('<seoField>')` appear as normal preconfigured dynamic bindings;
-editors can replace or clear them before the first save.
-
-## llms.txt settings
-
-Settings → AI content edits the optional site-level `llms.txt` guide. Publishing is off
-by default. Editors may override the SEO-derived site title and summary, add
-Markdown guidance, and curate ordered sections of internal pages or external
-URLs. Sections marked as Secondary content appear as titled subsections under
-`## Optional`; Rakun never copies the complete sitemap into this document automatically. Internal page choices
-are limited to published documents when their content type uses publication
-states.
-
-## Confirmations
-
-Use the shared async confirm API instead of ad-hoc yes/no dialogs:
-
-```tsx
-import { confirm, useConfirm } from '@rakun-kit/manager-react'
-
-const result = await confirm({
-  title: 'Delete item',
-  description: 'This cannot be undone.',
-  confirmLabel: 'Delete',
-  variant: 'destructive',
-  onConfirm: async () => {
-    await deleteItem()
-  },
-})
-
-// 'confirmed' | 'cancelled' | 'dismissed'
-if (result !== 'confirmed') return
-
-// Or boolean helper:
-if (!(await confirm.yes({ title: 'Continue?' }))) return
-```
-
-`ConfirmProvider` is mounted by `ManagerRuntimeApp` / `ManagerBrowserApp`.
-`onConfirm` keeps the dialog open with a loading button until the promise
-settles; thrown errors leave it open.
-
-## Public entrypoints
-
-- `@rakun-kit/manager-react`: manager apps, providers and common helpers.
-- `/client/http`, `/client/request`, `/client/trpc`: manager transports.
-- `/app/runtime-app`: runtime/browser app components.
-- `/state/navigation`, `/state/theme`, `/link`: host integration primitives.
-- `/plugins`, `/rich-text`: plugin and RichText extension contracts.
-- `/i18n`: locale runtime, catalog and locale types.
-- `confirm` / `useConfirm` / `ConfirmProvider`: shared async confirmation dialogs.
-- `/styles.css`: required bundled styles.
-
-## Agent constraints
-
-- This package can run outside Next.js; do not assume Next navigation or server
-  components.
-- Do not import the main React entrypoint into server bootstrap just to obtain
-  locale types or data.
-- Permission-gate protected UI, and handle loading, empty and error states.
-- Use existing manager components and operations before adding parallel APIs.
-- Keep manager/core schemas synchronized when an operation changes.
-- Do not hardcode user-facing manager copy.
+# `@rakun-kit/manager-react` AI usage manual
+
+This package is the publishable React manager, its transport clients,
+navigation abstraction, locale runtime, plugin API and CSS. Most Next.js apps
+should use `@rakun-kit/next/manager`; use this package directly for custom
+React hosts.
+
+Read the core manual at
+`node_modules/@rakun-kit/core/dist/docs/index.md` before changing manager/server
+contracts.
+
+## Install and mount
+
+```sh
+bun add @rakun-kit/manager-react react react-dom
+```
+
+```tsx
+import { ManagerBrowserApp, createHttpManagerClient } from '@rakun-kit/manager-react'
+import '@rakun-kit/manager-react/styles.css'
+
+const client = createHttpManagerClient({ baseUrl: '/api/rakun' })
+
+export function ManagerPage() {
+  return (
+    <ManagerBrowserApp client={client} pathname={window.location.pathname} basePath="/backend" />
+  )
+}
+```
+
+Import the stylesheet exactly once. `ManagerBrowserApp` owns browser-history
+navigation. Use `ManagerRuntimeApp` when the host supplies navigation.
+
+Built-in screens are split by manager route and loaded on first visit. Lucide
+names configured for content-type and module-picker icons remain unrestricted;
+the manager accepts kebab-case or PascalCase names and loads the selected icon
+on demand.
+
+## Realtime synchronization
+
+The runtime loads `platform.realtime` from `manager.uiLocales` and selects
+polling or SSE without a separate client-side transport setting. Set
+`realtimeBaseUrl` to the manager API base URL so package-relative endpoints
+resolve correctly:
+
+```tsx
+<ManagerBrowserApp
+  client={client}
+  realtimeBaseUrl="/api/rakun"
+  pathname={window.location.pathname}
+/>
+```
+
+The default `sseRealtime()` metadata resolves to
+`<realtimeBaseUrl>/realtime`; core bootstrap configuration does not repeat the
+API base path.
+
+Core mutations publish stable topics for collaboration documents, locale
+variants, versions, comments, and notifications. `useManagerSyncQuery` and
+`useSync` invalidate their exact TanStack Query key after a matching event.
+The `syncIntervalMs` option is used only by the polling provider; SSE does not
+create periodic refresh timers. SSE multiplexes all active topics onto one
+`EventSource`, so opening multiple editors does not exhaust the browser's
+per-origin connection pool.
+
+Custom compositions may pass a `RealtimeMetadata` or `RealtimeProvider` to
+`ManagerProvider` / `ManagerAppProvider`. The root package exports
+`pollingRealtime`, `sseRealtime`, `realtimeFromMetadata`, `useSync`, and
+`useManagerSyncQuery`. Prefer the runtime bootstrap path so the core platform
+remains the source of truth.
+
+## Clients and navigation
+
+- HTTP: `createHttpManagerClient` from `/client/http`.
+- tRPC: `createTrpcManagerClient` from `/client/trpc`.
+- Custom transport: `createManagerClient` from `/client/request`.
+- Router bridge: `createPathManagerNavigation` from `/state/navigation`.
+
+Hosts can use `preloadManagerPath` to prefetch built-in route chunks from their
+own router or link component.
+
+Use operation names and payloads from Rakun contracts; do not recreate endpoint
+types in host code. Keep `baseUrl` (API) distinct from `basePath` (manager UI).
+
+## Link field picker
+
+The `f.link()` editor always shows Title and Destination inputs. A typed or
+pasted URL is stored as `{ href, title }`. Opening the destination picker
+exposes the home page and configured page-route types with their content type
+icons; selecting an item fills an empty title from its manager label and stores
+`{ routeId, contentTypeId, title }` so core can resolve localized paths.
+Persisted string values are normalized to `{ href, title: '' }` when loaded;
+untitled internal references also remain editable.
+
+Compound arrays such as `f.array(f.link())` render each value as a reorderable
+card in the Info editor. Use the drag handle to change their persisted order;
+current nested input values are preserved while an item is moved.
+
+`f.menu()` renders an ordered navigation tree for headers and similar modules.
+Each item reuses the internal/direct link picker and may contain unlimited child
+levels. Drag vertically to reorder; drag horizontally to nest or outdent. The
+level buttons expose equivalent keyboard actions. Removing a parent removes
+its complete subtree, and editor-only drag identifiers are never persisted.
+
+## Media uploads
+
+The manager preserves Unicode original file names when uploading media. Names
+with accents, non-Latin scripts, or emoji are encoded into ASCII for the binary
+upload headers and restored by core before metadata is saved.
+
+The optimization popover has a Format selector for Image and Video settings.
+Images retain their output-format, quality, preview, and responsive-size
+controls. Videos expose their own quality and are always converted to both MP4
+and WebM for browser compatibility.
+
+When optimization is enabled, right-click an image or video and select
+`Reimport` to regenerate its optimized outputs. The action keeps the existing
+media ID, title, alt text, folder, and content references. You can also
+multi-select images and videos and use the selection toolbar reimport action.
+For an image, the same context menu offers `Replace image`. Choose a new image
+and confirm to replace the underlying file while keeping the media ID, details,
+folder and every reference to it across the site. Referencing pages are
+revalidated when the project has route revalidation configured.
+The image editor can crop to a rectangle or circle, rotate, and flip the saved
+copy horizontally or vertically.
+In a video's details panel, choose an existing gallery image as its poster or
+enter a video second and generate one. Generated frames are saved as images in
+the same media folder. The poster can also be removed from the video.
+Optimization is enabled by default in the media library; generated image
+previews are stored as inline `data:image/...` strings on the media record for
+LQIP use.
+
+Gallery and file-field image previews use `@rakun-kit/react` `Image` with a
+layout-appropriate `sizes` value so responsive variants are selected when
+available.
+
+## Manager plugins
+
+```tsx
+import {
+  defineRakunManagerPlugin,
+  ManagerBrowserApp,
+} from '@rakun-kit/manager-react'
+
+const plugin = defineRakunManagerPlugin({
+  id: '@acme/analytics',
+  routes: [{
+    id: 'dashboard',
+    path: '/analytics',
+    component: AnalyticsScreen,
+    permissions: ['plugin.analytics.view'],
+  }],
+  sidebar: [{
+    id: 'analytics',
+    title: 'analytics.title',
+    routeId: 'dashboard',
+    position: 'primary',
+    group: 'Plugins',
+  }],
+})
+
+<ManagerBrowserApp plugins={[plugin]} {...props} />
+```
+
+Plugins can contribute routes, sidebar entries, custom field editors and
+RichText extensions. Use exported plugin types from
+`@rakun-kit/manager-react/plugins`. Plugin ids, route ids, field editor ids,
+Lexical node types and RichText plugin ids must be unique.
+
+Dynamic Data behavior for custom editors comes from the encoded field
+`config.capabilities`, not from the editor id. `valueKind` controls source and
+target compatibility; `dynamic.properties` exposes object leaves;
+`mapProperties` renders them as separate mapping targets; `relation` enables
+nested content-type fields; and `collection` enables homogeneous or
+heterogeneous per-item mappings. A plugin editor therefore gains the standard
+Dynamic Data control by declaring its behavior in its core field factory.
+
+In Next.js, plugin registration belongs in a `'use client'` wrapper around
+`RakunManagerClientPage`; pass the wrapper to `RakunManagerPage` as
+`managerComponent`.
+
+## Languages and copy
+
+English is built in. Additional server-provided UI packs come from
+`@rakun-kit/manager-locales` and are configured in core `managerLanguages`.
+Content editing locale and manager UI locale are separate states.
+
+Built-in manager copy must use the static manager translation catalog. Project
+labels may use arbitrary project keys. Fields resolve `field.<fieldName>` and
+layout slots resolve `layoutModule.<layoutKey>` with fallbacks.
+
+The authenticated sidebar places Visit site at the top-right of its logo block.
+It opens the validated SEO `siteUrl` in a new tab and falls back to `/` on the
+current manager host when the setting is empty. Custom dashboard layout
+renderers receive `siteUrl` in their layout props and should preserve an
+equivalent action. On a published routed document, the edit toolbar also shows
+View page for the exact selected language and locale variant. Draft, hidden,
+trashed, and route-less documents do not show that contextual action.
+
+## Content and template tabs
+
+Saved content edit screens load an independent Yjs working document for the
+exact document `_id`. Field changes are synchronized incrementally over the
+manager HTTP client and the toolbar reports shared unsaved changes. Another
+editor on the same published document or draft sees that shared working state;
+an editor on a different draft uses a different room. Leaving and reopening the
+screen reloads the working state from the collaboration backend.
+
+The edit header shows one presence avatar per open browser tab, including
+multiple tabs owned by the same user. It keeps two avatars visible and collapses
+additional viewers into a `+N` badge; hovering or focusing the group lists every
+viewer and their focused field. Fields focused by another tab receive a visible
+highlight. Presence is ephemeral and disappears after a tab leaves or its
+connection expires. With SSE, the authenticated stream and its server heartbeat
+maintain that presence without periodic client-side collaboration sync calls;
+the polling provider refreshes it as part of its normal poll.
+
+Each collaborative room is also persisted locally with IndexedDB, isolated by
+manager user and room id. A previously opened document or shared Template loads
+its local Yjs state first and then exchanges updates with core. Edits made while
+the collaboration endpoint is unavailable remain in IndexedDB and are sent
+when connectivity returns; the toolbar reports that state as offline and
+locally stored. The first visit still needs the normal authenticated manager
+read to authorize and describe the document.
+
+Save first flushes pending Yjs updates and then asks core to persist a snapshot
+of the server-side working document. Until it succeeds, public/web reads and
+revalidation remain on the previous saved snapshot. Unsaved therefore means
+shared-but-not-committed, not changes owned by one browser. Draft promotion is
+still separate and uses the saved draft snapshot.
+
+The edit toolbar can discard changes through the shared confirmation dialog.
+Discard restores the last saved content snapshot for every editor; when the
+shared Template also has unsaved work, the confirmation states that it will be
+restored too. The save menu can save the current unsaved form as a separately
+named, unassigned draft variant copy or create an independent draft copy.
+
+Routeable documents keep the live preview visible as the main editing surface
+and collapse the manager's global navigation when opened. Editors can reopen
+that navigation from the normal header control. On wide screens, fields and the
+available Info, Content, Template, SEO, layout, variant, and history sections
+live in a resizable sidebar with compact vertical navigation and a preview-first
+initial split. Content and Template expose their module tree in an overlay
+navigator so it can be used for selection and reordering without permanently
+narrowing module forms. Module card actions use a separate wrapping row. On
+tablet-sized screens, the editor opens as an overlay while the preview remains
+the underlying canvas. On mobile, Rakun hides the preview, renders the editor as
+the main surface, and changes the section rail into a horizontally scrollable
+top bar.
+
+Opening the automatic preview reads the current working state without showing
+Save validation errors. Explicit preview refreshes and Save still validate the
+form. Existing relation selections remain available while their options load.
+Simple arrays share their field values directly; manager-only row identities
+are never included in collaborative or saved link arrays.
+
+IndexedDB persistence does not replace Save: local and shared CRDT updates are
+working state, while MongoDB and public/web reads change only after the server
+save operation succeeds. Save therefore requires connectivity.
+
+The shared Template tab also uses Yjs, but in a separate room keyed only by
+content type. Consequently, editors who opened different documents collaborate
+on the same template. Its changes remain shared but uncommitted until Save,
+which persists the template snapshot through the normal validated template
+flow. It is never copied into the current document's room.
+
+This scope intentionally excludes create-form content before its first save,
+route-layout modules, Settings, literals, users, comments, reviews, and other
+manager forms. The shared Template remains collaborative even while reached
+from a create form because it is an existing type-level resource. Automatic
+translation changes the content document's shared working state but does not
+save it.
+
+Variant creation, language assignment, promotion, trash, and restore remain
+validated server mutations rather than CRDT fields. While editors are open,
+the Variants tab and the editor's locale assignments refresh automatically, so
+a variant created by one user appears for the others without reloading the
+page.
+
+For a routeable content type with `iterator`, Content edits the `_iterator`
+modules unique to the current document. Template is enabled automatically and
+edits one shared composition for every document of that type. Both tabs offer
+the same configured iterator modules. The Template module picker additionally
+adds a built-in Content item at its root and inside blocks fields; it marks the
+exact position where the current document's Content modules are inserted.
+
+Template changes require the content type's `updateAny` permission and are
+saved with optimistic revision checks. Preview includes unsaved changes from
+both tabs.
+
+Fields configured with core `.help(text)` show a compact help icon beside their
+label. Activating it opens the guidance in a popover, including inside iterator
+and nested blocks modules. The manager resolves a translation key through its
+active locale and falls back to displaying the supplied string directly.
+
+## Route SEO analysis
+
+The SEO tab of routeable content has separate Metadata and Analysis views.
+Generate report creates a temporary preview snapshot from the current form and
+shared template, then inspects the rendered page through the preview bridge.
+The report checks title and description lengths, H1 usage, heading order,
+missing image `alt` attributes, canonical URL, document language, `noindex`,
+Open Graph coverage, and rendered JSON-LD validity. It also renders
+representative Google and sharing previews plus the page's heading outline and
+the resolved JSON-LD blocks with their detected schema types. The indexability result uses the
+content's resolved SEO value and ignores `noindex` added solely to protect the
+temporary preview URL from indexing. When the canonical field is empty, Rakun
+derives it from Settings → SEO `siteUrl` and the resolved page route; the report
+identifies a missing `siteUrl` separately.
+
+SEO reports are advisory and do not claim to predict search rankings. Reports
+generated for saved documents are persisted with their date, score and rendered
+findings when the editor has `content.SeoSettings.own`; the site-wide SEO screen
+uses that history to show recent page reports. The document's Analysis view also
+lists its previous reports for the active language and route; selecting one
+restores the saved report, while Back to current report returns to the live
+result. Preview analysis requires the route to have manager preview configured.
+The preview adapter must support Rakun's SEO-analysis bridge messages; the
+official Next adapter does so automatically.
+
+The secondary sidebar exposes a separate SEO screen above the media library for
+users with SEO settings read access. Its Generate report action scans published
+documents from every readable routeable content type in the active language,
+checks stored metadata, custom Open Graph completeness and duplicate titles or
+descriptions, then persists a dated `SeoAudit` snapshot. A page without its own
+title or description uses the corresponding global default from Settings → SEO
+without a warning on the configured home page; other pages receive a fallback
+warning instead of a missing-metadata error. Previous site scores
+remain visible as a paginated evolution history; recent page reports use an
+independent bounded pagination. `SeoAudit` shares the `SeoSettings`
+permission resource, so `own` controls generation and `readAny` controls shared
+history visibility.
+
+Rakun's `StructuredData` iterator module can be placed in Content or a shared
+Template. Its typed fields support normal dynamic data mappings; the Custom
+variant accepts an arbitrary JSON object. Invalid custom JSON remains visible in
+the preview report as an error instead of disappearing silently.
+
+## Dynamic data mappings
+
+List bindings use a type-aware mapping editor. When a mapped target property is
+itself a `blocks` field, choose `Nested list` to open another collection, query,
+filter, and mapping editor for that property. Nested query conditions can select
+`Current item` to read the parent source item at that level, or `Current
+document` to read the root document. This supports mappings such as Category ->
+gallery item -> Project -> image card, and the editor can repeat the flow for
+deeper block structures.
+
+Homogeneous arrays of links or relations can use either `Direct field` for the
+complete array or `Nested list` for per-item mapping. This also covers core
+`relation().multiple()` fields. Link items expose `title` and `href`, while
+relation items expose their target content type fields; their result remains a
+flat array rather than the heterogeneous `{ name, value }` shape used by
+`blocks`.
+
+Core `.min(count)` and `.max(count)` limits on `f.array(...)` and `.multiple()`
+relation, file, select, and content-reference fields appear below the manager
+control with its live item count. The control reports minimum/maximum validation
+errors and prevents adding or confirming items beyond the maximum.
+
+Target link fields are expanded into visible `<field>.title` and `<field>.href`
+rows. Each property can select its own compatible source and core reconstructs
+the mapped link object.
+
+In the SEO tab, `Current document` exposes compatible fields from the complete
+document (including fields edited in Info), while the reserved `_seo` relation
+itself stays excluded as a source. On create forms, string fields configured in
+core with `.seo('<seoField>')` appear as normal preconfigured dynamic bindings;
+editors can replace or clear them before the first save.
+
+## llms.txt settings
+
+Settings → AI content edits the optional site-level `llms.txt` guide. Publishing is off
+by default. Editors may override the SEO-derived site title and summary, add
+Markdown guidance, and curate ordered sections of internal pages or external
+URLs. Sections marked as Secondary content appear as titled subsections under
+`## Optional`; Rakun never copies the complete sitemap into this document automatically. Internal page choices
+are limited to published documents when their content type uses publication
+states.
+
+## Confirmations
+
+Use the shared async confirm API instead of ad-hoc yes/no dialogs:
+
+```tsx
+import { confirm, useConfirm } from '@rakun-kit/manager-react'
+
+const result = await confirm({
+  title: 'Delete item',
+  description: 'This cannot be undone.',
+  confirmLabel: 'Delete',
+  variant: 'destructive',
+  onConfirm: async () => {
+    await deleteItem()
+  },
+})
+
+// 'confirmed' | 'cancelled' | 'dismissed'
+if (result !== 'confirmed') return
+
+// Or boolean helper:
+if (!(await confirm.yes({ title: 'Continue?' }))) return
+```
+
+`ConfirmProvider` is mounted by `ManagerRuntimeApp` / `ManagerBrowserApp`.
+`onConfirm` keeps the dialog open with a loading button until the promise
+settles; thrown errors leave it open.
+
+## Public entrypoints
+
+- `@rakun-kit/manager-react`: manager apps, providers and common helpers.
+- `/client/http`, `/client/request`, `/client/trpc`: manager transports.
+- `/app/runtime-app`: runtime/browser app components.
+- `/state/navigation`, `/state/theme`, `/link`: host integration primitives.
+- `/plugins`, `/rich-text`: plugin and RichText extension contracts.
+- `/i18n`: locale runtime, catalog and locale types.
+- `confirm` / `useConfirm` / `ConfirmProvider`: shared async confirmation dialogs.
+- `/styles.css`: required bundled styles.
+
+## Agent constraints
+
+- This package can run outside Next.js; do not assume Next navigation or server
+  components.
+- Do not import the main React entrypoint into server bootstrap just to obtain
+  locale types or data.
+- Permission-gate protected UI, and handle loading, empty and error states.
+- Use existing manager components and operations before adding parallel APIs.
+- Keep manager/core schemas synchronized when an operation changes.
+- Do not hardcode user-facing manager copy.