@rakun-kit/manager-react 1.5.7 → 1.5.9

package/dist/docs/index.md

@@ -1,194 +1,200 @@
-# `@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.
-
-## 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`.
-
-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.
-Existing string and untitled reference values remain editable and are upgraded
-to the titled shape when changed.
-
-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.
-
-## 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.
-
-When optimization is enabled, right-click an image and select `Reimport with
-current optimization` to regenerate its optimized source, preview, and
-responsive sizes. The action keeps the existing media ID, title, alt text,
-folder, and content references. You can also multi-select images and use the
-selection toolbar reimport action. Optimization is enabled by default in the
-media library; generated 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.
-
-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.
-
-## Content and template tabs
-
-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.
-
+# `@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.
+
+## 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`.
+
+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.
+Existing string and untitled reference values remain editable and are upgraded
+to the titled shape when changed.
+
+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.
+
+## 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.
+
+When optimization is enabled, right-click an image and select `Reimport with
+current optimization` to regenerate its optimized source, preview, and
+responsive sizes. The action keeps the existing media ID, title, alt text,
+folder, and content references. You can also multi-select images and use the
+selection toolbar reimport action. Optimization is enabled by default in the
+media library; generated 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.
+
+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.
+
+## Content and template tabs
+
+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.
+
 ## 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
+
+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.
 
-## 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.
+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.
+
+## 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.

package/dist/esm/components/editor/themes/editor-theme.css

@@ -1,91 +1,91 @@
-.EditorTheme__code {
-  background-color: transparent;
-  font-family: Menlo, Consolas, Monaco, monospace;
-  display: block;
-  padding: 8px 8px 8px 52px;
-  line-height: 1.53;
-  font-size: 13px;
-  margin: 0;
-  margin-top: 8px;
-  margin-bottom: 8px;
-  overflow-x: auto;
-  border: 1px solid #ccc;
-  position: relative;
-  border-radius: 8px;
-  tab-size: 2;
-}
-.EditorTheme__code:before {
-  content: attr(data-gutter);
-  position: absolute;
-  background-color: transparent;
-  border-right: 1px solid #ccc;
-  left: 0;
-  top: 0;
-  padding: 8px;
-  color: #777;
-  white-space: pre-wrap;
-  text-align: right;
-  min-width: 25px;
-}
-.EditorTheme__table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  overflow-y: scroll;
-  overflow-x: scroll;
-  table-layout: fixed;
-  width: fit-content;
-  width: 100%;
-  margin: 0px 0px 30px 0px;
-}
-.EditorTheme__tokenComment {
-  color: slategray;
-}
-.EditorTheme__tokenPunctuation {
-  color: #999;
-}
-.EditorTheme__tokenProperty {
-  color: #905;
-}
-.EditorTheme__tokenSelector {
-  color: #690;
-}
-.EditorTheme__tokenOperator {
-  color: #9a6e3a;
-}
-.EditorTheme__tokenAttr {
-  color: #07a;
-}
-.EditorTheme__tokenVariable {
-  color: #e90;
-}
-.EditorTheme__tokenFunction {
-  color: #dd4a68;
-}
-
-.Collapsible__container {
-  background-color: var(--background);
-  border: 1px solid #ccc;
-  border-radius: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.Collapsible__title{
-  padding: 0.25rem;
-  padding-left: 1rem;
-  position: relative;
-  font-weight: bold;
-  outline: none;
-  cursor: pointer;
-  list-style-type: disclosure-closed;
-  list-style-position: inside;
-}
-
-.Collapsible__title p{
-  display: inline-flex;
-}
-.Collapsible__title::marker{
-  color: lightgray;
-}
-.Collapsible__container[open] >.Collapsible__title {
-  list-style-type: disclosure-open;
-}
+.EditorTheme__code {
+  background-color: transparent;
+  font-family: Menlo, Consolas, Monaco, monospace;
+  display: block;
+  padding: 8px 8px 8px 52px;
+  line-height: 1.53;
+  font-size: 13px;
+  margin: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  overflow-x: auto;
+  border: 1px solid #ccc;
+  position: relative;
+  border-radius: 8px;
+  tab-size: 2;
+}
+.EditorTheme__code:before {
+  content: attr(data-gutter);
+  position: absolute;
+  background-color: transparent;
+  border-right: 1px solid #ccc;
+  left: 0;
+  top: 0;
+  padding: 8px;
+  color: #777;
+  white-space: pre-wrap;
+  text-align: right;
+  min-width: 25px;
+}
+.EditorTheme__table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  overflow-y: scroll;
+  overflow-x: scroll;
+  table-layout: fixed;
+  width: fit-content;
+  width: 100%;
+  margin: 0px 0px 30px 0px;
+}
+.EditorTheme__tokenComment {
+  color: slategray;
+}
+.EditorTheme__tokenPunctuation {
+  color: #999;
+}
+.EditorTheme__tokenProperty {
+  color: #905;
+}
+.EditorTheme__tokenSelector {
+  color: #690;
+}
+.EditorTheme__tokenOperator {
+  color: #9a6e3a;
+}
+.EditorTheme__tokenAttr {
+  color: #07a;
+}
+.EditorTheme__tokenVariable {
+  color: #e90;
+}
+.EditorTheme__tokenFunction {
+  color: #dd4a68;
+}
+
+.Collapsible__container {
+  background-color: var(--background);
+  border: 1px solid #ccc;
+  border-radius: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.Collapsible__title{
+  padding: 0.25rem;
+  padding-left: 1rem;
+  position: relative;
+  font-weight: bold;
+  outline: none;
+  cursor: pointer;
+  list-style-type: disclosure-closed;
+  list-style-position: inside;
+}
+
+.Collapsible__title p{
+  display: inline-flex;
+}
+.Collapsible__title::marker{
+  color: lightgray;
+}
+.Collapsible__container[open] >.Collapsible__title {
+  list-style-type: disclosure-open;
+}

package/dist/esm/components/ui/sortable.js

@@ -127,10 +127,10 @@ function Sortable(props) {
         },
     }), [value]);
     const screenReaderInstructions = React.useMemo(() => ({
-        draggable: `
-        To pick up a sortable item, press space or enter.
-        While dragging, use the ${orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow"} keys to move the item.
-        Press space or enter again to drop the item in its new position, or press escape to cancel.
+        draggable: `
+        To pick up a sortable item, press space or enter.
+        While dragging, use the ${orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow"} keys to move the item.
+        Press space or enter again to drop the item in its new position, or press escape to cancel.
       `,
     }), [orientation]);
     const contextValue = React.useMemo(() => ({

package/dist/esm/i18n/useTranslations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslations.d.ts","sourceRoot":"","sources":["../../../src/i18n/useTranslations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;iJAIqf,CAAC;;CADjhB,CAAA"}
+{"version":3,"file":"useTranslations.d.ts","sourceRoot":"","sources":["../../../src/i18n/useTranslations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;iJAI6gB,CAAC;;CADziB,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/ContentTypeEdit.d.ts

@@ -9,6 +9,7 @@ type FieldComponentProps = EncodedFieldUnknown & {
     ref: React.Ref<FieldRef>;
     collapsible?: boolean;
     parentContentType?: EncodedContentType;
+    initializeSeoBindings?: boolean;
 };
 type FieldComponent = (config: FieldComponentProps) => React.ReactElement;
 export declare const fieldsMap: { [key in FieldType]: FieldComponent; };
@@ -24,6 +25,7 @@ declare const ContentTypeEdit: import("react").ForwardRefExoticComponent<{
         [key: string]: FieldValue;
     };
     parentContentType?: EncodedContentType;
+    initializeSeoBindings?: boolean;
     collapsible?: boolean;
     hideTitle?: boolean;
 } & import("react").RefAttributes<ManagerFieldEditorRef>>;

package/dist/esm/router/dashboard/[contentType]/[edit]/ContentTypeEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeEdit.d.ts","sourceRoot":"","sources":["../../../../../../src/router/dashboard/[contentType]/[edit]/ContentTypeEdit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAA2B,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAavE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAsB7C,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,WAAW,CAAA;AAalB,KAAK,mBAAmB,GAAG,mBAAmB,GAAG;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,kBAAkB,CAAA;CACvC,CAAA;AAED,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAA;AAoEzE,eAAO,MAAM,SAAS,EAYjB,GACF,GAAG,IAAI,SAAS,GAAG,cAAc,GACnC,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC;;oBAIL,MAAM,UAFM,CAAC,GAAG,IAAI,KAAK,IAAI;EAcrD;AAED,MAAM,MAAM,QAAQ,GAAG,qBAAqB,CAAA;AAwC5C,QAAA,MAAM,eAAe;iBAGJ,kBAAkB;QAC3B,MAAM;kBACI;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;KAAE;wBACvB,kBAAkB;kBACxB,OAAO;gBACT,OAAO;yDAuQrB,CAAA;AAEF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ContentTypeEdit.d.ts","sourceRoot":"","sources":["../../../../../../src/router/dashboard/[contentType]/[edit]/ContentTypeEdit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAA2B,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAavE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAsB7C,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,WAAW,CAAA;AAclB,KAAK,mBAAmB,GAAG,mBAAmB,GAAG;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,kBAAkB,CAAA;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAA;AAoEzE,eAAO,MAAM,SAAS,EAYjB,GACF,GAAG,IAAI,SAAS,GAAG,cAAc,GACnC,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC;;oBAIL,MAAM,UAFM,CAAC,GAAG,IAAI,KAAK,IAAI;EAcrD;AAED,MAAM,MAAM,QAAQ,GAAG,qBAAqB,CAAA;AAwC5C,QAAA,MAAM,eAAe;iBAGJ,kBAAkB;QAC3B,MAAM;kBACI;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;KAAE;wBACvB,kBAAkB;4BACd,OAAO;kBACjB,OAAO;gBACT,OAAO;yDA2QrB,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/ContentTypeEdit.js

@@ -28,6 +28,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '../../../../components/
 import { DynamicDataControl, isDynamicFallbackRequired, isDynamicFieldEnabled, } from './_fields/DynamicDataControl.js';
 import { useManagerPlugins, } from '../../../../plugins.js';
 import MissingUI from './_fields/Missing.js';
+import { getInitialSeoBindings } from './_fields/seoBindings.js';
 const REQUIRED_MARK = '*';
 const defaultDataExtractor = (fieldName, defaultData) => {
     if (!defaultData) {
@@ -119,7 +120,10 @@ const ContentTypeEdit = forwardRef((props, ref) => {
     ])), [contentType.fields, props.defaultData]);
     const [formState, setFormState] = useState(formStateInitialValue);
     const conditionFieldState = useMemo(() => mergeConditionFieldState(props.defaultData, formState), [formState, props.defaultData]);
-    const [dynamicBindings, setDynamicBindings] = useState(getDefaultBindings(props.defaultData));
+    const [dynamicBindings, setDynamicBindings] = useState(() => getDefaultBindings(props.defaultData) ??
+        (props.initializeSeoBindings
+            ? getInitialSeoBindings({ contentType, parentContentType: props.parentContentType })
+            : undefined));
     const [dynamicEditorOpen, setDynamicEditorOpen] = useState(null);
     const allItems = useMemo(() => Object.entries(contentType.fields).filter(([_, fieldValue]) => !(fieldValue.visibility === 'api')), [contentType.fields]);
     const visibleItems = useMemo(() => allItems.filter(([, fieldValue]) => evaluateFieldCondition(fieldValue.condition, formState)), [allItems, formState]);
@@ -187,7 +191,7 @@ const ContentTypeEdit = forwardRef((props, ref) => {
                     ? dynamicBindings?.lists?.[fieldName]
                     : dynamicBindings?.fields?.[fieldName];
                 const dynamicFallbackPlaceholder = showDynamicData && dynamicBinding ? t('contentEdit.fallbackValue') : undefined;
-                const field = FieldComponent ? (_jsx(FieldComponent, { id: id + '.' + fieldName, ref: setRef(i), ...fieldValue, isRequired: isDynamicFallbackRequired(fieldValue, dynamicBinding), defaultData: defaultDataExtractor(fieldName, props.defaultData), dynamicFallbackPlaceholder: dynamicFallbackPlaceholder, parentContentType: dynamicSourceContentType })) : (_jsx(MissingUI, { field: fieldValue.config }));
+                const field = FieldComponent ? (_jsx(FieldComponent, { id: id + '.' + fieldName, ref: setRef(i), ...fieldValue, isRequired: isDynamicFallbackRequired(fieldValue, dynamicBinding), defaultData: defaultDataExtractor(fieldName, props.defaultData), dynamicFallbackPlaceholder: dynamicFallbackPlaceholder, parentContentType: dynamicSourceContentType, initializeSeoBindings: props.initializeSeoBindings })) : (_jsx(MissingUI, { field: fieldValue.config }));
                 const dynamicOpen = dynamicEditorOpen === fieldName;
                 const setDynamicOpen = (open) => setDynamicEditorOpen(open ? fieldName : null);
                 const dynamicTrigger = showDynamicData ? (_jsx(DynamicDataControl, { contentType: contentType, documentContentType: dynamicSourceContentType, fieldName: fieldName, field: fieldValue, contentTypes: (contentTypesData ?? []), bindings: dynamicBindings, onChange: (bindings) => {