@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","widgetData","widgetSlug","user","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetData, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-elevation-50)',\n            border: 'var(--stroke-width-small) solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    const localeFilteredData = widgetConfig.fields?.length\n      ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields)\n      : widgetData || {}\n\n    const serverProps: WidgetServerProps = {\n      cookies,\n      locale,\n      permissions,\n      req,\n      widgetData: localeFilteredData,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.Component,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-error-50)',\n            border: 'var(--stroke-width-small) solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAU,CAAE;EAChE,IAAI,CAACF,GAAA,CAAIG,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKZ,UAAA;EAE9D,IAAI,CAACS,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWrB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMsB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBM,UAAA,IAAc,CAAC,GAAGD,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3ExB,UAAA,IAAc,CAAC;IAEnB,MAAM0B,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,UAAA,EAAYuB,kBAAA;MACZtB;IACF;IAEA;IACA,MAAMa,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BjC,UAAA,MAAgB4B,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","user","widgetData","widgetSlug","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, user, widgetData, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--color-bg-secondary)',\n            border: 'var(--stroke-width-small) solid var(--color-border)',\n            borderRadius: 'var(--radius-medium)',\n            color: 'var(--color-text)',\n            padding: 'var(--spacer-3)',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    const localeFilteredData = widgetConfig.fields?.length\n      ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields)\n      : widgetData || {}\n\n    const serverProps: WidgetServerProps = {\n      cookies,\n      locale,\n      permissions,\n      req,\n      user,\n      widgetData: localeFilteredData,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.Component,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--color-bg-danger-tertiary)',\n            border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n            borderRadius: 'var(--radius-medium)',\n            color: 'var(--color-text-danger)',\n            padding: 'var(--spacer-3)',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAU,CAAE;EACtE,IAAI,CAACH,GAAA,CAAIC,IAAI,EAAE;IACb,MAAM,IAAIG,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKX,UAAA;EAE9D,IAAI,CAACQ,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWpB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMqB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBO,UAAA,IAAc,CAAC,GAAGF,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3EvB,UAAA,IAAc,CAAC;IAEnB,MAAMyB,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,IAAA;MACAC,UAAA,EAAYsB,kBAAA;MACZrB;IACF;IAEA;IACA,MAAMY,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BhC,UAAA,MAAgB2B,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts

@@ -15,7 +15,7 @@ export declare function useDashboardLayout(initialLayout: WidgetInstanceClient[]
     resetLayout: () => Promise<void>;
     resizeWidget: (widgetId: string, newWidth: WidgetWidth) => void;
     saveLayout: () => Promise<void>;
-    setIsEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsEditing: (shouldEdit: boolean) => void;
     updateWidgetData: (widgetId: string, data: Record<string, unknown>) => void;
 };
 //# sourceMappingURL=useDashboardLayout.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;AAWzE,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;4BAuFvD,MAAM;;;;6BAkDR,MAAM;;iDA/DgB;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;6BAyEpE,MAAM,YAAY,WAAW;;;iCAsB7B,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EA+CnD"}
+{"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;AAYzE,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;4BAoGvD,MAAM;;;;6BAmDR,MAAM;;iDAhEgB;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;6BA0EpE,MAAM,YAAY,WAAW;;+BA3J3B,OAAO;iCAiLT,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EA+CnD"}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.js

@@ -2,16 +2,23 @@ import { arrayMove } from '@dnd-kit/sortable';
 import { PREFERENCE_KEYS } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
+import { v4 as uuid } from 'uuid';
 import { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js';
 import { useModal } from '../../../../elements/Modal/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
+import { useEmbed } from '../../../../providers/Embed/index.js';
 import { usePreferences } from '../../../../providers/Preferences/index.js';
 import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { RenderWidget } from './renderWidget/RenderWidget.js';
 export function useDashboardLayout(initialLayout) {
   const setLayoutPreference = useSetLayoutPreference();
-  const [isEditing, setIsEditing] = useState(false);
+  const {
+    isEmbedded
+  } = useEmbed();
+  const [isEditingState, setIsEditingState] = useState(false);
+  const isEditing = !isEmbedded && isEditingState;
+  const setIsEditing = useCallback(shouldEdit => setIsEditingState(shouldEdit && !isEmbedded), [isEmbedded]);
   const {
     widgets = []
   } = useConfig().config.admin.dashboard ?? {};
@@ -26,6 +33,12 @@ export function useDashboardLayout(initialLayout) {
   const {
     t
   } = useTranslation();
+  useEffect(() => {
+    if (isEmbedded) {
+      setIsEditingState(false);
+      setCurrentLayout(initialLayout);
+    }
+  }, [isEmbedded, initialLayout]);
   // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)
   useEffect(() => {
     if (!isEditing) {
@@ -43,7 +56,7 @@ export function useDashboardLayout(initialLayout) {
       setIsEditing(true);
       toast.error(t('error:failedToSaveLayout'));
     }
-  }, [setLayoutPreference, currentLayout]);
+  }, [setLayoutPreference, currentLayout, setIsEditing]);
   const resetLayout = useCallback(async () => {
     try {
       await setLayoutPreference(null);
@@ -56,11 +69,11 @@ export function useDashboardLayout(initialLayout) {
     } catch {
       toast.error(t('error:failedToResetLayout'));
     }
-  }, [setLayoutPreference, serverFunction]);
+  }, [setLayoutPreference, serverFunction, setIsEditing]);
   const performCancel = useCallback(() => {
     setCurrentLayout(initialLayout);
     setIsEditing(false);
-  }, [initialLayout]);
+  }, [initialLayout, setIsEditing]);
   const cancel = useCallback(() => {
     // Check if layout has changed
     const hasChanges = currentLayout.length !== initialLayout.length || currentLayout.some((widget, index) => {
@@ -89,7 +102,7 @@ export function useDashboardLayout(initialLayout) {
     if (!isEditing) {
       return;
     }
-    const widgetId = `${widgetSlug}-${Date.now()}`;
+    const widgetId = `${widgetSlug}-${uuid().replaceAll('-', '')}`;
     const widget = widgets.find(widget => widget.slug === widgetSlug);
     // Create a new widget instance using RenderWidget
     const newWidgetInstance = {
@@ -110,6 +123,9 @@ export function useDashboardLayout(initialLayout) {
     setTimeout(() => {
       const element = document.getElementById(widgetId);
       if (element) {
+        element.focus({
+          preventScroll: true
+        });
         element.scrollIntoView({
           behavior: 'smooth',
           block: 'center'

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardLayout.js","names":["arrayMove","PREFERENCE_KEYS","React","useCallback","useEffect","useState","toast","ConfirmationModal","useModal","useConfig","usePreferences","useServerFunctions","useTranslation","RenderWidget","useDashboardLayout","initialLayout","setLayoutPreference","useSetLayoutPreference","isEditing","setIsEditing","widgets","config","admin","dashboard","currentLayout","setCurrentLayout","openModal","cancelModalSlug","serverFunction","t","saveLayout","layoutData","map","item","error","resetLayout","result","name","args","layout","performCancel","cancel","hasChanges","length","some","widget","index","initialWidget","id","width","JSON","stringify","data","moveWidget","moveFromIndex","moveToIndex","prev","addWidget","widgetSlug","widgetId","Date","now","find","slug","newWidgetInstance","component","createElement","widgetData","maxWidth","minWidth","setTimeout","element","document","getElementById","scrollIntoView","behavior","block","closest","classList","add","remove","deleteWidget","filter","resizeWidget","newWidth","updateWidgetData","cancelModal","body","confirmLabel","heading","modalSlug","onConfirm","setPreference","DASHBOARD_LAYOUT","layouts"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"sourcesContent":["import type { WidgetWidth } from 'payload'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { WidgetInstanceClient, WidgetItem } from './index.client.js'\nimport type { GetDefaultLayoutServerFnReturnType } from './renderWidget/getDefaultLayoutServerFn.js'\n\nimport { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { usePreferences } from '../../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { RenderWidget } from './renderWidget/RenderWidget.js'\n\nexport function useDashboardLayout(initialLayout: WidgetInstanceClient[]) {\n  const setLayoutPreference = useSetLayoutPreference()\n  const [isEditing, setIsEditing] = useState(false)\n  const { widgets = [] } = useConfig().config.admin.dashboard ?? {}\n  const [currentLayout, setCurrentLayout] = useState<WidgetInstanceClient[]>(initialLayout)\n  const { openModal } = useModal()\n  const cancelModalSlug = 'cancel-dashboard-changes'\n  const { serverFunction } = useServerFunctions()\n  const { t } = useTranslation()\n\n  // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)\n  useEffect(() => {\n    if (!isEditing) {\n      setCurrentLayout(initialLayout)\n    }\n    // do not sync while editing. Depending on `isEditing` in this effect causes an\n    // unintended rollback when toggling from editing -> view mode after save.\n  }, [initialLayout])\n\n  const saveLayout = useCallback(async () => {\n    try {\n      const layoutData: WidgetItem[] = currentLayout.map((item) => item.item)\n      setIsEditing(false)\n      await setLayoutPreference(layoutData)\n    } catch {\n      setIsEditing(true)\n      toast.error(t('error:failedToSaveLayout'))\n    }\n  }, [setLayoutPreference, currentLayout])\n\n  const resetLayout = useCallback(async () => {\n    try {\n      await setLayoutPreference(null)\n\n      const result = (await serverFunction({\n        name: 'get-default-layout',\n        args: {},\n      })) as GetDefaultLayoutServerFnReturnType\n\n      setCurrentLayout(result.layout)\n      setIsEditing(false)\n    } catch {\n      toast.error(t('error:failedToResetLayout'))\n    }\n  }, [setLayoutPreference, serverFunction])\n\n  const performCancel = useCallback(() => {\n    setCurrentLayout(initialLayout)\n    setIsEditing(false)\n  }, [initialLayout])\n\n  const cancel = useCallback(() => {\n    // Check if layout has changed\n    const hasChanges =\n      currentLayout.length !== initialLayout.length ||\n      currentLayout.some((widget, index) => {\n        const initialWidget = initialLayout[index]\n        return (\n          !initialWidget ||\n          widget.item.id !== initialWidget.item.id ||\n          widget.item.width !== initialWidget.item.width ||\n          JSON.stringify(widget.item.data || {}) !== JSON.stringify(initialWidget.item.data || {})\n        )\n      })\n\n    // If there are changes, show confirmation modal\n    if (hasChanges) {\n      openModal(cancelModalSlug)\n    } else {\n      performCancel()\n    }\n  }, [currentLayout, initialLayout, openModal, cancelModalSlug, performCancel])\n\n  const moveWidget = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex || moveFromIndex < 0 || moveToIndex < 0) {\n        return\n      }\n\n      setCurrentLayout((prev) => {\n        return arrayMove(prev, moveFromIndex, moveToIndex)\n      })\n    },\n    [],\n  )\n\n  const addWidget = useCallback(\n    (widgetSlug: string) => {\n      if (!isEditing) {\n        return\n      }\n\n      const widgetId = `${widgetSlug}-${Date.now()}`\n      const widget = widgets.find((widget) => widget.slug === widgetSlug)\n\n      // Create a new widget instance using RenderWidget\n      const newWidgetInstance: WidgetInstanceClient = {\n        component: React.createElement(RenderWidget, {\n          widgetData: {},\n          widgetId,\n        }),\n        item: {\n          id: widgetId,\n          data: {},\n          maxWidth: widget?.maxWidth ?? 'full',\n          minWidth: widget?.minWidth ?? 'x-small',\n          width: widget?.minWidth ?? 'x-small',\n        },\n      }\n\n      setCurrentLayout((prev) => [...prev, newWidgetInstance])\n\n      // Scroll to the newly added widget after it's rendered and highlight it\n      setTimeout(() => {\n        const element = document.getElementById(widgetId)\n        if (element) {\n          element.scrollIntoView({\n            behavior: 'smooth',\n            block: 'center',\n          })\n\n          // Add highlight animation to the widget element\n          const widget = element.closest('.widget')\n          if (widget) {\n            widget.classList.add('widget--highlight')\n            // Remove the class after animation completes (1.5s fade out)\n            setTimeout(() => {\n              widget.classList.remove('widget--highlight')\n            }, 1500)\n          }\n        }\n      }, 100)\n    },\n    [isEditing, widgets],\n  )\n\n  const deleteWidget = useCallback(\n    (widgetId: string) => {\n      if (!isEditing) {\n        return\n      }\n      setCurrentLayout((prev) => prev.filter((item) => item.item.id !== widgetId))\n    },\n    [isEditing],\n  )\n\n  const resizeWidget = useCallback(\n    (widgetId: string, newWidth: WidgetWidth) => {\n      if (!isEditing) {\n        return\n      }\n      setCurrentLayout((prev) =>\n        prev.map((item) =>\n          item.item.id === widgetId\n            ? {\n                ...item,\n                item: {\n                  ...item.item,\n                  width: newWidth,\n                } satisfies WidgetItem,\n              }\n            : item,\n        ),\n      )\n    },\n    [isEditing],\n  )\n\n  const updateWidgetData = useCallback(\n    (widgetId: string, data: Record<string, unknown>) => {\n      if (!isEditing) {\n        return\n      }\n\n      setCurrentLayout((prev) =>\n        prev.map((item) =>\n          item.item.id === widgetId\n            ? {\n                component: React.createElement(RenderWidget, {\n                  widgetData: data,\n                  widgetId,\n                }),\n                item: {\n                  ...item.item,\n                  data,\n                } satisfies WidgetItem,\n              }\n            : item,\n        ),\n      )\n    },\n    [isEditing],\n  )\n\n  const cancelModal = React.createElement(ConfirmationModal, {\n    body: t('dashboard:discardMessage'),\n    confirmLabel: t('dashboard:discardConfirmLabel'),\n    heading: t('dashboard:discardTitle'),\n    modalSlug: cancelModalSlug,\n    onConfirm: performCancel,\n  })\n\n  return {\n    addWidget,\n    cancel,\n    cancelModal,\n    currentLayout,\n    deleteWidget,\n    isEditing,\n    moveWidget,\n    resetLayout,\n    resizeWidget,\n    saveLayout,\n    setIsEditing,\n    updateWidgetData,\n  }\n}\n\nfunction useSetLayoutPreference() {\n  const { setPreference } = usePreferences()\n  return useCallback(\n    async (layout: null | WidgetItem[]) => {\n      await setPreference(PREFERENCE_KEYS.DASHBOARD_LAYOUT, { layouts: layout }, false)\n    },\n    [setPreference],\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDashboardLayout.js","names":["arrayMove","PREFERENCE_KEYS","React","useCallback","useEffect","useState","toast","v4","uuid","ConfirmationModal","useModal","useConfig","useEmbed","usePreferences","useServerFunctions","useTranslation","RenderWidget","useDashboardLayout","initialLayout","setLayoutPreference","useSetLayoutPreference","isEmbedded","isEditingState","setIsEditingState","isEditing","setIsEditing","shouldEdit","widgets","config","admin","dashboard","currentLayout","setCurrentLayout","openModal","cancelModalSlug","serverFunction","t","saveLayout","layoutData","map","item","error","resetLayout","result","name","args","layout","performCancel","cancel","hasChanges","length","some","widget","index","initialWidget","id","width","JSON","stringify","data","moveWidget","moveFromIndex","moveToIndex","prev","addWidget","widgetSlug","widgetId","replaceAll","find","slug","newWidgetInstance","component","createElement","widgetData","maxWidth","minWidth","setTimeout","element","document","getElementById","focus","preventScroll","scrollIntoView","behavior","block","closest","classList","add","remove","deleteWidget","filter","resizeWidget","newWidth","updateWidgetData","cancelModal","body","confirmLabel","heading","modalSlug","onConfirm","setPreference","DASHBOARD_LAYOUT","layouts"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"sourcesContent":["import type { WidgetWidth } from 'payload'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\nimport { v4 as uuid } from 'uuid'\n\nimport type { WidgetInstanceClient, WidgetItem } from './index.client.js'\nimport type { GetDefaultLayoutServerFnReturnType } from './renderWidget/getDefaultLayoutServerFn.js'\n\nimport { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useEmbed } from '../../../../providers/Embed/index.js'\nimport { usePreferences } from '../../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { RenderWidget } from './renderWidget/RenderWidget.js'\n\nexport function useDashboardLayout(initialLayout: WidgetInstanceClient[]) {\n  const setLayoutPreference = useSetLayoutPreference()\n  const { isEmbedded } = useEmbed()\n  const [isEditingState, setIsEditingState] = useState(false)\n  const isEditing = !isEmbedded && isEditingState\n  const setIsEditing = useCallback(\n    (shouldEdit: boolean) => setIsEditingState(shouldEdit && !isEmbedded),\n    [isEmbedded],\n  )\n  const { widgets = [] } = useConfig().config.admin.dashboard ?? {}\n  const [currentLayout, setCurrentLayout] = useState<WidgetInstanceClient[]>(initialLayout)\n  const { openModal } = useModal()\n  const cancelModalSlug = 'cancel-dashboard-changes'\n  const { serverFunction } = useServerFunctions()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isEmbedded) {\n      setIsEditingState(false)\n      setCurrentLayout(initialLayout)\n    }\n  }, [isEmbedded, initialLayout])\n\n  // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)\n  useEffect(() => {\n    if (!isEditing) {\n      setCurrentLayout(initialLayout)\n    }\n    // do not sync while editing. Depending on `isEditing` in this effect causes an\n    // unintended rollback when toggling from editing -> view mode after save.\n  }, [initialLayout])\n\n  const saveLayout = useCallback(async () => {\n    try {\n      const layoutData: WidgetItem[] = currentLayout.map((item) => item.item)\n      setIsEditing(false)\n      await setLayoutPreference(layoutData)\n    } catch {\n      setIsEditing(true)\n      toast.error(t('error:failedToSaveLayout'))\n    }\n  }, [setLayoutPreference, currentLayout, setIsEditing])\n\n  const resetLayout = useCallback(async () => {\n    try {\n      await setLayoutPreference(null)\n\n      const result = (await serverFunction({\n        name: 'get-default-layout',\n        args: {},\n      })) as GetDefaultLayoutServerFnReturnType\n\n      setCurrentLayout(result.layout)\n      setIsEditing(false)\n    } catch {\n      toast.error(t('error:failedToResetLayout'))\n    }\n  }, [setLayoutPreference, serverFunction, setIsEditing])\n\n  const performCancel = useCallback(() => {\n    setCurrentLayout(initialLayout)\n    setIsEditing(false)\n  }, [initialLayout, setIsEditing])\n\n  const cancel = useCallback(() => {\n    // Check if layout has changed\n    const hasChanges =\n      currentLayout.length !== initialLayout.length ||\n      currentLayout.some((widget, index) => {\n        const initialWidget = initialLayout[index]\n        return (\n          !initialWidget ||\n          widget.item.id !== initialWidget.item.id ||\n          widget.item.width !== initialWidget.item.width ||\n          JSON.stringify(widget.item.data || {}) !== JSON.stringify(initialWidget.item.data || {})\n        )\n      })\n\n    // If there are changes, show confirmation modal\n    if (hasChanges) {\n      openModal(cancelModalSlug)\n    } else {\n      performCancel()\n    }\n  }, [currentLayout, initialLayout, openModal, cancelModalSlug, performCancel])\n\n  const moveWidget = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex || moveFromIndex < 0 || moveToIndex < 0) {\n        return\n      }\n\n      setCurrentLayout((prev) => {\n        return arrayMove(prev, moveFromIndex, moveToIndex)\n      })\n    },\n    [],\n  )\n\n  const addWidget = useCallback(\n    (widgetSlug: string) => {\n      if (!isEditing) {\n        return\n      }\n\n      const widgetId = `${widgetSlug}-${uuid().replaceAll('-', '')}`\n      const widget = widgets.find((widget) => widget.slug === widgetSlug)\n\n      // Create a new widget instance using RenderWidget\n      const newWidgetInstance: WidgetInstanceClient = {\n        component: React.createElement(RenderWidget, {\n          widgetData: {},\n          widgetId,\n        }),\n        item: {\n          id: widgetId,\n          data: {},\n          maxWidth: widget?.maxWidth ?? 'full',\n          minWidth: widget?.minWidth ?? 'x-small',\n          width: widget?.minWidth ?? 'x-small',\n        },\n      }\n\n      setCurrentLayout((prev) => [...prev, newWidgetInstance])\n\n      // Scroll to the newly added widget after it's rendered and highlight it\n      setTimeout(() => {\n        const element = document.getElementById(widgetId)\n        if (element) {\n          element.focus({ preventScroll: true })\n          element.scrollIntoView({\n            behavior: 'smooth',\n            block: 'center',\n          })\n\n          // Add highlight animation to the widget element\n          const widget = element.closest('.widget')\n          if (widget) {\n            widget.classList.add('widget--highlight')\n            // Remove the class after animation completes (1.5s fade out)\n            setTimeout(() => {\n              widget.classList.remove('widget--highlight')\n            }, 1500)\n          }\n        }\n      }, 100)\n    },\n    [isEditing, widgets],\n  )\n\n  const deleteWidget = useCallback(\n    (widgetId: string) => {\n      if (!isEditing) {\n        return\n      }\n      setCurrentLayout((prev) => prev.filter((item) => item.item.id !== widgetId))\n    },\n    [isEditing],\n  )\n\n  const resizeWidget = useCallback(\n    (widgetId: string, newWidth: WidgetWidth) => {\n      if (!isEditing) {\n        return\n      }\n      setCurrentLayout((prev) =>\n        prev.map((item) =>\n          item.item.id === widgetId\n            ? {\n                ...item,\n                item: {\n                  ...item.item,\n                  width: newWidth,\n                } satisfies WidgetItem,\n              }\n            : item,\n        ),\n      )\n    },\n    [isEditing],\n  )\n\n  const updateWidgetData = useCallback(\n    (widgetId: string, data: Record<string, unknown>) => {\n      if (!isEditing) {\n        return\n      }\n\n      setCurrentLayout((prev) =>\n        prev.map((item) =>\n          item.item.id === widgetId\n            ? {\n                component: React.createElement(RenderWidget, {\n                  widgetData: data,\n                  widgetId,\n                }),\n                item: {\n                  ...item.item,\n                  data,\n                } satisfies WidgetItem,\n              }\n            : item,\n        ),\n      )\n    },\n    [isEditing],\n  )\n\n  const cancelModal = React.createElement(ConfirmationModal, {\n    body: t('dashboard:discardMessage'),\n    confirmLabel: t('dashboard:discardConfirmLabel'),\n    heading: t('dashboard:discardTitle'),\n    modalSlug: cancelModalSlug,\n    onConfirm: performCancel,\n  })\n\n  return {\n    addWidget,\n    cancel,\n    cancelModal,\n    currentLayout,\n    deleteWidget,\n    isEditing,\n    moveWidget,\n    resetLayout,\n    resizeWidget,\n    saveLayout,\n    setIsEditing,\n    updateWidgetData,\n  }\n}\n\nfunction useSetLayoutPreference() {\n  const { setPreference } = usePreferences()\n  return useCallback(\n    async (layout: null | WidgetItem[]) => {\n      await setPreference(PREFERENCE_KEYS.DASHBOARD_LAYOUT, { layouts: layout }, false)\n    },\n    [setPreference],\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/localeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"localeUtils.js","names":["fieldAffectsData","fieldHasSubFields","tabHasName","isLocalized","field","Boolean","localized","getObjectValue","value","Array","isArray","extractLocaleData","widgetData","locale","fields","result","type","tab","tabs","tabFields","name","Object","assign","undefined","mergeLocaleData","existingData","formData"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/localeUtils.ts"],"sourcesContent":["import type { ClientField, Field } from 'payload'\n\nimport { fieldAffectsData, fieldHasSubFields, tabHasName } from 'payload/shared'\n\ntype AnyField = ClientField | Field\n\nfunction isLocalized(field: AnyField): boolean {\n  return 'localized' in field && Boolean(field.localized)\n}\n\nfunction getObjectValue(value: unknown): Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n    ? (value as Record<string, unknown>)\n    : {}\n}\n\n/**\n * Extracts locale-specific data from widget data stored in preferences.\n *\n * Localized fields are stored as `{ fieldName: { en: \"Hello\", de: \"Hallo\" } }` in preferences.\n * This function flattens them to `{ fieldName: \"Hello\" }` for the given locale,\n * which is the format the form state builder expects.\n *\n * Recursively handles nested field types (group, row, collapsible, tabs).\n */\nexport function extractLocaleData(\n  widgetData: Record<string, unknown>,\n  locale: string,\n  fields: readonly AnyField[],\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const field of fields) {\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabFields = tab.fields as AnyField[]\n        if (tabHasName(tab)) {\n          result[tab.name] = extractLocaleData(\n            getObjectValue(widgetData[tab.name]),\n            locale,\n            tabFields,\n          )\n        } else {\n          Object.assign(result, extractLocaleData(widgetData, locale, tabFields))\n        }\n      }\n      continue\n    }\n\n    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {\n      Object.assign(result, extractLocaleData(widgetData, locale, field.fields as AnyField[]))\n      continue\n    }\n\n    if (!fieldAffectsData(field)) {\n      continue\n    }\n\n    const { name } = field\n    const value = widgetData[name]\n\n    if (fieldHasSubFields(field)) {\n      result[name] = extractLocaleData(getObjectValue(value), locale, field.fields as AnyField[])\n      continue\n    }\n\n    if (\n      isLocalized(field) &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      value !== null &&\n      !Array.isArray(value)\n    ) {\n      result[name] = (value as Record<string, unknown>)[locale]\n    } else {\n      result[name] = value\n    }\n  }\n\n  return result\n}\n\n/**\n * Merges locale-specific form data back into the full widget data structure.\n *\n * Non-localized fields are stored directly. Localized fields are stored as\n * `{ fieldName: { en: \"Hello\", de: \"Hallo\" } }` so each locale's value is preserved independently.\n *\n * Recursively handles nested field types (group, row, collapsible, tabs).\n */\nexport function mergeLocaleData(\n  existingData: Record<string, unknown>,\n  formData: Record<string, unknown>,\n  locale: string,\n  fields: readonly AnyField[],\n): Record<string, unknown> {\n  const result: Record<string, unknown> = { ...existingData }\n\n  for (const field of fields) {\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabFields = tab.fields as AnyField[]\n        if (tabHasName(tab)) {\n          result[tab.name] = mergeLocaleData(\n            getObjectValue(result[tab.name]),\n            getObjectValue(formData[tab.name]),\n            locale,\n            tabFields,\n          )\n        } else {\n          Object.assign(result, mergeLocaleData(result, formData, locale, tabFields))\n        }\n      }\n      continue\n    }\n\n    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {\n      Object.assign(result, mergeLocaleData(result, formData, locale, field.fields as AnyField[]))\n      continue\n    }\n\n    if (!fieldAffectsData(field)) {\n      continue\n    }\n\n    const { name } = field\n\n    if (fieldHasSubFields(field)) {\n      result[name] = mergeLocaleData(\n        getObjectValue(result[name]),\n        getObjectValue(formData[name]),\n        locale,\n        field.fields as AnyField[],\n      )\n      continue\n    }\n\n    if (isLocalized(field)) {\n      result[name] = { ...getObjectValue(result[name]), [locale]: formData[name] }\n    } else {\n      result[name] = formData[name]\n    }\n  }\n\n  return result\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"localeUtils.js","names":["fieldAffectsData","fieldHasSubFields","tabHasName","isLocalized","field","Boolean","localized","getObjectValue","value","Array","isArray","extractLocaleData","widgetData","locale","fields","result","type","tab","tabs","tabFields","name","Object","assign","undefined","mergeLocaleData","existingData","formData"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/localeUtils.ts"],"sourcesContent":["import type { ClientField, Field } from 'payload'\n\nimport { fieldAffectsData, fieldHasSubFields, tabHasName } from 'payload/shared'\n\ntype AnyField = ClientField | Field\n\nfunction isLocalized(field: AnyField): boolean {\n  return 'localized' in field && Boolean(field.localized)\n}\n\nfunction getObjectValue(value: unknown): Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n    ? (value as Record<string, unknown>)\n    : {}\n}\n\n/**\n * Extracts locale-specific data from widget data stored in preferences.\n *\n * Localized fields are stored as `{ fieldName: { en: \"Hello\", de: \"Hallo\" } }` in preferences.\n * This function flattens them to `{ fieldName: \"Hello\" }` for the given locale,\n * which is the format the form state builder expects.\n *\n * Recursively handles nested field types (group, row, collapsible, tabs).\n */\nexport function extractLocaleData(\n  widgetData: Record<string, unknown>,\n  locale: string,\n  fields: readonly AnyField[],\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const field of fields) {\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabFields = tab.fields as AnyField[]\n        if (tabHasName(tab)) {\n          result[tab.name] = extractLocaleData(\n            getObjectValue(widgetData[tab.name]),\n            locale,\n            tabFields,\n          )\n        } else {\n          Object.assign(result, extractLocaleData(widgetData, locale, tabFields))\n        }\n      }\n      continue\n    }\n\n    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {\n      Object.assign(result, extractLocaleData(widgetData, locale, field.fields as AnyField[]))\n      continue\n    }\n\n    if (!fieldAffectsData(field)) {\n      continue\n    }\n\n    const { name } = field\n    const value = widgetData[name]\n\n    if (fieldHasSubFields(field)) {\n      result[name] = extractLocaleData(getObjectValue(value), locale, field.fields)\n      continue\n    }\n\n    if (\n      isLocalized(field) &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      value !== null &&\n      !Array.isArray(value)\n    ) {\n      result[name] = (value as Record<string, unknown>)[locale]\n    } else {\n      result[name] = value\n    }\n  }\n\n  return result\n}\n\n/**\n * Merges locale-specific form data back into the full widget data structure.\n *\n * Non-localized fields are stored directly. Localized fields are stored as\n * `{ fieldName: { en: \"Hello\", de: \"Hallo\" } }` so each locale's value is preserved independently.\n *\n * Recursively handles nested field types (group, row, collapsible, tabs).\n */\nexport function mergeLocaleData(\n  existingData: Record<string, unknown>,\n  formData: Record<string, unknown>,\n  locale: string,\n  fields: readonly AnyField[],\n): Record<string, unknown> {\n  const result: Record<string, unknown> = { ...existingData }\n\n  for (const field of fields) {\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabFields = tab.fields as AnyField[]\n        if (tabHasName(tab)) {\n          result[tab.name] = mergeLocaleData(\n            getObjectValue(result[tab.name]),\n            getObjectValue(formData[tab.name]),\n            locale,\n            tabFields,\n          )\n        } else {\n          Object.assign(result, mergeLocaleData(result, formData, locale, tabFields))\n        }\n      }\n      continue\n    }\n\n    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {\n      Object.assign(result, mergeLocaleData(result, formData, locale, field.fields as AnyField[]))\n      continue\n    }\n\n    if (!fieldAffectsData(field)) {\n      continue\n    }\n\n    const { name } = field\n\n    if (fieldHasSubFields(field)) {\n      result[name] = mergeLocaleData(\n        getObjectValue(result[name]),\n        getObjectValue(formData[name]),\n        locale,\n        field.fields,\n      )\n      continue\n    }\n\n    if (isLocalized(field)) {\n      result[name] = { ...getObjectValue(result[name]), [locale]: formData[name] }\n    } else {\n      result[name] = formData[name]\n    }\n  }\n\n  return result\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,EAAEC,iBAAiB,EAAEC,UAAU,QAAQ;AAIhE,SAASC,YAAYC,KAAe;EAClC,OAAO,eAAeA,KAAA,IAASC,OAAA,CAAQD,KAAA,CAAME,SAAS;AACxD;AAEA,SAASC,eAAeC,KAAc;EACpC,OAAO,OAAOA,KAAA,KAAU,YAAYA,KAAA,KAAU,QAAQ,CAACC,KAAA,CAAMC,OAAO,CAACF,KAAA,IAChEA,KAAA,GACD,CAAC;AACP;AAEA;;;;;;;;;AASA,OAAO,SAASG,kBACdC,UAAmC,EACnCC,MAAc,EACdC,MAA2B;EAE3B,MAAMC,MAAA,GAAkC,CAAC;EAEzC,KAAK,MAAMX,KAAA,IAASU,MAAA,EAAQ;IAC1B,IAAIV,KAAA,CAAMY,IAAI,KAAK,QAAQ;MACzB,KAAK,MAAMC,GAAA,IAAOb,KAAA,CAAMc,IAAI,EAAE;QAC5B,MAAMC,SAAA,GAAYF,GAAA,CAAIH,MAAM;QAC5B,IAAIZ,UAAA,CAAWe,GAAA,GAAM;UACnBF,MAAM,CAACE,GAAA,CAAIG,IAAI,CAAC,GAAGT,iBAAA,CACjBJ,cAAA,CAAeK,UAAU,CAACK,GAAA,CAAIG,IAAI,CAAC,GACnCP,MAAA,EACAM,SAAA;QAEJ,OAAO;UACLE,MAAA,CAAOC,MAAM,CAACP,MAAA,EAAQJ,iBAAA,CAAkBC,UAAA,EAAYC,MAAA,EAAQM,SAAA;QAC9D;MACF;MACA;IACF;IAEA,IAAIlB,iBAAA,CAAkBG,KAAA,KAAU,CAACJ,gBAAA,CAAiBI,KAAA,GAAQ;MACxDiB,MAAA,CAAOC,MAAM,CAACP,MAAA,EAAQJ,iBAAA,CAAkBC,UAAA,EAAYC,MAAA,EAAQT,KAAA,CAAMU,MAAM;MACxE;IACF;IAEA,IAAI,CAACd,gBAAA,CAAiBI,KAAA,GAAQ;MAC5B;IACF;IAEA,MAAM;MAAEgB;IAAI,CAAE,GAAGhB,KAAA;IACjB,MAAMI,KAAA,GAAQI,UAAU,CAACQ,IAAA,CAAK;IAE9B,IAAInB,iBAAA,CAAkBG,KAAA,GAAQ;MAC5BW,MAAM,CAACK,IAAA,CAAK,GAAGT,iBAAA,CAAkBJ,cAAA,CAAeC,KAAA,GAAQK,MAAA,EAAQT,KAAA,CAAMU,MAAM;MAC5E;IACF;IAEA,IACEX,WAAA,CAAYC,KAAA,KACZI,KAAA,KAAUe,SAAA,IACV,OAAOf,KAAA,KAAU,YACjBA,KAAA,KAAU,QACV,CAACC,KAAA,CAAMC,OAAO,CAACF,KAAA,GACf;MACAO,MAAM,CAACK,IAAA,CAAK,GAAGZ,KAAkC,CAACK,MAAA,CAAO;IAC3D,OAAO;MACLE,MAAM,CAACK,IAAA,CAAK,GAAGZ,KAAA;IACjB;EACF;EAEA,OAAOO,MAAA;AACT;AAEA;;;;;;;;AAQA,OAAO,SAASS,gBACdC,YAAqC,EACrCC,QAAiC,EACjCb,MAAc,EACdC,MAA2B;EAE3B,MAAMC,MAAA,GAAkC;IAAE,GAAGU;EAAa;EAE1D,KAAK,MAAMrB,KAAA,IAASU,MAAA,EAAQ;IAC1B,IAAIV,KAAA,CAAMY,IAAI,KAAK,QAAQ;MACzB,KAAK,MAAMC,GAAA,IAAOb,KAAA,CAAMc,IAAI,EAAE;QAC5B,MAAMC,SAAA,GAAYF,GAAA,CAAIH,MAAM;QAC5B,IAAIZ,UAAA,CAAWe,GAAA,GAAM;UACnBF,MAAM,CAACE,GAAA,CAAIG,IAAI,CAAC,GAAGI,eAAA,CACjBjB,cAAA,CAAeQ,MAAM,CAACE,GAAA,CAAIG,IAAI,CAAC,GAC/Bb,cAAA,CAAemB,QAAQ,CAACT,GAAA,CAAIG,IAAI,CAAC,GACjCP,MAAA,EACAM,SAAA;QAEJ,OAAO;UACLE,MAAA,CAAOC,MAAM,CAACP,MAAA,EAAQS,eAAA,CAAgBT,MAAA,EAAQW,QAAA,EAAUb,MAAA,EAAQM,SAAA;QAClE;MACF;MACA;IACF;IAEA,IAAIlB,iBAAA,CAAkBG,KAAA,KAAU,CAACJ,gBAAA,CAAiBI,KAAA,GAAQ;MACxDiB,MAAA,CAAOC,MAAM,CAACP,MAAA,EAAQS,eAAA,CAAgBT,MAAA,EAAQW,QAAA,EAAUb,MAAA,EAAQT,KAAA,CAAMU,MAAM;MAC5E;IACF;IAEA,IAAI,CAACd,gBAAA,CAAiBI,KAAA,GAAQ;MAC5B;IACF;IAEA,MAAM;MAAEgB;IAAI,CAAE,GAAGhB,KAAA;IAEjB,IAAIH,iBAAA,CAAkBG,KAAA,GAAQ;MAC5BW,MAAM,CAACK,IAAA,CAAK,GAAGI,eAAA,CACbjB,cAAA,CAAeQ,MAAM,CAACK,IAAA,CAAK,GAC3Bb,cAAA,CAAemB,QAAQ,CAACN,IAAA,CAAK,GAC7BP,MAAA,EACAT,KAAA,CAAMU,MAAM;MAEd;IACF;IAEA,IAAIX,WAAA,CAAYC,KAAA,GAAQ;MACtBW,MAAM,CAACK,IAAA,CAAK,GAAG;QAAE,GAAGb,cAAA,CAAeQ,MAAM,CAACK,IAAA,CAAK,CAAC;QAAE,CAACP,MAAA,GAASa,QAAQ,CAACN,IAAA;MAAM;IAC7E,OAAO;MACLL,MAAM,CAACK,IAAA,CAAK,GAAGM,QAAQ,CAACN,IAAA,CAAK;IAC/B;EACF;EAEA,OAAOL,MAAA;AACT","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sensors.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"names":[],"mappings":"AA0TA,wBAAgB,mBAAmB,sFAiBlC"}
+{"version":3,"file":"sensors.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"names":[],"mappings":"AA2QA,wBAAgB,mBAAmB,sFAiBlC"}

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.js

@@ -1,4 +1,4 @@
-import { KeyboardCode, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
 /**
  * Get all droppable widget positions, filtering out overlapping "before" droppables
  * and assigning row numbers based on Y position.
@@ -216,42 +216,6 @@ const droppableJumpKeyboardCoordinateGetter = (event, {
   // No valid target found, stay in place
   return currentCoordinates;
 };
-/**
- * Custom KeyboardSensor that only activates when focus is directly on the
- * draggable element, not on any of its descendants. This allows interactive
- * elements inside draggables (like buttons) to work normally with the keyboard.
- */
-class DirectFocusKeyboardSensor extends KeyboardSensor {
-  static activators = [{
-    eventName: 'onKeyDown',
-    handler: (event, {
-      keyboardCodes = {
-        cancel: [KeyboardCode.Esc],
-        end: [KeyboardCode.Space, KeyboardCode.Enter],
-        start: [KeyboardCode.Space, KeyboardCode.Enter]
-      },
-      onActivation
-    }, {
-      active
-    }) => {
-      const {
-        code
-      } = event.nativeEvent;
-      // Only activate if focus is directly on the draggable node, not descendants
-      if (event.target !== active.node.current) {
-        return false;
-      }
-      if (keyboardCodes.start.includes(code)) {
-        event.preventDefault();
-        onActivation?.({
-          event: event.nativeEvent
-        });
-        return true;
-      }
-      return false;
-    }
-  }];
-}
 export function useDashboardSensors() {
   return useSensors(useSensor(MouseSensor, {
     activationConstraint: {
@@ -262,7 +226,7 @@ export function useDashboardSensors() {
       delay: 200,
       tolerance: 5
     }
-  }), useSensor(DirectFocusKeyboardSensor, {
+  }), useSensor(KeyboardSensor, {
     coordinateGetter: droppableJumpKeyboardCoordinateGetter
   }));
 }

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.js.map

@@ -1 +1 @@
-{"version":3,"file":"sensors.js","names":["KeyboardCode","KeyboardSensor","MouseSensor","TouchSensor","useSensor","useSensors","getDroppablePositions","positionTolerance","rowTolerance","result","currentRow","currentY","allDroppables","Array","from","document","querySelectorAll","i","length","element","rect","getBoundingClientRect","width","height","centerX","left","centerY","top","testId","getAttribute","isBeforeDroppable","endsWith","hasOverlapping","some","other","otherIndex","otherRect","otherCenterX","otherCenterY","Math","abs","push","row","findClosestRow","droppables","posY","closestRow","minYDistance","Infinity","droppable","yDistance","findClosestDroppableInRow","rowIndex","posX","closestIndex","minXDistance","xDistance","index","findTargetDroppable","currentCenterX","currentCenterY","direction","currentDroppable","currentIndex","targetRow","droppableJumpKeyboardCoordinateGetter","event","context","currentCoordinates","collisionRect","code","includes","preventDefault","scrollableAncestors","targetDroppable","viewportHeight","window","innerHeight","targetRect","scrollPadding","isAboveViewport","isBelowViewport","bottom","scrollAmount","scrollBy","behavior","newTargetRect","newTargetCenterX","newTargetCenterY","deltaX","deltaY","x","y","DirectFocusKeyboardSensor","activators","eventName","handler","keyboardCodes","cancel","Esc","end","Space","Enter","start","onActivation","active","nativeEvent","target","node","current","useDashboardSensors","activationConstraint","distance","delay","tolerance","coordinateGetter"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"sourcesContent":["import type { KeyboardCoordinateGetter, KeyboardSensorOptions } from '@dnd-kit/core'\n\nimport {\n  KeyboardCode,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\n\ntype DroppablePosition = {\n  centerX: number\n  centerY: number\n  element: Element\n  isBeforeDroppable: boolean\n  rect: DOMRect\n  row: number\n}\n\n/**\n * Get all droppable widget positions, filtering out overlapping \"before\" droppables\n * and assigning row numbers based on Y position.\n */\nfunction getDroppablePositions(): DroppablePosition[] {\n  const positionTolerance = 5\n  const rowTolerance = 10\n  const result: DroppablePosition[] = []\n  let currentRow = 0\n  let currentY: null | number = null\n\n  const allDroppables = Array.from(document.querySelectorAll('.droppable-widget'))\n\n  for (let i = 0; i < allDroppables.length; i++) {\n    const element = allDroppables[i]\n    const rect = element.getBoundingClientRect()\n\n    // Skip hidden elements\n    if (rect.width === 0 || rect.height === 0) {\n      continue\n    }\n\n    const centerX = rect.left + rect.width / 2\n    const centerY = rect.top + rect.height / 2\n    const testId = element.getAttribute('data-testid') || ''\n    const isBeforeDroppable = testId.endsWith('-before')\n\n    // Skip \"before\" droppables that overlap with another droppable\n    if (isBeforeDroppable) {\n      const hasOverlapping = allDroppables.some((other, otherIndex) => {\n        if (otherIndex === i) {\n          return false\n        }\n        const otherRect = other.getBoundingClientRect()\n        const otherCenterX = otherRect.left + otherRect.width / 2\n        const otherCenterY = otherRect.top + otherRect.height / 2\n        return (\n          Math.abs(otherCenterX - centerX) < positionTolerance &&\n          Math.abs(otherCenterY - centerY) < positionTolerance\n        )\n      })\n      if (hasOverlapping) {\n        continue\n      }\n    }\n\n    // Assign row number based on Y position change\n    if (currentY === null) {\n      currentY = centerY\n    } else if (Math.abs(centerY - currentY) >= rowTolerance) {\n      currentRow++\n      currentY = centerY\n    }\n\n    result.push({\n      centerX,\n      centerY,\n      element,\n      isBeforeDroppable,\n      rect,\n      row: currentRow,\n    })\n  }\n\n  return result\n}\n\n/**\n * Find the row with the closest Y position to the given posY.\n * Returns the row index, or null if no droppables exist.\n */\nfunction findClosestRow(droppables: DroppablePosition[], posY: number): null | number {\n  if (droppables.length === 0) {\n    return null\n  }\n\n  let closestRow = droppables[0].row\n  let minYDistance = Infinity\n\n  for (const droppable of droppables) {\n    const yDistance = Math.abs(droppable.centerY - posY)\n    if (yDistance < minYDistance) {\n      minYDistance = yDistance\n      closestRow = droppable.row\n    }\n  }\n\n  return closestRow\n}\n\n/**\n * Find the closest droppable within a specific row by X position.\n * Returns the droppable and its index, or null if no droppables in that row.\n */\nfunction findClosestDroppableInRow(\n  droppables: DroppablePosition[],\n  rowIndex: number,\n  posX: number,\n): { droppable: DroppablePosition; index: number } | null {\n  let closestIndex = -1\n  let minXDistance = Infinity\n\n  for (let i = 0; i < droppables.length; i++) {\n    const droppable = droppables[i]\n    if (droppable.row === rowIndex) {\n      const xDistance = Math.abs(droppable.centerX - posX)\n      if (xDistance < minXDistance) {\n        minXDistance = xDistance\n        closestIndex = i\n      }\n    }\n  }\n\n  if (closestIndex === -1) {\n    return null\n  }\n\n  return { droppable: droppables[closestIndex], index: closestIndex }\n}\n\n/**\n * Find the target droppable based on direction\n * - ArrowRight/Left: Next/previous in DOM order (now that overlapping droppables are filtered)\n * - ArrowUp/Down: Closest in adjacent row (row +1 or -1) by X position\n */\nfunction findTargetDroppable(\n  droppables: DroppablePosition[],\n  currentCenterX: number,\n  currentCenterY: number,\n  direction: string,\n): DroppablePosition | null {\n  // Find the closest row, then the closest droppable in that row\n  const currentRow = findClosestRow(droppables, currentCenterY)\n\n  if (currentRow === null) {\n    return null\n  }\n\n  const currentDroppable = findClosestDroppableInRow(droppables, currentRow, currentCenterX)\n\n  if (!currentDroppable) {\n    return null\n  }\n\n  const { index: currentIndex } = currentDroppable\n\n  switch (direction) {\n    case 'ArrowDown': {\n      const targetRow = currentRow + 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    case 'ArrowLeft':\n      // Previous in DOM order\n      return droppables[currentIndex - 1] || null\n\n    case 'ArrowRight':\n      // Next in DOM order\n      return droppables[currentIndex + 1] || null\n\n    case 'ArrowUp': {\n      const targetRow = currentRow - 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    default:\n      return null\n  }\n}\n\n/**\n * Custom coordinate getter that jumps directly to droppable positions\n * instead of moving in pixel increments. This works better with scrolling\n * and provides more predictable navigation.\n */\nconst droppableJumpKeyboardCoordinateGetter: KeyboardCoordinateGetter = (\n  event,\n  { context, currentCoordinates },\n) => {\n  const { collisionRect } = context\n  const { code } = event\n\n  if (!collisionRect) {\n    return currentCoordinates\n  }\n\n  // Only handle arrow keys\n  if (!['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(code)) {\n    return currentCoordinates\n  }\n\n  // Prevent default browser scroll behavior for arrow keys\n  event.preventDefault()\n\n  // Clear scrollableAncestors to prevent dnd-kit from scrolling instead of moving\n  // This must be done on every keydown because context is updated by dnd-kit\n  if (context.scrollableAncestors) {\n    context.scrollableAncestors.length = 0\n  }\n\n  // Get all droppable widgets and their positions\n  const droppables = getDroppablePositions()\n\n  if (droppables.length === 0) {\n    return currentCoordinates\n  }\n\n  // Current position center (viewport coordinates from collisionRect)\n  const currentCenterX = collisionRect.left + collisionRect.width / 2\n  const currentCenterY = collisionRect.top + collisionRect.height / 2\n\n  // Find the target droppable based on direction\n  const targetDroppable = findTargetDroppable(droppables, currentCenterX, currentCenterY, code)\n\n  // If we found a target, scroll if needed and calculate the delta\n  if (targetDroppable) {\n    const viewportHeight = window.innerHeight\n    const targetRect = targetDroppable.rect\n    const scrollPadding = 20 // Extra padding to ensure element is fully visible\n\n    // Check if target droppable is fully visible in viewport\n    const isAboveViewport = targetRect.top < scrollPadding\n    const isBelowViewport = targetRect.bottom > viewportHeight - scrollPadding\n\n    // Scroll to make target visible (using instant scroll for synchronous behavior)\n    if (isAboveViewport) {\n      const scrollAmount = targetRect.top - scrollPadding\n      // don't use smooth scroll here, because it will mess up the delta calculation\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    } else if (isBelowViewport) {\n      const scrollAmount = targetRect.bottom - viewportHeight + scrollPadding\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    }\n\n    // After scroll, recalculate target position (it may have changed due to scroll)\n    const newTargetRect = targetDroppable.element.getBoundingClientRect()\n    const newTargetCenterX = newTargetRect.left + newTargetRect.width / 2\n    const newTargetCenterY = newTargetRect.top + newTargetRect.height / 2\n\n    // Calculate delta using current overlay position (which didn't change) and new target position\n    const deltaX = newTargetCenterX - currentCenterX\n    const deltaY = newTargetCenterY - currentCenterY\n\n    // Add delta to currentCoordinates to position overlay's center at target's center\n    return {\n      x: currentCoordinates.x + deltaX,\n      y: currentCoordinates.y + deltaY,\n    }\n  }\n\n  // No valid target found, stay in place\n  return currentCoordinates\n}\n\n/**\n * Custom KeyboardSensor that only activates when focus is directly on the\n * draggable element, not on any of its descendants. This allows interactive\n * elements inside draggables (like buttons) to work normally with the keyboard.\n */\nclass DirectFocusKeyboardSensor extends KeyboardSensor {\n  static override activators = [\n    {\n      eventName: 'onKeyDown' as const,\n      handler: (\n        event: React.KeyboardEvent,\n        {\n          keyboardCodes = {\n            cancel: [KeyboardCode.Esc],\n            end: [KeyboardCode.Space, KeyboardCode.Enter],\n            start: [KeyboardCode.Space, KeyboardCode.Enter],\n          },\n          onActivation,\n        }: KeyboardSensorOptions,\n        { active }: { active: { node: React.MutableRefObject<HTMLElement | null> } },\n      ) => {\n        const { code } = event.nativeEvent\n\n        // Only activate if focus is directly on the draggable node, not descendants\n        if (event.target !== active.node.current) {\n          return false\n        }\n\n        if (keyboardCodes.start.includes(code)) {\n          event.preventDefault()\n          onActivation?.({ event: event.nativeEvent })\n          return true\n        }\n\n        return false\n      },\n    },\n  ]\n}\n\nexport function useDashboardSensors() {\n  return useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(DirectFocusKeyboardSensor, {\n      coordinateGetter: droppableJumpKeyboardCoordinateGetter,\n    }),\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"sensors.js","names":["KeyboardSensor","MouseSensor","TouchSensor","useSensor","useSensors","getDroppablePositions","positionTolerance","rowTolerance","result","currentRow","currentY","allDroppables","Array","from","document","querySelectorAll","i","length","element","rect","getBoundingClientRect","width","height","centerX","left","centerY","top","testId","getAttribute","isBeforeDroppable","endsWith","hasOverlapping","some","other","otherIndex","otherRect","otherCenterX","otherCenterY","Math","abs","push","row","findClosestRow","droppables","posY","closestRow","minYDistance","Infinity","droppable","yDistance","findClosestDroppableInRow","rowIndex","posX","closestIndex","minXDistance","xDistance","index","findTargetDroppable","currentCenterX","currentCenterY","direction","currentDroppable","currentIndex","targetRow","droppableJumpKeyboardCoordinateGetter","event","context","currentCoordinates","collisionRect","code","includes","preventDefault","scrollableAncestors","targetDroppable","viewportHeight","window","innerHeight","targetRect","scrollPadding","isAboveViewport","isBelowViewport","bottom","scrollAmount","scrollBy","behavior","newTargetRect","newTargetCenterX","newTargetCenterY","deltaX","deltaY","x","y","useDashboardSensors","activationConstraint","distance","delay","tolerance","coordinateGetter"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"sourcesContent":["import type { KeyboardCoordinateGetter } from '@dnd-kit/core'\n\nimport { KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core'\n\ntype DroppablePosition = {\n  centerX: number\n  centerY: number\n  element: Element\n  isBeforeDroppable: boolean\n  rect: DOMRect\n  row: number\n}\n\n/**\n * Get all droppable widget positions, filtering out overlapping \"before\" droppables\n * and assigning row numbers based on Y position.\n */\nfunction getDroppablePositions(): DroppablePosition[] {\n  const positionTolerance = 5\n  const rowTolerance = 10\n  const result: DroppablePosition[] = []\n  let currentRow = 0\n  let currentY: null | number = null\n\n  const allDroppables = Array.from(document.querySelectorAll('.droppable-widget'))\n\n  for (let i = 0; i < allDroppables.length; i++) {\n    const element = allDroppables[i]\n    const rect = element.getBoundingClientRect()\n\n    // Skip hidden elements\n    if (rect.width === 0 || rect.height === 0) {\n      continue\n    }\n\n    const centerX = rect.left + rect.width / 2\n    const centerY = rect.top + rect.height / 2\n    const testId = element.getAttribute('data-testid') || ''\n    const isBeforeDroppable = testId.endsWith('-before')\n\n    // Skip \"before\" droppables that overlap with another droppable\n    if (isBeforeDroppable) {\n      const hasOverlapping = allDroppables.some((other, otherIndex) => {\n        if (otherIndex === i) {\n          return false\n        }\n        const otherRect = other.getBoundingClientRect()\n        const otherCenterX = otherRect.left + otherRect.width / 2\n        const otherCenterY = otherRect.top + otherRect.height / 2\n        return (\n          Math.abs(otherCenterX - centerX) < positionTolerance &&\n          Math.abs(otherCenterY - centerY) < positionTolerance\n        )\n      })\n      if (hasOverlapping) {\n        continue\n      }\n    }\n\n    // Assign row number based on Y position change\n    if (currentY === null) {\n      currentY = centerY\n    } else if (Math.abs(centerY - currentY) >= rowTolerance) {\n      currentRow++\n      currentY = centerY\n    }\n\n    result.push({\n      centerX,\n      centerY,\n      element,\n      isBeforeDroppable,\n      rect,\n      row: currentRow,\n    })\n  }\n\n  return result\n}\n\n/**\n * Find the row with the closest Y position to the given posY.\n * Returns the row index, or null if no droppables exist.\n */\nfunction findClosestRow(droppables: DroppablePosition[], posY: number): null | number {\n  if (droppables.length === 0) {\n    return null\n  }\n\n  let closestRow = droppables[0].row\n  let minYDistance = Infinity\n\n  for (const droppable of droppables) {\n    const yDistance = Math.abs(droppable.centerY - posY)\n    if (yDistance < minYDistance) {\n      minYDistance = yDistance\n      closestRow = droppable.row\n    }\n  }\n\n  return closestRow\n}\n\n/**\n * Find the closest droppable within a specific row by X position.\n * Returns the droppable and its index, or null if no droppables in that row.\n */\nfunction findClosestDroppableInRow(\n  droppables: DroppablePosition[],\n  rowIndex: number,\n  posX: number,\n): { droppable: DroppablePosition; index: number } | null {\n  let closestIndex = -1\n  let minXDistance = Infinity\n\n  for (let i = 0; i < droppables.length; i++) {\n    const droppable = droppables[i]\n    if (droppable.row === rowIndex) {\n      const xDistance = Math.abs(droppable.centerX - posX)\n      if (xDistance < minXDistance) {\n        minXDistance = xDistance\n        closestIndex = i\n      }\n    }\n  }\n\n  if (closestIndex === -1) {\n    return null\n  }\n\n  return { droppable: droppables[closestIndex], index: closestIndex }\n}\n\n/**\n * Find the target droppable based on direction\n * - ArrowRight/Left: Next/previous in DOM order (now that overlapping droppables are filtered)\n * - ArrowUp/Down: Closest in adjacent row (row +1 or -1) by X position\n */\nfunction findTargetDroppable(\n  droppables: DroppablePosition[],\n  currentCenterX: number,\n  currentCenterY: number,\n  direction: string,\n): DroppablePosition | null {\n  // Find the closest row, then the closest droppable in that row\n  const currentRow = findClosestRow(droppables, currentCenterY)\n\n  if (currentRow === null) {\n    return null\n  }\n\n  const currentDroppable = findClosestDroppableInRow(droppables, currentRow, currentCenterX)\n\n  if (!currentDroppable) {\n    return null\n  }\n\n  const { index: currentIndex } = currentDroppable\n\n  switch (direction) {\n    case 'ArrowDown': {\n      const targetRow = currentRow + 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    case 'ArrowLeft':\n      // Previous in DOM order\n      return droppables[currentIndex - 1] || null\n\n    case 'ArrowRight':\n      // Next in DOM order\n      return droppables[currentIndex + 1] || null\n\n    case 'ArrowUp': {\n      const targetRow = currentRow - 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    default:\n      return null\n  }\n}\n\n/**\n * Custom coordinate getter that jumps directly to droppable positions\n * instead of moving in pixel increments. This works better with scrolling\n * and provides more predictable navigation.\n */\nconst droppableJumpKeyboardCoordinateGetter: KeyboardCoordinateGetter = (\n  event,\n  { context, currentCoordinates },\n) => {\n  const { collisionRect } = context\n  const { code } = event\n\n  if (!collisionRect) {\n    return currentCoordinates\n  }\n\n  // Only handle arrow keys\n  if (!['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(code)) {\n    return currentCoordinates\n  }\n\n  // Prevent default browser scroll behavior for arrow keys\n  event.preventDefault()\n\n  // Clear scrollableAncestors to prevent dnd-kit from scrolling instead of moving\n  // This must be done on every keydown because context is updated by dnd-kit\n  if (context.scrollableAncestors) {\n    context.scrollableAncestors.length = 0\n  }\n\n  // Get all droppable widgets and their positions\n  const droppables = getDroppablePositions()\n\n  if (droppables.length === 0) {\n    return currentCoordinates\n  }\n\n  // Current position center (viewport coordinates from collisionRect)\n  const currentCenterX = collisionRect.left + collisionRect.width / 2\n  const currentCenterY = collisionRect.top + collisionRect.height / 2\n\n  // Find the target droppable based on direction\n  const targetDroppable = findTargetDroppable(droppables, currentCenterX, currentCenterY, code)\n\n  // If we found a target, scroll if needed and calculate the delta\n  if (targetDroppable) {\n    const viewportHeight = window.innerHeight\n    const targetRect = targetDroppable.rect\n    const scrollPadding = 20 // Extra padding to ensure element is fully visible\n\n    // Check if target droppable is fully visible in viewport\n    const isAboveViewport = targetRect.top < scrollPadding\n    const isBelowViewport = targetRect.bottom > viewportHeight - scrollPadding\n\n    // Scroll to make target visible (using instant scroll for synchronous behavior)\n    if (isAboveViewport) {\n      const scrollAmount = targetRect.top - scrollPadding\n      // don't use smooth scroll here, because it will mess up the delta calculation\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    } else if (isBelowViewport) {\n      const scrollAmount = targetRect.bottom - viewportHeight + scrollPadding\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    }\n\n    // After scroll, recalculate target position (it may have changed due to scroll)\n    const newTargetRect = targetDroppable.element.getBoundingClientRect()\n    const newTargetCenterX = newTargetRect.left + newTargetRect.width / 2\n    const newTargetCenterY = newTargetRect.top + newTargetRect.height / 2\n\n    // Calculate delta using current overlay position (which didn't change) and new target position\n    const deltaX = newTargetCenterX - currentCenterX\n    const deltaY = newTargetCenterY - currentCenterY\n\n    // Add delta to currentCoordinates to position overlay's center at target's center\n    return {\n      x: currentCoordinates.x + deltaX,\n      y: currentCoordinates.y + deltaY,\n    }\n  }\n\n  // No valid target found, stay in place\n  return currentCoordinates\n}\n\nexport function useDashboardSensors() {\n  return useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: droppableJumpKeyboardCoordinateGetter,\n    }),\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Dashboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,wBAAsB,aAAa,CAAC,KAAK,EAAE,oBAAoB,8BA2C9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Dashboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,wBAAsB,aAAa,CAAC,KAAK,EAAE,oBAAoB,8BA0C9D"}

package/dist/views/Dashboard/index.js

@@ -17,8 +17,7 @@ export async function DashboardView(props) {
       payload: {
         config
       },
-      payload,
-      user
+      payload
     },
     req,
     visibleEntities
@@ -46,7 +45,7 @@ export async function DashboardView(props) {
         payload,
         permissions,
         server: req.server,
-        user,
+        user: props.user,
         visibleEntities
       }
     })]

package/dist/views/Dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DefaultDashboard","React","Fragment","RenderServerComponent","HydrateAuthProvider","SetStepNav","getGlobalData","getNavGroups","DashboardView","props","locale","permissions","req","i18n","payload","config","user","visibleEntities","initPageResult","globalData","navGroups","_jsxs","_jsx","nav","clientProps","Component","admin","components","views","dashboard","Fallback","importMap","serverProps","server"],"sources":["../../../src/views/Dashboard/index.tsx"],"sourcesContent":["export { DefaultDashboard } from './Default/index.js'\nexport type {\n  DashboardViewClientProps,\n  DashboardViewServerProps,\n  DashboardViewServerPropsOnly,\n} from './Default/index.js'\n\nimport type { AdminViewServerProps } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport type { DashboardViewClientProps, DashboardViewServerPropsOnly } from './Default/index.js'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport { HydrateAuthProvider, SetStepNav } from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { DefaultDashboard } from './Default/index.js'\n\nexport async function DashboardView(props: AdminViewServerProps) {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload: { config },\n      payload,\n      user,\n    },\n    req,\n    visibleEntities,\n  } = props.initPageResult\n\n  const globalData = await getGlobalData(req)\n  const navGroups = getNavGroups(permissions, visibleEntities, config, i18n)\n\n  return (\n    <Fragment>\n      <HydrateAuthProvider permissions={permissions} />\n      <SetStepNav nav={[]} />\n      {RenderServerComponent({\n        clientProps: {\n          locale,\n        } satisfies DashboardViewClientProps,\n        Component: config.admin?.components?.views?.dashboard?.Component,\n        Fallback: DefaultDashboard,\n        importMap: payload.importMap,\n        serverProps: {\n          ...props,\n          globalData,\n          i18n,\n          locale,\n          navGroups,\n          payload,\n          permissions,\n          server: req.server,\n          user,\n          visibleEntities,\n        } satisfies DashboardViewServerPropsOnly,\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ;AASjC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,mBAAmB,EAAEC,UAAU,QAAQ;AAChD;AACA,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASP,gBAAgB,QAAQ;AAEjC,OAAO,eAAeQ,cAAcC,KAA2B;EAC7D,MAAM;IACJC,MAAM;IACNC,WAAW;IACXC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBD,OAAO;MACPE;IAAI,CACL;IACDJ,GAAG;IACHK;EAAe,CAChB,GAAGR,KAAA,CAAMS,cAAc;EAExB,MAAMC,UAAA,GAAa,MAAMb,aAAA,CAAcM,GAAA;EACvC,MAAMQ,SAAA,GAAYb,YAAA,CAAaI,WAAA,EAAaM,eAAA,EAAiBF,MAAA,EAAQF,IAAA;EAErE,oBACEQ,KAAA,CAACnB,QAAA;4BACCoB,IAAA,CAAClB,mBAAA;MAAoBO,WAAA,EAAaA;qBAClCW,IAAA,CAACjB,UAAA;MAAWkB,GAAA,EAAK;QAChBpB,qBAAA,CAAsB;MACrBqB,WAAA,EAAa;QACXd;MACF;MACAe,SAAA,EAAWV,MAAA,CAAOW,KAAK,EAAEC,UAAA,EAAYC,KAAA,EAAOC,SAAA,EAAWJ,SAAA;MACvDK,QAAA,EAAU9B,gBAAA;MACV+B,SAAA,EAAWjB,OAAA,CAAQiB,SAAS;MAC5BC,WAAA,EAAa;QACX,GAAGvB,KAAK;QACRU,UAAA;QACAN,IAAA;QACAH,MAAA;QACAU,SAAA;QACAN,OAAA;QACAH,WAAA;QACAsB,MAAA,EAAQrB,GAAA,CAAIqB,MAAM;QAClBjB,IAAA;QACAC;MACF;IACF;;AAGN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DefaultDashboard","React","Fragment","RenderServerComponent","HydrateAuthProvider","SetStepNav","getGlobalData","getNavGroups","DashboardView","props","locale","permissions","req","i18n","payload","config","visibleEntities","initPageResult","globalData","navGroups","_jsxs","_jsx","nav","clientProps","Component","admin","components","views","dashboard","Fallback","importMap","serverProps","server","user"],"sources":["../../../src/views/Dashboard/index.tsx"],"sourcesContent":["export { DefaultDashboard } from './Default/index.js'\nexport type {\n  DashboardViewClientProps,\n  DashboardViewServerProps,\n  DashboardViewServerPropsOnly,\n} from './Default/index.js'\n\nimport type { AdminViewServerProps } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport type { DashboardViewClientProps, DashboardViewServerPropsOnly } from './Default/index.js'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport { HydrateAuthProvider, SetStepNav } from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { DefaultDashboard } from './Default/index.js'\n\nexport async function DashboardView(props: AdminViewServerProps) {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload: { config },\n      payload,\n    },\n    req,\n    visibleEntities,\n  } = props.initPageResult\n\n  const globalData = await getGlobalData(req)\n  const navGroups = getNavGroups(permissions, visibleEntities, config, i18n)\n\n  return (\n    <Fragment>\n      <HydrateAuthProvider permissions={permissions} />\n      <SetStepNav nav={[]} />\n      {RenderServerComponent({\n        clientProps: {\n          locale,\n        } satisfies DashboardViewClientProps,\n        Component: config.admin?.components?.views?.dashboard?.Component,\n        Fallback: DefaultDashboard,\n        importMap: payload.importMap,\n        serverProps: {\n          ...props,\n          globalData,\n          i18n,\n          locale,\n          navGroups,\n          payload,\n          permissions,\n          server: req.server,\n          user: props.user,\n          visibleEntities,\n        } satisfies DashboardViewServerPropsOnly,\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ;AASjC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,mBAAmB,EAAEC,UAAU,QAAQ;AAChD;AACA,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASP,gBAAgB,QAAQ;AAEjC,OAAO,eAAeQ,cAAcC,KAA2B;EAC7D,MAAM;IACJC,MAAM;IACNC,WAAW;IACXC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBD;IAAO,CACR;IACDF,GAAG;IACHI;EAAe,CAChB,GAAGP,KAAA,CAAMQ,cAAc;EAExB,MAAMC,UAAA,GAAa,MAAMZ,aAAA,CAAcM,GAAA;EACvC,MAAMO,SAAA,GAAYZ,YAAA,CAAaI,WAAA,EAAaK,eAAA,EAAiBD,MAAA,EAAQF,IAAA;EAErE,oBACEO,KAAA,CAAClB,QAAA;4BACCmB,IAAA,CAACjB,mBAAA;MAAoBO,WAAA,EAAaA;qBAClCU,IAAA,CAAChB,UAAA;MAAWiB,GAAA,EAAK;QAChBnB,qBAAA,CAAsB;MACrBoB,WAAA,EAAa;QACXb;MACF;MACAc,SAAA,EAAWT,MAAA,CAAOU,KAAK,EAAEC,UAAA,EAAYC,KAAA,EAAOC,SAAA,EAAWJ,SAAA;MACvDK,QAAA,EAAU7B,gBAAA;MACV8B,SAAA,EAAWhB,OAAA,CAAQgB,SAAS;MAC5BC,WAAA,EAAa;QACX,GAAGtB,KAAK;QACRS,UAAA;QACAL,IAAA;QACAH,MAAA;QACAS,SAAA;QACAL,OAAA;QACAH,WAAA;QACAqB,MAAA,EAAQpB,GAAA,CAAIoB,MAAM;QAClBC,IAAA,EAAMxB,KAAA,CAAMwB,IAAI;QAChBjB;MACF;IACF;;AAGN","ignoreList":[]}

package/dist/views/Document/generateEditViewMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateEditViewMetadata.js","names":["getTranslation","formatMetadata","generateEditViewMetadata","collectionConfig","config","globalConfig","i18n","isEditing","isReadOnly","view","t","entityLabel","labels","singular","label","verb","metaToUse","admin","meta","description","keywords","title","ogToUse","openGraph","components","views","edit","serverURL"],"sources":["../../../src/views/Document/generateEditViewMetadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../API/generateAPIViewMetadata.js'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\n/**\n * @todo Remove the type assertion. This is currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateEditViewMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n  isReadOnly = false,\n  view = 'default',\n}): Promise<MetaConfig> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  const verb = isReadOnly\n    ? t('general:viewing')\n    : isEditing\n      ? t('general:editing')\n      : t('general:creating')\n\n  const metaToUse: MetaConfig = {\n    ...(config.admin.meta || {}),\n    description: `${verb} - ${entityLabel}`,\n    keywords: `${entityLabel}, Payload, CMS`,\n    title: `${verb} - ${entityLabel}`,\n  }\n\n  const ogToUse: MetaConfig['openGraph'] = {\n    title: `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`,\n    ...(config.admin.meta.openGraph || {}),\n    ...((collectionConfig\n      ? {\n          ...(collectionConfig?.admin.meta?.openGraph || {}),\n          ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {}),\n        }\n      : {}) as MetaConfig['openGraph']),\n    ...((globalConfig\n      ? {\n          ...(globalConfig?.admin.meta?.openGraph || {}),\n          ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {}),\n        }\n      : {}) as MetaConfig['openGraph']),\n  }\n\n  return formatMetadata({\n    ...metaToUse,\n    openGraph: ogToUse,\n    ...((collectionConfig\n      ? {\n          ...(collectionConfig?.admin.meta || {}),\n          ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta || {}),\n        }\n      : {}) as MetaConfig),\n    ...((globalConfig\n      ? {\n          ...(globalConfig?.admin.meta || {}),\n          ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta || {}),\n        }\n      : {}) as MetaConfig),\n    serverURL: config.serverURL,\n  })\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,cAAc,QAAQ;AAE/B;;;AAGA,OAAO,MAAMC,wBAAA,GAAqD,MAAAA,CAAO;EACvEC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC,IAAI;EACJC,SAAS;EACTC,UAAA,GAAa,KAAK;EAClBC,IAAA,GAAO;AAAS,CACjB;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGJ,IAAA;EAEd,MAAMK,WAAA,GAAcR,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBS,MAAM,CAACC,QAAQ,EAAEP,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaS,KAAK,EAAER,IAAA,IACnC;EAEN,MAAMS,IAAA,GAAOP,UAAA,GACTE,CAAA,CAAE,qBACFH,SAAA,GACEG,CAAA,CAAE,qBACFA,CAAA,CAAE;EAER,MAAMM,SAAA,GAAwB;IAC5B,IAAIZ,MAAA,CAAOa,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;IAC3BC,WAAA,EAAa,GAAGJ,IAAA,MAAUJ,WAAA,EAAa;IACvCS,QAAA,EAAU,GAAGT,WAAA,gBAA2B;IACxCU,KAAA,EAAO,GAAGN,IAAA,MAAUJ,WAAA;EACtB;EAEA,MAAMW,OAAA,GAAmC;IACvCD,KAAA,EAAO,GAAGd,SAAA,GAAYG,CAAA,CAAE,kBAAkBA,CAAA,CAAE,qBAAqBC,WAAA,EAAa;IAC9E,IAAIP,MAAA,CAAOa,KAAK,CAACC,IAAI,CAACK,SAAS,IAAI,CAAC,CAAC;IACrC,IAAKpB,gBAAA,GACD;MACE,IAAIA,gBAAA,EAAkBc,KAAA,CAAMC,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;MACjD,IAAIpB,gBAAA,EAAkBc,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;IACrF,IACA,CAAC,CAAC;IACN,IAAKlB,YAAA,GACD;MACE,IAAIA,YAAA,EAAcY,KAAA,CAAMC,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;MAC7C,IAAIlB,YAAA,EAAcY,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;IACjF,IACA,CAAC,CAAC;EACR;EAEA,OAAOtB,cAAA,CAAe;IACpB,GAAGe,SAAS;IACZO,SAAA,EAAWD,OAAA;IACX,IAAKnB,gBAAA,GACD;MACE,IAAIA,gBAAA,EAAkBc,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIf,gBAAA,EAAkBc,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,IAAQ,CAAC,CAAC;IAC1E,IACA,CAAC,CAAC;IACN,IAAKb,YAAA,GACD;MACE,IAAIA,YAAA,EAAcY,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAIb,YAAA,EAAcY,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,IAAQ,CAAC,CAAC;IACtE,IACA,CAAC,CAAC;IACNS,SAAA,EAAWvB,MAAA,CAAOuB;EACpB;AACF","ignoreList":[]}
+{"version":3,"file":"generateEditViewMetadata.js","names":["getTranslation","formatMetadata","generateEditViewMetadata","collectionConfig","config","globalConfig","i18n","isEditing","isReadOnly","view","t","entityLabel","labels","singular","label","verb","metaToUse","admin","meta","description","keywords","title","ogToUse","openGraph","components","views","edit","serverURL"],"sources":["../../../src/views/Document/generateEditViewMetadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../API/generateAPIViewMetadata.js'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\n/**\n * @todo Remove the type assertion. This is currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateEditViewMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n  isReadOnly = false,\n  view = 'default',\n}): Promise<MetaConfig> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  const verb = isReadOnly\n    ? t('general:viewing')\n    : isEditing\n      ? t('general:editing')\n      : t('general:creating')\n\n  const metaToUse: MetaConfig = {\n    ...(config.admin.meta || {}),\n    description: `${verb} - ${entityLabel}`,\n    keywords: `${entityLabel}, Payload, CMS`,\n    title: `${verb} - ${entityLabel}`,\n  }\n\n  const ogToUse: MetaConfig['openGraph'] = {\n    title: `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`,\n    ...(config.admin.meta.openGraph || {}),\n    ...(collectionConfig\n      ? {\n          ...(collectionConfig?.admin.meta?.openGraph || {}),\n          ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {}),\n        }\n      : {}),\n    ...(globalConfig\n      ? {\n          ...(globalConfig?.admin.meta?.openGraph || {}),\n          ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {}),\n        }\n      : {}),\n  }\n\n  return formatMetadata({\n    ...metaToUse,\n    openGraph: ogToUse,\n    ...((collectionConfig\n      ? {\n          ...(collectionConfig?.admin.meta || {}),\n          ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta || {}),\n        }\n      : {}) as MetaConfig),\n    ...((globalConfig\n      ? {\n          ...(globalConfig?.admin.meta || {}),\n          ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta || {}),\n        }\n      : {}) as MetaConfig),\n    serverURL: config.serverURL,\n  })\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,cAAc,QAAQ;AAE/B;;;AAGA,OAAO,MAAMC,wBAAA,GAAqD,MAAAA,CAAO;EACvEC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC,IAAI;EACJC,SAAS;EACTC,UAAA,GAAa,KAAK;EAClBC,IAAA,GAAO;AAAS,CACjB;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGJ,IAAA;EAEd,MAAMK,WAAA,GAAcR,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBS,MAAM,CAACC,QAAQ,EAAEP,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaS,KAAK,EAAER,IAAA,IACnC;EAEN,MAAMS,IAAA,GAAOP,UAAA,GACTE,CAAA,CAAE,qBACFH,SAAA,GACEG,CAAA,CAAE,qBACFA,CAAA,CAAE;EAER,MAAMM,SAAA,GAAwB;IAC5B,IAAIZ,MAAA,CAAOa,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;IAC3BC,WAAA,EAAa,GAAGJ,IAAA,MAAUJ,WAAA,EAAa;IACvCS,QAAA,EAAU,GAAGT,WAAA,gBAA2B;IACxCU,KAAA,EAAO,GAAGN,IAAA,MAAUJ,WAAA;EACtB;EAEA,MAAMW,OAAA,GAAmC;IACvCD,KAAA,EAAO,GAAGd,SAAA,GAAYG,CAAA,CAAE,kBAAkBA,CAAA,CAAE,qBAAqBC,WAAA,EAAa;IAC9E,IAAIP,MAAA,CAAOa,KAAK,CAACC,IAAI,CAACK,SAAS,IAAI,CAAC,CAAC;IACrC,IAAIpB,gBAAA,GACA;MACE,IAAIA,gBAAA,EAAkBc,KAAA,CAAMC,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;MACjD,IAAIpB,gBAAA,EAAkBc,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;IACrF,IACA,CAAC,CAAC;IACN,IAAIlB,YAAA,GACA;MACE,IAAIA,YAAA,EAAcY,KAAA,CAAMC,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;MAC7C,IAAIlB,YAAA,EAAcY,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,EAAMK,SAAA,IAAa,CAAC,CAAC;IACjF,IACA,CAAC,CAAC;EACR;EAEA,OAAOtB,cAAA,CAAe;IACpB,GAAGe,SAAS;IACZO,SAAA,EAAWD,OAAA;IACX,IAAKnB,gBAAA,GACD;MACE,IAAIA,gBAAA,EAAkBc,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIf,gBAAA,EAAkBc,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,IAAQ,CAAC,CAAC;IAC1E,IACA,CAAC,CAAC;IACN,IAAKb,YAAA,GACD;MACE,IAAIA,YAAA,EAAcY,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAIb,YAAA,EAAcY,KAAA,EAAOO,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOjB,IAAA,CAAK,EAAES,IAAA,IAAQ,CAAC,CAAC;IACtE,IACA,CAAC,CAAC;IACNS,SAAA,EAAWvB,MAAA,CAAOuB;EACpB;AACF","ignoreList":[]}

package/dist/views/Document/getDocumentView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDocumentView.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getDocumentView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAChB,yBAAyB,EACzB,6BAA6B,EAC7B,eAAe,EACf,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAW9C,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,IAAI;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;IAC5B,eAAe,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,eAAe,+EAMzB;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,cAAc,EAAE,6BAA6B,GAAG,yBAAyB,CAAA;IACzE,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,GAAG,IA2VH,CAAA"}
+{"version":3,"file":"getDocumentView.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getDocumentView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAChB,yBAAyB,EACzB,6BAA6B,EAC7B,eAAe,EACf,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAY9C,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,IAAI;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;IAC5B,eAAe,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC3C,CAAA;AAqBD,eAAO,MAAM,eAAe,+EAMzB;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,cAAc,EAAE,6BAA6B,GAAG,yBAAyB,CAAA;IACzE,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,GAAG,IAiWH,CAAA"}

package/dist/views/Document/getDocumentView.js

@@ -1,11 +1,27 @@
+import { branchesCollectionSlug } from 'payload/shared';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
-import { DefaultEditView } from '../../exports/client/index.js';
+import { BranchManageView, DefaultEditView } from '../../exports/client/index.js';
 import { APIView as DefaultAPIView } from '../API/index.js';
+import { BranchChangesView } from '../Branch/index.js';
 import { UnauthorizedViewWithGutter } from '../Unauthorized/index.js';
 import { VersionView as DefaultVersionView } from '../Version/index.js';
 import { VersionsView as DefaultVersionsView } from '../Versions/index.js';
 import { getCustomDocumentViewByKey } from './getCustomDocumentViewByKey.js';
 import { getCustomViewByRoute } from './getCustomViewByRoute.js';
+/**
+ * A branch's default view is what it changed, not its own form.
+ *
+ * The form — a name and a description — is incidental next to the reason the
+ * branch exists, so it moves one click away to `/manage`. Selected here by direct
+ * import rather than a config component path, the way `HierarchyView` is, so no
+ * import map is involved.
+ */
+const getBranchView = (collectionConfig, segment) => {
+  if (collectionConfig?.slug !== branchesCollectionSlug) {
+    return null;
+  }
+  return segment === 'manage' ? BranchManageView : BranchChangesView;
+};
 export const getDocumentView = ({
   collectionConfig,
   config,
@@ -61,7 +77,7 @@ export const getDocumentView = ({
                   viewKey = customViewKey;
                   View = CustomViewComponent;
                 } else {
-                  View = getCustomDocumentViewByKey(views, 'default') || DefaultEditView;
+                  View = getCustomDocumentViewByKey(views, 'default') || getBranchView(collectionConfig, undefined) || DefaultEditView;
                 }
                 break;
               }
@@ -112,6 +128,9 @@ export const getDocumentView = ({
                 if (customViewKey) {
                   viewKey = customViewKey;
                   View = CustomViewComponent;
+                } else {
+                  // --> /collections/payload-branches/:id/manage
+                  View = getBranchView(collectionConfig, segment4);
                 }
                 break;
               }